@charset "utf-8";

/*---------------- reset, base ----------------*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/*行の高さをフォントサイズと同じにしています*/
body {
    line-height:1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
    list-style:none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}


/*画像を縦に並べたときに余白が出ないようにしています*/
img {
　　　vertical-align: top;
　　　font-size:0;
　　　line-height: 0;
}

/*背景に動画を再生させる*/
body {
  /*margin: 0;
  padding: 0;*/
/*  IE8以下の代替の背景画像  */
  /*background: url(http://mattgrossdesign.com/raw-media/first-frame-screencap.jpg) #333;
  background-attachment: fixed;
  background-size: cover;*/
  width:100%;
}


#bg_box{
	position:fixed;
	right:0;
	bottom:0;
	width:auto;
	min-width:100%;
	height:auto;
	min-height:100%;
	/*left:50%;
	width:200%;
	height:100%;
	margin-left:-100%;	*/
}


#player {
/*  動画を背景に設定するスタイルシート  */
	position:fixed;
	left: 0;
	top: 55px;
	bottom:0px;
	/*width:100%;
	height:100%;*/
}

#video-background_nav1 {
/*  動画を背景に設定するスタイルシート  */
	position: fixed;
	left:0px;
	top: 55px;
	bottom:0px;
	min-width: 100%;
	min-height:95%;
	display:none;
	z-index:-99;
}

@font-face {
	font-family: "Federation Starfleet Hull 23rd";
	src: url(../fonts/Federation_Starfleet_Hull_23rd.ttf);
}



/*旧サイトのCSS*/
/*---------------------- grand --------------------------*/

a:link, a:visited {
	text-decoration: none;
	color: #FFFFFF;
	}

a:hover, a:active {
	text-decoration: underline;
	color: #FFFFFF;
	}
html {
	color: #FFFFFF;
	width:100%;
	height:100%;
	}
@media print,  screen and (min-width: 980px) {
}
@media print, screen and (min-width: 769px) and (max-width: 979px) {
}
@media print, screen and (max-width: 768px) {
html {
	background:rgba(0,38,58,1.0);
	}
}


/*-------------------------- wrapper --------------------------*/
body {
	height:auto;
}
#bg {
	font-family:'Federation Starfleet Hull 23rd';
	font-stretch:ultra-condensed;
	width:100%;
	height:100%;
	background-color:rgba(0,38,58,1.0);
	}
#stage {
	background-color:rgba(0,0,0,0.8);
	width: 100%;
	min-height:100vh;
}
@media print, screen and (min-width: 980px) {
#stage {
	position:relative;
	min-height:100%;
	padding-bottom:0px;
	padding-top: 0px;
	}
#title_logo {
	display:none;
}
}
@media print, screen and (min-width: 769px) and (max-width: 979px) {
#stage {
	position:relative;
	min-height:100%;
	padding-bottom:0px;
	padding-top: 0px;
	}
#title_logo {
	display:none;
}
}
@media print, screen and (max-width: 768px) {
#stage {
	position:relative;
	padding-bottom:0px;
	}
}




/*-------------------------- header_top --------------------------*/
#header_top {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:20;
	background:rgba(0,38,58,1.0);
}
h1#logo a {
	float:left;
	background : url(../images/header/logo.png) no-repeat center top;
	background-size:contain;
	display:block;
	text-align:center;
	white-space:nowrap;
}
@media print, screen and (min-width: 980px) {
#header_top {
	height:50px;
	padding:0px 0px 0px 10px;
}
h1#logo a {
	width:160px;
	height:50px;
	}
#header_SNS{
	float:right;
	margin-right:20px;
	padding-top:15px;
	width:280px;
}

.genericon-youtube:before {
	content: " " !important;
	background: url(../images/header/yt_logo_rgb_light-02.png) no-repeat center;
	background-size: contain;
	width: 25px;
	height: 25px;
   display: inline-block;
}
#header_SNS a:hover .genericon-youtube:before {
  content: " " !important;
	background: url(../images/header/yt_logo_rgb_light-02_red.png) no-repeat center;
	background-size: contain;
 }

.genericon-tiktok:before {
	content: " " !important;
	background: url(../images/header/tittok.png) no-repeat center;
	background-size: contain;
	width: 25px;
	height: 25px;
   display: inline-block;
}
#header_SNS a:hover .genericon-tiktok:before {
	background: url(../images/header/tittok_red.png) no-repeat center;
	background-size: contain;
 }
#header_SNS span {
	font-size:25px;
	margin-right:15px;
}
#header_SNS a :hover {
color:rgba(210,38,48,1.0);
}
}
@media print, screen and (min-width: 769px) and (max-width: 979px) {
#header_top {
	height:50px;
	padding:0px 0px 0px 10px;
}
h1#logo a {
	width:160px;
	height:50px;
	}
#header_SNS{
	float:right;
	margin-right:20px;
	padding-top:15px;
	width:280px;
}
#header_SNS span {
	font-size:25px;
	margin-right:15px;
}
#header_SNS a :hover {
color:rgba(210,38,48,1.0);
}

.genericon-youtube:before {
	content: " " !important;
	background: url(../images/header/yt_logo_rgb_light-02.png) no-repeat center;
	background-size: contain;
	width: 24px;
	height: 24px;
  display: inline-block;
}
#header_SNS a:hover .genericon-youtube:before {
  content: " " !important;
	background: url(../images/header/yt_logo_rgb_light-02_red.png) no-repeat center;
	background-size: contain;
 }
.genericon-tiktok:before {
	content: " " !important;
	background: url(../images/header/tittok.png) no-repeat center;
	background-size: contain;
	width: 20px;
	height: 24px;
   display: inline-block;
}
#header_SNS a:hover .genericon-tiktok:before {
	background: url(../images/header/tittok_red.png) no-repeat center;
	background-size: contain;
 }
#ham-menu {
	display:none;
}
}
@media print, screen and (max-width: 768px) {
#header_top {
	height:40px;
	padding:0px 0px 0px 0px;
}
h1#logo a {
	width:150px;
	height:45px;
	margin-left:20px;
	}
#header_SNS{
	float:right;
	margin-right:10px;
	padding-top:10px;
	font-size:15px;
}
.genericon-youtube:before {
	content: " " !important;
	background: url(../images/header/yt_logo_rgb_light-02.png) no-repeat center;
	background-size: contain;
	width: 20px;
	height: 24px;
   display: inline-block;
}
#header_SNS a:hover .genericon-youtube:before {
  content: " " !important;
	background: url(../images/header/yt_logo_rgb_light-02_red.png) no-repeat center;
	background-size: contain;
 }
.genericon-tiktok:before {
	content: " " !important;
	background: url(../images/header/tittok.png) no-repeat center;
	background-size: contain;
	width: 15px;
	height: 24px;
   display: inline-block;
}
#header_SNS a:hover .genericon-tiktok:before {
	background: url(../images/header/tittok_red.png) no-repeat center;
	background-size: contain;
 }
#header_SNS span {
	font-size:20px;
	margin-right:5px;
}
#header_SNS a :hover {
	color:rgba(210,38,48,1.0);
}
}





/*-------------------------- header_topics --------------------------*/
@media print, screen and (min-width: 980px) {
#header_topics {
	position:fixed;
	top:50px;
	left:0;
	width:100%;
	height:24px;
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
	z-index:20;
}
#header_topics:hover {
	overflow:inherit;
}
#header_topics .cell{
	float:left;
}
#header_topics_top{
	float:left;
	height:18px;
	font-size:16px;
	margin:2px 3px 0px 20px;;
	padding-top:3px;
	padding-right:10px;
	border-right:solid 2px 	rgba(255,255,255,1.00);
}
}
@media print, screen and (min-width: 769px) and (max-width: 979px) {
#header_topics {
	position:fixed;
	top:50px;
	left:0;
	width:100%;
	height:24px;
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
	z-index:20;
}
#header_topics:hover {
	overflow:inherit;
}
#header_topics .cell{
	float:left;
}
#header_topics_top{
	float:left;
	height:18px;
	font-size:16px;
	margin:2px 3px 0px 20px;;
	padding-top:3px;
	padding-right:10px;
	border-right:solid 2px 	rgba(255,255,255,1.00);
}
}
@media print, screen and (max-width: 768px) {
}





/*-------------------------- #topics --------------------------*/
@media print, screen and (min-width: 980px) {
#topics {
	background:rgba(210,38,48,0.95);
	white-space:nowrap;
	padding:auto;
}
#topics  tr{
	height:25px;
}
#topics table td.date {
	width:90px;
	padding-left:5px;
	font-size:16px;
	vertical-align:middle;
}
#topics table td.category {
	width:80px;
	font-size:12px;
	padding-top:3px;
	vertical-align:middle;
}
#topics table td.summary {
	width:200px;
	font-size:12px;
	vertical-align:middle;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
}
@media print, screen and (min-width: 769px) and (max-width: 979px) {
#topics {
	background:rgba(210,38,48,0.95);
	white-space:nowrap;
	padding:auto;
}
#topics  tr{
	height:25px;
}
#topics table td.date {
	width:90px;
	padding-left:5px;
	font-size:16px;
	vertical-align:middle;
}
#topics table td.category {
	width:80px;
	font-size:12px;
	padding-top:3px;
	vertical-align:middle;
}
#topics table td.summary {
	width:200px;
	font-size:12px;
	vertical-align:middle;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
}
@media print, screen and (max-width: 768px) {
}





/*-------------------------- footer --------------------------*/
#footer_include #sponsors li {
	float:left;
	list-style:none;
}
@media print, screen and (min-width: 980px) {
#footer_include {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background:rgba(0,38,58,1.0);
	padding-top:10px;
	padding-bottom:5px;
	padding-left:20px;
	z-index:20;
}
#footer_include #sponsors li img {
	margin-right:10px;
	height:30px;
	width:90px;
}
#bg #stage #footer_include p {
	font-size:12px;
}
}
@media print, screen and (min-width: 769px) and (max-width: 979px) {
#footer_include {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background:rgba(0,38,58,1.0);
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	z-index:20;
}
#footer_include #sponsors li img {
	margin-right:10px;
	height:20px;
	width:60px;
}
#bg #stage #footer_include p {
	font-size:12px;
}
}
@media print, screen and (max-width: 768px) {

#footer_include {
	display:block;
	position:static;
	width:100%;
	height:auto;
	background:rgba(0,0,0,1.0);
	padding:20px 0 10px 0;
	z-index:20;
}
#footer_include #sponsors  {
	width:96%;
	margin:0 auto;
}
#footer_include #sponsors li {
	margin-left:2%;
	margin-right:2%;
	width:29%;
	height:auto;
	margin-bottom:5px;
}
#footer_include #sponsors li img {
	width:100%;
	height:auto;
}
#footer_include p {
	text-align:center;
}
}




/*-------------------------- #contents --------------------------*/
#contents {
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow:hidden;
}
@media print, screen and (min-width: 980px) {
#contents {
	min-width:750px;
	margin-top:0px;
	margin-left:230px;
	padding-top:105px;
	min-height:100vh;
}
#contents_inner {
	max-width:770px;
	margin-left:auto;
	margin-right:auto;
	padding-left:0px;
	padding-bottom:150px;
	}
}
@media print, screen and (min-width: 769px) and (max-width: 979px) {
#contents {
	min-width:560px;
	margin-top:55px;
	margin-left:200px;
	padding-top:40px;
	min-height:100vh;
}
#contents_inner {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding-left:0px;
	padding-bottom:150px;
	}
}
@media print, screen and (max-width: 768px) {
#contents {
	width:100%;
	margin-left:0;
	margin-right:0;
	padding-top:70px;
	padding-left:0px;
	}
#contents #contents_inner {
	padding:0 2vw 0 2vw;
	}
}




/*-------------------------- #contents #menu--------------------------*/
#contents #menu ul li a {
	display:block;
	text-decoration:none;
	text-align:center;
	border:solid 1px rgba(210,38,48,1.0);
	color:rgba(210,38,48,1.0);
	font-family: "Federation Starfleet Hull 23rd";
}
#contents #menu:hover  ul li a {
	background:none;
	color:rgba(210,38,48,1.0);
	}
#contents #menu ul li a:hover {
	background-color:rgba(210,38,48,1.0);
	color:#ffffff;
	}
@media print, screen and (min-width: 980px) {
 #contents #menu  {
	width:100%;
	height:35px;
	margin-bottom:30px;
	}
 #contents #menu ul li {
	min-width:120px;
	padding:0;
	float:left;
	list-style:none;
	}
 #contents #menu ul li a {
	font-size:16px;
	padding:8px 5px;
	margin:0;
	}
}
@media print, screen and (min-width: 769px) and (max-width: 979px) {
#contents #menu  {
	width:72vw;
	height:35px;
	margin-bottom:30px;
	}
#contents #menu ul li {
	min-width:11vw;
	padding:0;
	float:left;
	list-style:none;
	}
#contents #menu ul li a {
	font-size:16px;
	padding:8px 5px;
	margin:0;
	}
}
@media print, screen and (max-width: 768px) {
#contents #menu  {
	width:100%;
	height:6vw;
	margin-bottom:15vw;
	}
#contents #menu ul li {
	width:33%;
	padding:0;
	float:left;
	list-style:none;
	}
#contents #menu ul li a {
	font-size:3vw;
	padding:6px 3px;
	margin:0;
	}
}



/*-------------------------- ナビゲーションバー --------------------------*/
@media print, screen and (min-width: 980px) {
 #header_nav_inner {
	position:fixed;
	top:85px;
	left:0;
    width:170px;
	z-index:5;
	}
 #header_nav_inner ul {
	width:100%;
	float:none;
	}
 #header_nav_inner ul li {
	display:inline;
	width:0px;
	height:0px;
	margin:0;
	padding:0;
	float:none;
	}
 #header_nav_inner ul li a {
	display:block;
	width:0px;
	padding:5px 0px;
	margin-left:30px;
	white-space:nowrap;
	font-size:20px;
	text-decoration:none;
}
 #header_nav_inner a.nav8 {
 	margin-top:1vh;
	border-top:solid 1px rgba(255,255,255,1.00);
	margin-bottom:-5px;
	width:170px;
	}
 #header_nav_inner a.nav1:hover  {
	font-size:22px;
	color:rgba(210,38,48,1.0);
	}
 #header_nav_inner .nav1:hover > video  {
	display:inline;
	}
}
@media print, screen and (min-width: 769px) and (max-width: 979px) {
 #header_nav_inner {
	position:fixed;
	top:80px;
	left:0;
    width:130px;
	z-index:5;
	}
 #header_nav_inner ul {
	width:100%;
	float:none;
}
 #header_nav_inner ul li {
	display:inline;
	width:0px;
	height:0px;
	margin:0;
	padding:0;
	float:none;
	}
 #header_nav_inner ul li a {
	display:block;
	width:0px;
	padding:5px 0px;
	margin-left:20px;
	white-space:nowrap;
	font-size:16px;
	text-decoration:none;
	}
 #header_nav_inner a.nav8 {
 	margin-top:5px;
	border-top:solid 1px rgba(255,255,255,1.00);
	margin-bottom:-5px;
	width:130px;
	}
 #header_nav_inner a.nav1:hover  {
	font-size:18px;
	color:rgba(210,38,48,1.0);
	}
 #header_nav_inner .nav1:hover > video  {
	display:inline;
	}
}
@media print, screen and (max-width: 768px) {
#header_nav_inner {
	display:none;
	}
}




/*-------------------------- #game_information ----------------------------*/
@media print, screen and (min-width: 980px) {
#game_information{
	clear:both;
	position:fixed;
	bottom:70px;
	left:30px;
	width:21vh;
	height:21vh;
	background:rgba(0,38,58,0.95);
	padding:1vh;
	text-align:center;
	z-index:10;
}
#game_information #game_title {
	width:21vh;
	height:2vh;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:1.6vh;
	padding-top:5px;
}
#game_information #game_date {
	width:20.5vh;
	height:2.3vh;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:2vh;
	letter-spacing:0.8vh;
	padding-top:3px;
	padding-left:0.5vh;
}
#game_information #game_opponent {
	width:21vh;
	height:2vh;
	color:#fff;
	font-size:1.7vh;
	letter-spacing:1vh;
	padding-top:3px;
	padding-left:0.5vh;
}
#game_information #game_opponent_img {
	height:8vh;
	color:#fff;
	letter-spacing:5px;
	padding-top:0px;
}
#game_information #game_opponent_img img {
	height:7.5vh;
	margin:0 auto;
	display:block;
}
#game_information #game_field {
	width:21vh;
	height:3.3vh;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:1.6vh;
	letter-spacing:1px;
	padding-top:3px;
}
#game_information #game_time {
	width:21vh;
	height:2.2vh;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:1.6vh;
	letter-spacing:3px;
	padding-top:0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}
@media print, screen and (min-width: 769px) and (max-width: 979px) {
#game_information{
	clear:both;
	position:fixed;
	bottom:50px;
	left:20px;
	width:130px;
	height:130px;
	background:rgba(0,38,58,0.95);
	padding:5px;
	text-align:center;
	z-index:10;
}
#game_information #game_title {
	width:130px;
	height:14px;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:11px;
	padding-top:3px;
}
#game_information #game_date {
	width:127px;
	height:14px;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:12px;
	letter-spacing:4px;
	padding-top:2px;
	padding-left:3px;
}
#game_information #game_opponent {
	width:130px;
	height:15px;
	color:#fff;
	font-size:10px;
	letter-spacing:5px;
	padding-top:3px;
	padding-left:2px;
}
#game_information #game_opponent_img {
	height:47px;
	color:#fff;
	letter-spacing:5px;
	padding-top:0px;
}
#game_information #game_opponent_img img {
	height:44px;
	margin:0 auto;
	display:block;
}
#game_information #game_field {
	width:130px;
	height:16px;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:10px;
	letter-spacing:1px;
	padding-top:2px;
}
#game_information #game_time {
	width:130px;
	height:15px;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:10px;
	letter-spacing:3px;
	padding-top:0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}
@media print, screen and (max-width: 768px) {
#game_information{
	clear:both;
	position:static;
	width:80vw;
	height:40vw;
	background:rgba(0,38,58,1.0);
	padding:1vw;
	margin:100px auto 50px auto;
	z-index:10;
	text-align:center;
}
#game_information #game_title {
	width:100%;
	height:3vw;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:3vw;
	padding-top:1vw;
}
#game_information #game_date {
	width:100%;
	height:4vw;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:3vw;
	letter-spacing:5px;
	padding-top:1vw;
	padding-left:0px;
}
#game_information #game_opponent {
	width:100%;
	height:4vw;
	color:#fff;
	font-size:3vw;
	letter-spacing:5px;
	padding-top:1vw;
}
#game_information #game_opponent_img {
	height:17vw;
	color:#fff;
	font-size:0.7em;
	letter-spacing:5px;
	padding-top:0px;
}
#game_information #game_opponent_img img {
	height:16vw;
	margin:0 auto;
	display:block;
}
#game_information #game_field {
	width:100%;
	height:4vw;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:3vw;
	letter-spacing:3px;
	padding-top:1vw;
}
#game_information #game_time {
	width:100%;
	height:4vw;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:3vw;
	letter-spacing:3px;
	padding-top:0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}






/*-------------------------- #board #board_inner --------------------------*/
#board #board_inner h1 {
	font-style:italic;
}
#board #board_inner h2 {
	font-weight:200;
}
#board #board_inner h4.board_level1 {
	background:rgba(210,38,48,1.0);
	width:auto;
	text-align:center;
}
#contents  #board #board_inner p {
	font-weight:normal;
}
@media print, screen and (min-width: 980px) {
#board #board_inner h1 {
	font-size:42px;
	line-height:65px;
	margin-bottom:-30px;
	width:100%;
}
#board #board_inner h2 {
	font-size:32px;
	line-height:40px;
	padding:10px 0px;
	margin-top:40px;
	margin-bottom:20px;
	width:100%;
	}
#board #board_inner h4.board_level1 {
	display:inline;
	font-size:16px;
	padding:10px 30px;
	margin:10px 0 0 0;
	}
#board #board_inner p {
	line-height:1.5;
	font-size:16px;
	margin:0px 0 20px 0;
	}
	}
@media print, screen and (min-width: 769px) and (max-width: 979px) {
#board #board_inner h1 {
	font-size:4vw;
	line-height:1.5;
	margin-bottom:-30px;
	width:100%;
}
#board #board_inner h2 {
	font-size:3.3vw;
	line-height:4vw;
	padding:10px 0px;
	margin-top:40px;
	margin-bottom:20px;
	width:100%;
	}
#board #board_inner h4.board_level1 {
	display:inline;
	font-size:16px;
	padding:10px 20px;
	margin:10px 0 0 0;
	}
#board #board_inner p {
	line-height:1.5;
	font-size:14px;
	margin:0px 0 20px 0;
	}
}
@media print, screen and (max-width: 768px) {
#board #board_inner h1 {
	font-size:5.1vw;
	line-height:8vw;
	margin-bottom:10vw;
	width:100%;
}
#board #board_inner h2 {
	font-size:4.4vw;
	line-height:7vw;
	margin-top:5vw;
	margin-bottom:5vw;
	width:100%;
	}
#board #board_inner h4.board_level1 {
	display:inline;
	font-size:4vw;
	padding:1.5vw;
	}
#board #board_inner p{
	line-height:6vw;
	font-size:3.6vw;
	margin: 0px 0 20px 0;
	}
}








@media print, screen and (min-width: 980px) and (max-height: 600px) {
#game_information {
	display:none;
}
}
@media print, screen and (min-width: 769px) and (max-width: 979px) and (max-height: 480px) {
#game_information {
	display:none;
}
}
@media print, screen and (max-width: 768px) {
}






@media print, screen and (min-width: 980px) {


/*---------------- #ham-menu ----------------*/

#ham-menu {
	display:none;
}

/*---------------- topicsバー ----------------*/
#nav_btn {
	display:none;
}

}
@media print, screen and (min-width: 769px) and (max-width: 979px) {

/*---------------- #ham-menu ----------------*/

#ham-menu {
	display:none;
}

/*---------------- topicsバー ----------------*/
#nav_btn {
	display:none;
}

}






/*-------------------------- #special_information ----------------------------*/
@media print, screen and (min-width: 980px) {
#special_information{
	clear:both;
	position:fixed;
	bottom:70px;
	right:30px;
	width:30vh;
	height:auto;
	background:rgba(0,38,58,0.95);
	padding:1vh;
	text-align:center;
	z-index:10;
}
#special_information img{
	display: block;
	width: 100%;
	height: auto;
}
#special_information #special_title {
	width:21vh;
	height:4vh;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:1.6vh;
	padding-top:0.5vh;
	line-height:2vh;
}
#special_information #special_info1 {
	width:20.5vh;
	height:7.5vh;
	background:url('../images/common/special_1.jpg');
	background-size: cover;
	color:#fff;
	font-size:2vh;
	margin-top:1vh;
	padding-left:0.5vh;
}
#special_information #special_info1:hover {
	background:url('../images/common/special_over1.jpg');
	background-size: cover;
}
#special_information #special_info2 {
	width:20.5vh;
	height:7.5vh;
	background:url('../images/common/special_2.jpg');
	background-size: cover;
	color:#fff;
	font-size:2vh;
	margin-top:1vh;
	padding-left:0.5vh;
}
#special_information #special_info2:hover {
	background:url('../images/common/special_over2.jpg');
	background-size: cover;
}
}
@media print, screen and (min-width: 769px) and (max-width: 979px) {
#special_information{
	clear:both;
	position:fixed;
	bottom:50px;
	right:10px;
	width:130px;
	height:130px;
	background:rgba(0,38,58,0.95);
	padding:5px;
	text-align:center;
	z-index:10;
}
#special_information img{
	display: block;
	width: 100%;
	height: auto;
}
#special_information #special_title {
	width:130px;
	height:30px;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:11px;
	padding-top:3px;
	line-height:14px;
}
#special_information #special_info1 {
	width:130px;
	height:47px;
	background:url('../images/common/special_1.jpg');
	background-size: cover;
	color:#fff;
	margin-top:3px;
}
#special_information #special_info1:hover {
	background:url('../images/common/special_over1.jpg');
	background-size: cover;
}
#special_information #special_info2 {
		width:130px;
	height:47px;
	background:url('../images/common/special_2.jpg');
	background-size: cover;
	color:#fff;
	margin-top:3px;
}
#special_information #special_info2:hover {
	background:url('../images/common/special_over2.jpg');
	background-size: cover;
}

}
@media print, screen and (max-width: 768px) {
#special_information{
	clear:both;
	position:static;
	width:80vw;
	/*height:70vw; */
	background:rgba(0,38,58,1.0);
	padding:1vw;
	margin:100px auto 50px auto;
	z-index:10;
	text-align:center;
}
#special_information img{
	display: block;
	width: 100%;
	height: auto;
}
#special_information #special_title {
	width:100%;
	height:10vw;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:4vw;
	padding-top:1vw;
	line-height:5vw;
}

#special_information #special_info1 {
	width:100%;
	height:40%;
	background:url('../images/common/special_1.jpg');
	background-size: cover;
	color:#fff;
	margin-top:2vw;
}
#special_information #special_info1:hover {
	background:url('../images/common/special_over1.jpg');
	background-size: cover;
}
#special_information #special_info2 {
	width:100%;
	height:40%;
	background:url('../images/common/special_2.jpg');
	background-size: cover;
	color:#fff;
	margin-top:1vw;
}
#special_information #special_info2:hover {
	background:url('../images/common/special_over2.jpg');
	background-size: cover;
}


#game_information #game_date {
	width:100%;
	height:4vw;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:3vw;
	letter-spacing:5px;
	padding-top:1vw;
	padding-left:0px;
}
#game_information #game_opponent {
	width:100%;
	height:4vw;
	color:#fff;
	font-size:3vw;
	letter-spacing:5px;
	padding-top:1vw;
}
#game_information #game_opponent_img {
	height:17vw;
	color:#fff;
	font-size:0.7em;
	letter-spacing:5px;
	padding-top:0px;
}
#game_information #game_opponent_img img {
	height:16vw;
	margin:0 auto;
	display:block;
}
#game_information #game_field {
	width:100%;
	height:7vw;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:3vw;
	letter-spacing:3px;
	padding-top:1vw;
}
#game_information #game_time {
	width:100%;
	height:4vw;
	background:rgba(210,38,48,1.0);
	color:#fff;
	font-size:3vw;
	letter-spacing:3px;
	padding-top:0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

  /* 1.6.2021 */
  /* for top page */
  #classic-blog #bg #stage #special_information {
  	margin-top: 40px;
  }

  #classic-blog #bg #stage #contents_top {
    margin-top: 60px;
  }
  /* 1.6.2021 */
}








@media print, screen and (max-width: 768px) {

#nav_btn {
	display:block;
}

/*---------------- ハンバーガーメニュー ----------------*/

#ham-menu {
    background-color:rgba(0,0,0,0.8); /*メニュー背景色*/
    box-sizing: border-box;
    height: 100%;
    position: fixed;
    left: -100%; /*メニュー横幅 width と合わせる*/
    top: 40px;
    transition: transform 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width:100%; /*メニュー横幅*/
    z-index: 1000;
	display:block;
}

#ham-menu li {
	 list-style:none;
	color:#fff;
	text-decoration:none;
	font-size:5vw;
	font-family: "Federation Starfleet Hull 23rd";
	height:1vw;
}

#menu-background {
    background-color: #333; /*黒背景*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    left: 0;
    top: 40px;
    transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 100%;
    z-index: -1;
}

#menu-icon {
    color: #fff; /*アイコン（フォント）色*/
    cursor: pointer;
    display: block;
    font-size: 40px; /*アイコン（フォント）サイズ*/
    height: 40px; /*アイコン縦高さ*/
    line-height: 40px; /*縦位置中央化*/
    position: fixed;
    left: 0;
    text-align: center;
    top: 0px;
    width: 50px; /*アイコン横幅*/
    transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    z-index: 1000;
}

#menu-cb {
    display: none; /*チェックボックス本体は消しておく*/
}

#menu-cb:checked ~ #ham-menu
{
    transform: translate(100%); /*メニュー本体横幅 width と合わせる*/
}

#menu-cb:checked ~ #menu-background {
    opacity: 0.5;
    z-index: 999;
}

}

@media all and (orientation: portrait) {
#ham-menu {padding: 30px 40px;} /*メニュー内左右上下余白*/
#ham-menu li  {
	height:5vh;
	padding-top:2vh;
	padding-left:10px;
	}
 }
@media all and (orientation: landscape) {
#ham-menu {padding: 20px 40px;}
#ham-menu li { height:30px;}
}



/*---------------- 旧CSS とりあえず残す ----------------*/
/*---------------- entry ----------------*/

#contents #board #board_inner #prev_next {
	font-size:80%;
	margin:0 20px;
	padding:15px 5px;
	}
#contents #board #board_inner #prev_entry {
	margin:0 0 5px 0;
	}
#contents #board #board_inner #entry_categoly {
	margin:20px 0 0 20px;
	}
#contents #board .ctinfo {
	font-size:80%;
	background-color:#204161;
	padding:0.5em 1em;
	margin:30px 20px 0 20px;
	}

#contents #board #comments {
	font-size:90%;
	background-color:#204161;
	padding:1em 1em 0.5em 1em;
	margin:1px 20px 0 20px;
	}
#contents #board #board_inner #comments-open {
	margin:30px 0 0 0;
	}
#contents #board #board_inner .comment-content {
	border-bottom:1px dotted #8fa8c0;
	margin:0 0 10px 0;
	padding:0;
	}
#contents #board #board_inner .comment-content p {
	padding:1em 0;
	}
#contents #board #board_inner table#comment_table {
	margin:10px 0 10px 0;
	padding:0;
	width:100%;
	}
#contents #board #board_inner table#comment_table th {
	width:100px;
	background:none;
	vertical-align:top;
	text-align:left;
	border: none;
	border-top:1px solid #8fa8c0;
	}
#contents #board #board_inner table#comment_table td {
	background:none;
	vertical-align:top;
	text-align:left;
	border: none;
	padding:0 0 10px 10px;
	}
#contents #board #board_inner table#comment_table td input {
	width:80%;
	height:18px;
	}
#contents #board #board_inner table#comment_table td #comment-text {
	width:80%;
	}
#contents #board #board_inner #comment_btn {
	text-align:center;
	padding:0 0 15px 0;
	}
#contents #board .trackbacks-info {
	font-size:80%;
	background-color:#204161;
	margin:1px 20px 0 20px;
	}
#contents #board #board_inner .trackbacks-info p {
	margin:0;
	padding:0.7em 1em;
	}
body#archive #contents #body #board {
	margin:20px 0 0 0;
	}
body #contents #body h3.archive_title {
	padding:2px 0 2px 10px;
	margin:20px 0 0 0;
	border-left:3px solid #FFFFFF;
	}

/*---------------- clear ----------------*/
hr {
	display:none;
	height:0;
	}
div.clearhr {
	background-color:#f00;
	width:700px;
	height:0;
	visibility:hidden;
	}
html>/**/body div.clearhr {
	clear:both;
	}
.clearhr hr {
	width:760px;
	position:absolute;
	visibility:hidden;
	height:0;
	border:0;
	}
.clear {
	zoom:1;
	}
.clear:after {
	content:"";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	}
.imgWidth {
	max-width: 100%;
	margin-bottom: 10px;
}