/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,button,input,select,textarea {
    color: #333333;
	}

body {
	background-color: #ffffff;
	font-size: 0.85em;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
/*	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
*/    line-height: 1.6;
	text-align: center;
	}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
	}

::selection {
    background: #b3d4fc;
    text-shadow: none;
	}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
	}

img {
		max-width: 100%;
		height: auto;
    vertical-align: middle;
		border: none;
	}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
	}

textarea {
    resize: vertical;
	}

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

a:hover, a:active {
    color: #333333;
	text-decoration: underline;
	}




/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#main	{
	margin: 0 auto;
	background-color: #ffffff;
	}

#content	{
	padding-bottom: 45px;
	}

	.page-home #content, .page-players #content, .page-news #content, .page-schedule #content, .page-match #content	{
	padding-right: 0;
	}

	.page-home #content p	{
	margin: 0;
	padding: 0;
	}


header	{
	position: relative;
	height: 142px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	text-align: center;
	}

	footer ul, .page-home #main ul, .page-news #main ul.list, #secondary ul, #lnav ul, nav ul, article #related-news.field ul	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

	header a	{
	text-decoration: none;
	}

header h1	{
	width: 980px;
	margin: 0 auto;
	line-height: 1.0;
	text-align: left;
	}

	header h1 a	{
	display: block;
	width: 305px;
	height: 50px;
	margin: 20px 0;
	background: transparent url(../img/bg_all.png?230403) no-repeat left top;
	line-height: 1.0;
	text-indent: -9999px;
	}

	header h1 a:hover	{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	}

/*header .banner	{
position: absolute;
width: 980px;
top: -5px;
left: 639px;
margin: 0;
padding: 0;
text-align: left;
}*/

header .wrap-banner	{
position: absolute;
width: 100%;
height: 1px;
top: -5px;
margin: 0;
padding: 0;
text-align: center;
}

header .wrap-banner .banner	{
width: 980px;
height: 1px;
margin: 0 auto;
padding: 0;
text-align: right;
}


footer	{
	border-top: 1px solid #99b3d5;
	}

footer .unit	{
	text-align: left;
	}

	footer strong	{
	display: block;
	line-height: 40px;
	font-size: 16px;
	}

	footer p	{
	margin: 0;
	padding: 0;
	}

#global	{
	height: 50px;
	background: #1a53a2;
	background: linear-gradient(180deg, rgba(26, 83, 162, 1) 0%, rgba(0, 64, 151, 1) 100%);
	border-top: 1px solid #004097;
	box-shadow: 0 0 3px #333333;
	}

	nav ul	{
	margin: 0 auto;
	/*background-color: #3366ac;*/
	}

	nav ul li a, nav ul li span	{
		display: block;
		color: #ffffff !important;
		font-weight: bold;
		text-align: center;
		text-decoration: none !important;
	}

article	{
	text-align: left;
	}

	article h1	{
	margin: 0;
	}

#entries	{
		float: left;
		width: 650px;
		height: 300px;
		overflow: hidden;
		}

#feature	{
	margin-bottom: 25px;
	}



	#secondary a	{
	outline: none;
	}

	.banner img	{
	vertical-align: top;
	}

	.download	{
	margin-bottom: 10px;
	}

	.download a img	{
	border: 5px solid #004097;
	}

	.download a:hover img	{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	border: 5px solid #3366ac;
	}

	#secondary aside ul li	{
	margin-top: 10px;
	}

	#secondary aside ul li a img	{
	border: 1px solid #cccccc;
	}



	.page-news article section#entry #headline	{
	margin-bottom: 1.0em;
	padding-bottom: 1.0em;
	border-bottom: 3px solid #99b3d5;
	}

	.page-news article section#entry #headline h1	{
	padding-bottom: 0.5em;
	font-size: 20px;
	}

	.page-news article section#entry p	{
	margin: 0;
	padding: 0;
	}

	.page-news article section#entry #headline em.category	{
	display: block;
	float: left;
	width: 100px;
	height: 20px;
	margin-top: 5px;
	background-color: #d2e5fc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	font-style: normal;
	text-align: center;
	line-height: 20px;
	}

	.page-news article section#entry #headline time	{
	display: block;
	float: left;
	font-family: 'Roboto', sans-serif;
	}

	.page-beni article .send	{
	margin-top: 1.0em;
	padding: 0.75em 0;
	background-color: #e9e9e9;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	}

		.page-beni article .send input	{
		margin: 0 0.5em;
		}


ul.std, ol.std	{
		padding-left: 1.5em;
		}

p.std	{
		margin-top: 0;
		}

article #related-news.field ul li	{
		padding: 0.25em 0;
		border-bottom: 1px solid #cccccc;
		}

	article #related-news.field strong.title-a	{
		font-size: 20px;
		}

		article #related-news.field ul li span	{
		padding-right: 1.0em;
		color: #666666;
		}

blockquote	{
/*	width: 70%;
*/	margin: 1.0em 0 0;
	padding: 1.0em;
	border: 1px solid #cccccc;
	}




/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
	}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
	}

.hidden {
    display: none !important;
    visibility: hidden;
	}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
	}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
	}

.invisible {
    visibility: hidden;
	}

.sp-unit	{cursor: pointer;}


.unit:before,
.unit:after,
#news ul.list li:before,
#news ul.list li:after {
    content: " ";
    display: table;
	}

.unit:after,
#news ul.list li:after {
    clear: both;
	}

.unit,
#news ul.list li {
    *zoom: 1;
	}

/*.anchor	{cursor: pointer;}
*/

th.nwrap, td.nwrap {
	white-space: nowrap;
	}

section.item {
	padding: 1.0em;
	border: 1px solid #aaaaaa;
	}

.download a img {
	border: 3px solid #004097;
	}

.download a:hover img {
	border: 3px solid #004097;
	}

.btn a {
	display: block;
	heigh: 3.0em;
	line-height: 3.0em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	}

	.btn a.blue {
		color: #ffffff;
		background: rgb(102,140,193);
		background: -moz-linear-gradient(top,  rgba(102,140,193,1) 0%, rgba(51,102,172,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,140,193,1)), color-stop(100%,rgba(51,102,172,1)));
		background: -webkit-linear-gradient(top,  rgba(102,140,193,1) 0%,rgba(51,102,172,1) 100%);
		background: -o-linear-gradient(top,  rgba(102,140,193,1) 0%,rgba(51,102,172,1) 100%);
		background: -ms-linear-gradient(top,  rgba(102,140,193,1) 0%,rgba(51,102,172,1) 100%);
		background: linear-gradient(to bottom,  rgba(102,140,193,1) 0%,rgba(51,102,172,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#668cc1', endColorstr='#3366ac',GradientType=0 );
		}
	
	.btn a:hover.blue {
		color: #ffffff;
		background: rgb(51,102,172);
		background: -moz-linear-gradient(top,  rgba(51,102,172,1) 0%, rgba(51,102,172,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,102,172,1)), color-stop(100%,rgba(51,102,172,1)));
		background: -webkit-linear-gradient(top,  rgba(51,102,172,1) 0%,rgba(51,102,172,1) 100%);
		background: -o-linear-gradient(top,  rgba(51,102,172,1) 0%,rgba(51,102,172,1) 100%);
		background: -ms-linear-gradient(top,  rgba(51,102,172,1) 0%,rgba(51,102,172,1) 100%);
		background: linear-gradient(to bottom,  rgba(51,102,172,1) 0%,rgba(51,102,172,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3366ac', endColorstr='#3366ac',GradientType=0 );
		text-decoration: none;
		}
	
.pagenation {
	margin-top: 2.0em;
	font-size: 12px;
	text-align: center;
	}

.pagenation a, .pagenation b {
	margin-right: 0.25em;
	padding: 0.5em 0.75em;
	background-color: #eeeeee;
	line-height: 1.0;
	}

	.pagenation a:hover, .pagenation b {
	color: #ffffff;
	background-color: #4d7ab6;
	}

.pagenation a i {
	padding: 0 0.25em;
	vertical-align: -2px;
	}

	.pagenation span {
	padding: 0.5em 0.5em 0.5em 0.25em;
	}

.ctrl ul {
	margin-top: 2.0em;
	padding: 6px 0 2px 6px;
	border: 1px solid #eeeeee;
	}

.ctrl ul li {
	float: left;
	width: 54px;
	}

	.ctrl ul li a {
	display: block;
	width: 50px;
	height: 25px;
	line-height: 25px;
	margin-bottom: 4px;
	color: #ffffff;
	background-color: #80a0cb;
	font-size: 12px;
	text-align: center;
	}

	.ctrl ul li a:hover {
	color: #ffffff;
	background-color: #b3c6e0;
	}

	.ctrl ul li span {
	display: block;
	width: 50px;
	height: 25px;
	line-height: 25px;
	margin-bottom: 4px;
	color: #333333;
	background-color: #eeeeee;
	font-size: 12px;
	text-align: center;
	}


.sub-title h1 {
	float: left;
	width: 500px;
	}

.sub-title p {
	float: right;
	width: 200px;
	margin-top: 0;
	text-align: right;
	}

		.sub-title p select {
		padding: 0.25em;
		border: 1px solid #cccccc;
		border-radius: 0;
		font-size: 14px;
		}

#title {
	height: 33px;
	line-height: 33px;
	padding-left: 0.5em;
	border-left: 5px solid #526e95;
	font-size: 18px;
	}

.title {
	color: #3366ac;
	}

#page-name {
	display: block;
	height: 33px;
	line-height: 33px;
	margin: -33px 15px 0 0;
	color: #80a0cb;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	text-align: right;
	}

#page-info {
	display: block;
	height: 33px;
	margin: -33px 15px 0 0;
	color: #555555;
	font-size: 10px;
	text-align: right;
	}

	#page-info b {
		font-size:12px;
		}

.sub-title {
	height: 33px;
	line-height: 33px;
	padding-left: 0.5em;
	border-bottom: 5px solid #526e95;
	font-size: 18px;
	}

.sub-title h1 {
	font-size: 18px;
	}

.title-a {
	height: 33px;
	line-height: 33px;
	font-size: 14px;
	}

.title-b {
	height: 33px;
	line-height: 33px;
	padding: 0 0.5em;
	background-color: #ccd9ea;
	font-size: 14px;
	}

.title-c {
	color: #1a53a2;
	font-size: 14px;
	}

.title-d {
	padding: 0.25em 0.5em;
	background-color: #fefbc6;
	font-size: 14px;
	}

.title-e {
	padding: 0.25em 0.5em;
	background-color: #f0f0f0;
	border-left: 3px solid #b0b0b0;
	font-size: 14px;
	}


.pnav {
/*	margin-right: 15px;
*/	margin-right: 0;
	padding-top: 0.25em;
	border-top: 1px solid #b3c6e0;
	font-size: 14px;
	}

	.pnav a {
	text-decoration: underline;
	}

	.pnav i {
	padding: 0 0.25em 0 0.5em;
	}

	.pnav a:hover {
	text-decoration: none;
	}

#lnav {
	text-align: left;
	}

	#lnav ul#structure {
	margin-top: 1px;
	padding: 0;
	border-top: 1px solid #b3c6e0;
	}

	#lnav ul#structure li {
	background-color: #ffffff;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	}

	#lnav ul#structure li#supreme {
	border-right: 1px solid #668cc1;
	border-bottom: 1px solid #668cc1;
	}

	#lnav ul#structure li a {
	display: block;
	padding: 0.75em 1.0em;
	background-color: #f5f5f5;
	border-left: 5px solid #3366ac;
	font-size: 14px;
	}

	#lnav ul#structure li a:hover,
	.page-dl #lnav ul#structure li#lnav-dl a,
	.page-news #lnav ul#structure li#lnav-news a,
	.outline #lnav ul#structure li#lnav-outline a,
	.guide #lnav ul#structure li#lnav-guide a,
	.fee #lnav ul#structure li#lnav-fee a,
	.access #lnav ul#structure li#lnav-access a,
	.page-beni .reserve #lnav ul#structure li#lnav-reserve a,
	.page-beni .news #lnav ul#structure li#lnav-news a,
	.page-zao .news #lnav ul#structure li#lnav-news a,
	.page-yuso .news #lnav ul#structure li#lnav-news a,
	.page-etc #lnav ul#structure li#lnav-etc a	{
	color: #555555;
	background-color: #fffcd9;
	background: rgb(255,252,217);
	background: -moz-linear-gradient(left,  rgba(255,252,217,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,252,217,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left,  rgba(255,252,217,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left,  rgba(255,252,217,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left,  rgba(255,252,217,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,252,217,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcd9', endColorstr='#ffffff',GradientType=1 );
	border-left: 5px solid #fdf13f;
	-moz-box-shadow: 2px 0 2px #bbbbbb;
	-webkit-box-shadow: 2px 0 2px #bbbbbb;
	font-weight: bold;
	text-decoration: none;
	}

	#lnav ul#structure li#supreme a {
	color: #ffffff;
	background-color: #668cc1;
	font-weight: normal;
	}

		#lnav ul#structure li#supreme a:hover {
		color: #ffffff;
		background-color: #99b3d5;
		}

	#lnav aside {
	margin-top: 30px;
	}

	#lnav aside .address {
	padding: 1.0em;
	border: 1px solid #e1e1e1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

	#lnav aside .banner {
	margin-bottom: 10px;
	}

	#lnav aside .address strong {
	color: #668cc1;
	background-color: #ffffff;
	font-size: 14px;
	}

	#lnav aside .address p {
	margin: 1.0em 0 0;
	padding-top: 1.0em;
	border-top: 1px solid #e1e1e1;
	font-size: 12px;
	}



ul#y2014 {
	font-size: 14px;
	text-align: center;
	}

#dd-menu {
	list-style-type: none;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #eeeeee;
	}

	#dd-menu li {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	}

	#dd-menu li strong {
	display: block;
	background: transparent url(../img/bg_arrow_down.png) no-repeat center 24px;
	cursor: pointer;
	font-size: 12px;
	}

	#dd-menu li a {
	display: block;
	margin: 0;
	height: 35px;
	line-height: 35px;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}

	#dd-menu li ul {
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	}

ul#y2014 {
	font-size: 14px;
	text-align: center;
	}

#dd-menu {
	list-style-type: none;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #eeeeee;
	}

	#dd-menu li {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	}

	#dd-menu li a {
	display: block;
	margin: 0;
	height: 35px;
	line-height: 35px;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}

	#dd-menu li ul {
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	}

#lnav ul#structure li.fo-menu {
	position:relative;
	padding: 0.75em 1.0em;
	background-color: #f5f5f5;
	border-left: 5px solid #3366ac;
	font-size: 14px;
	cursor: pointer;
	}

	#lnav ul#structure li.fo-menu:hover {
	background-color: #ffffff;
	}


	#lnav ul#structure li.fo-menu:before	{
	display: inline-block;
	position: absolute;
	left: 90%;
	top: 0.25em;
	color: #80a0cb;
	content: "\f105";
	font-family: FontAwesome;
	font-weight: bold;
	font-size: 1.25rem;
	vertical-align: middle;
	}


	#lnav ul#structure li.fo-menu ul li a {
	display: block;
	padding: 0.75em 1.0em;
	background-color: #f9f9f9;
	border: none;
	font-weight: normal;
	}

	#lnav ul#structure li.fo-menu ul li a:hover {
	background-color: #e6ecf5;
	font-weight: bold;
	}


#lnav ul#structure li.fo-menu ul li{
	float:left;
	margin-right:1px;
	position:relative;
	border-right: none;
	}

.fo-menu ul {display: none;}

/* specific to non IE browsers */
.fo-menu:hover ul {
	display:block;
	position:absolute;
	top: 0;
	left:215px;
	width:5px;
	}

.fo-menu:hover ul li:hover a.hide {
	width: 215px;
	}

.fo-menu:hover ul li ul {
	display: none;
	}

.fo-menu:hover ul li a {
	display: block;
	width: 215px;
	}


.page-academy article section #tab-date	{
	}

article section #tab-date ul, article section #tab-category ul	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}



article section #tab-date .p-down	{
	float: left;
	width: 80px;
	height: 35px;
	line-height: 35px;
	margin-bottom: 10px;
	background-color: #eeeeee;
	font-size: 10px;
	}


	article section #tab-date .p-down i	{
	margin: 0 0 0 0.25em;
	vertical-align: -2px;
	}


	article section #tab-date .tnav li a, article section #tab-date .tnav li span	{
	display: block;
	margin: 0 2px;
	height: 32px;
	line-height: 32px;
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-size: 12px;
	text-align: center;
	}

	article section #tab-date .tnav li.last a, article section #tab-date .tnav li.last span	{
	margin-right: 0;
	}

	article section #tab-date .tnav li a:hover, article section #tab-date .tnav li span	{
	color: #333333;
	background-color: #ccd9ea;
	border: 1px solid #80a0cb;
	text-decoration: none;
	}

.table-a th, .table-a td {
	padding: 0.5em;
	font-size: 12px;
	border: 1px solid #b0b0b0;
	}

	.table-a thead th {
	background-color: #e9e9e9;
	}

	.table-a th {
	white-space: nowrap;
	}

	.table-b th, .table-b td {
	padding: 0.5em;
	font-size: 12px;
	border: 1px solid #b9b9b9;
	}

	.table-b th, .table-b td, .table-c th, .table-c td {
	padding: 0.5em;
	font-size: 12px;
	border: 1px solid #b9b9b9;
	}

	.table-b th {
	color: #ffffff;
	background-color: #4d7ab6;
	white-space: nowrap;
	}

	.table-c th {
	color: #333333;
	background-color: #f7f7f7;
	}

.table-a#reserve {
	width: 100%;
	}

	.table-a#reserve td.checked {
		background-color: #fefbc6;
		}
	
	.table-a#reserve td input {
		margin-right: 0.5em
		}



.color-red {	color: #dd0000;	}

.color-blue {	color: #1a53a2;	}


.align-l, td.align-l 				{	text-align: left;	}
/*.align-center, */.align-c {	text-align: center;	}
.align-r 				{	text-align: right;	}

.fs-20 {	font-size: 20px;	}
.w-400 {	width: 400px;	}
.w-375 {	width: 375px;	}
.w-350 {	width: 350px;	}
.w-325 {	width: 325px;	}
.w-300 {	width: 300px;	}
.w-275 {	width: 275px;	}
.w-250 {	width: 250px;	}
.w-240 {	width: 240px;	}
.w-225 {	width: 225px;	}
.w-200 {	width: 200px;	}
.w-175 {	width: 175px;	}
.w-150 {	width: 150px;	}
.w-125 {	width: 125px;	}
.w-100 {	width: 100px;	}
.w-100per {	width: 100%;	}


	.flt-l p, .flt-r p {
	font-size: 11px;
	}

/* ==========================================================================
   Plugin's styles
   ========================================================================== */

#main ul#tab {
	list-style: none;
	}





	#main #format-a ul#tab li a:hover {
	color: #3366ac;
	background: #ffffff;
	}

	.page-news #main .news-all #format-a ul#tab li#tab-all a,
	.page-news #main .news-beni #format-a ul#tab li#tab-beni a,
	.page-news #main .news-zao #format-a ul#tab li#tab-zao a,
	.page-news #main .news-yuso #format-a ul#tab li#tab-yuso a,
	.page-news #main .news-common #format-a ul#tab li#tab-common a	{
	color: #3366ac;
	background: #ffffff;
	}



	#tab-content {
	clear: both;
	overflow: hidden;
	}

.tabbox {
	display: none;
	}
.page-home #news{
	margin-bottom: 1.5em;
}

@media screen and (max-width:834px){
	body{
		position: relative;
		font-size: 3.5vw;
	}
	body.open-menu{
		position: fixed;
	}
	header{
		display: flex;
		height: 70px;
	}
	body:not(.open-menu) header{
		padding-right: 10px;
		align-items: center;
	}
	body:not(.page-home) header{
		margin-bottom: 1.0em;
		border-bottom: 1px solid #cccccc;
	}
	header h1{
		flex-grow: 1;
		width: auto;
	}
	header h1 a	{
		width: 183px;
		height: 30px;
		margin: 15px 0 15px 15px;
		background-size: 354px;
 	}
	header button{
		display: flex;
		align-items: center;
		flex-direction: column;
		flex-shrink: 0;
		justify-content: center;
		width: 40px;
		height: 40px;
		padding: 0;
		background-color: transparent;
		border: none;
		appearance: none;
		outline: none;
	}
	body.open-menu button.menu{
		position: fixed;
		top: 15px;
		right: 15px;
		z-index: 2;
	}
	header button:before, header button:after{
		display: block;
		content: "";
		width: 30px;
		height: 2px;
		background-color: #004097;
		transition: all 0.25s;
	}
	body.open-menu header button:before{
		background-color: #ffffff;
		transform: rotate(45deg);
		transform-origin: 3.5px 6px;
	}
	body.open-menu header button:after{
		background-color: #ffffff;
		transform: rotate(-45deg);
		transform-origin: 3px -4.5px;
	}
	header button span{
		display: block;
		width: 30px;
		height: 2px;
		margin: 8px auto;
		background-color: #004097;
		text-indent: -999em;
		text-align: left;
		transition: all 0.25s;
	}
	body.open-menu header button span{
		opacity: 0;
	}
	body:not(.open-menu) button.menu + #global{
		display: none;
	}
	header nav#global{
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		width: 100vw;
		height: 100vh;
		z-index: 1;
	}
	nav ul li:not(:first-child)	{
		border-top: 1px solid #ffffff;
	}
	nav ul li a, nav ul li span	{
		padding: 1.5em 2.0em;
		font-size: 5.0vw;
	}
	footer .unit{
		padding: 1.5em 0;
		text-align: center;
	}
	footer .unit strong{
		line-height: inherit;
	}
	footer .unit a{
		color: #004097;
	}
	footer .unit p{
		font-size: 2.75vw;
	}
	footer .unit div{
		position: fixed;
		top: auto;
		right: 10px;
		bottom: 10px;
	}
	footer .unit div a{
		display: none;
		width: 40px;
		height: 40px;
		color: #ffffff;
		background-color: rgba(0,64,151,0.75);
		border-radius: 20px;
		text-decoration: none;
		text-indent: -999em;
		overflow: hidden;
	}
	footer .unit div a:before{
		display: block;
		content: "\f077";
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-family: fontAwesome;
		font-size: 16px;
		text-align: center;
		text-indent: 0;
	}
	#feature ul	{
		display: flex;
		}
	#feature li	{
		width: 100%;
		color: #ffffff;
		background-color: #004097;
		}
	#feature li:first-child	{
		border-right: 1px solid #ffffff;
		}
	#feature li h1	{
		margin-bottom: 0;
		font-size: 4.0vw;
		}
	#feature li p	{
		font-size: 2.5vw;
		}
	#feature li section div a	{
		display: block;
		color: #004097;
		background-color: #ffffff;
		text-decoration: none;
		}
	#feature li section div a	{
		display: block;
		width: 70%;
		margin: 0.5em auto 1.5em;
		padding: 0.25em 0;
		color: #004097;
		background-color: #ffffff;
		border-radius: 5px;
		}
	#feature li section div a:after	{
		display: inline-block;
		content: "\f054";
		margin-left: 0.5em;
		font-family: fontAwesome;
		font-size: 0.8em;
		vertical-align: middle;
		}
	.page-home h1.title {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 5.0vw;
	}
	.page-home h1.title:before, .page-home h1.title:after {
		display: inline-block;
		content: "";
		width: 1.0em;
		height: 1px;
		margin: 0 0.5em;
		background-color: #004097;
	}
	#news ul.list li	{
		padding: 0.5em;
		}
	#news ul.list li:nth-child(odd)	{
		background-color: rgba(0,64,151,0.15)
		}
	#news ul.list li	{
		position: relative;
		padding: 1.0em 1.0em 2.5em 1.0em;
		text-align: left;
		}
	#news ul.list li span	{
		position: absolute;
		bottom: 1.0em;
		left: 1.25em;
		font-size: 3.0vw;
		}
	#news ul.list li em	{
		position: absolute;
		bottom: 1.0em;
		left: 8.5em;
		font-size: 3.0vw;
		font-style: normal;
		}
	#news ul.list li div a	{
		font-style: normal;
		font-weight: bold;
		text-decoration: none;
		}
	#news ul.list li p	{
		margin: 0;
		}
	#news p.unit{
		margin-top: 1.0em;
		text-align: center;
	}
	#news p.unit a{
		display: inline-block;
		padding: 0.25em 2.0em;
		color: #ffffff;
		background-color: #004097;
		border-radius: 5px;
	}
	#lnav {
		margin-bottom: 1.0em;
		}
	#lnav button {
		display: block;
		position: relative;
		width: 100%;
		padding: 0.5em 2.0em 0.5em 0.5em;
		color: #ffffff;
		background-color: #004097;
		border: none;
		font-weight: bold;
		appearance: none;
		outline: none;
		box-sizing: border-box;
		}
	#lnav button:after {
		display: block;
		content: "\f078";
		position: absolute;
		top: calc(50% - 0.5em);
		right: 1.0em;
		font-family: fontAwesome;
		font-weight: normal;
		}
	#lnav button + #structure {
		display: none;
		border-top: none;
		}
	body:not(.page-home) #main{
		padding: 0 1.0em;
	}
	article{
		margin-bottom: 3.0em;
	}
	#secondary{
		margin-top: 1.5em;
		padding-top: 1.5em;
		border-top: 1px solid #004097;
	}
	#secondary > .banner, #secondary .download, #secondary aside ul li{
		margin: 1.0em 0 0;
	}
	#main ul#tab {
		margin: 10px 0;;
		padding: 0;
		border: 2px solid #3366ac;
		border-radius: 4px;
		box-sizing: border-box;
		overflow: hidden;
	}
	#main ul#tab li:not(:first-child) {
		margin-top: 1px;
	}
	#main ul#tab li > * {
		display: block;
		padding: 0.5em;
		color: #ffffff;
		background-color: #3366ac;
		text-decoration: none;
	}
	#main ul#tab li span {
		color: #3366ac;
		background-color: #ffffff;
	}
	#main ul#tab li:not(.active) > a:before {
		display: inline-block;
		content: "\f138";
		margin-right: 0.25em;
		font-family: fontAwesome;
	}
	.pnav{
		white-space: nowrap;
		overflow: scroll;
	}
	article section #tab-date .tnav ul{
		display: flex;
		flex-wrap: wrap;
	}
	article section #tab-date .tnav ul li{
		width: 16.666%;
	}
	article section #tab-date .tnav ul li:not(:first-child){
		margin-top: 4px;
	}
	.page-news article section #tab-date .tnav ul li:first-child{
		width: 100%;
	}
	#dd-menu li ul{
		display: none;
	}
	body.open-dd-menu #dd-menu li div {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background-color: #eeeeee;
		overflow: scroll;
		z-index: 1;
	}
	body.open-dd-menu #dd-menu li div ul {
		display: flex;
		flex-wrap: wrap;
		position: static;
	}
	body.open-dd-menu #dd-menu li strong {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		top: 15px;
		right: 15px;
		width: 40px;
		height: 40px;
		background: none;
		border: 1px solid #aaaaaa;
		text-align: left;
		text-indent: -999em;
		overflow: hidden;
		z-index: 2;
		box-sizing: border-box;
	}
	body.open-dd-menu #dd-menu li strong span:before, body.open-dd-menu #dd-menu li strong span:after {
		display: block;
		content: "";
		width: 30px;
		height: 2px;
		background-color: #333333;
		text-indent: 0;
		transform: rotate(45deg);
	}
	body.open-dd-menu #dd-menu li strong span:before{
		transform: rotate(45deg);
		transform-origin: 14px 1px;
	}
	body.open-dd-menu #dd-menu li strong span:after{
		transform: rotate(-45deg);
		transform-origin: 13px 1px;
	}
	body.open-dd-menu #dd-menu li{
		width: 50%;
	}
	body.open-dd-menu #dd-menu li a{
		height: auto;
		padding: 0.25em 0;
		font-size: 4.0vw;
		line-height: inherit;
	}
	.w-400, .w-375, .w-350, .w-325, .w-300 {
		width: 100%;
		box-sizing: border-box;
	}
	.flt-r, .flt-l {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		}
	.table-b th{
		white-space: normal;
	}
	.js-scrollable table{
		white-space: nowrap;
	}
	.page-zao #page-info {
		height: auto;
		margin: 0.5em 0 0;
		font-style: normal;
		text-align: left;
		}
	.table-a#reserve td label{
	}
	.table-a#reserve td input{
		display: block;
		margin: 0 auto 0.5em;
	}
}

@media screen and (min-width:835px){
	header button.menu{
		display: none;
	}

	nav ul	{
		width: 980px;
	}

		nav ul li	{
		float: left;
		width: 244px;
		margin-right: 1px;
		}

		nav ul li#nav-home	{		width: 245px;}
		nav ul li#nav-zao	{		margin-right:0;}

		nav ul li a, nav ul li span	{
		display: block;
		height: 45px;
		color: #ffffff !important;
		border-right: 1px solid #07346f;
		border-bottom: 5px solid #7fa0c9;
		font-size: 14px;
		font-weight: bold;
		line-height: 45px;
		text-align: center;
		}

		nav ul li#nav-home a	{
		border-left: 1px solid #07346f;
		}

		nav ul li a:hover	{
		color: #4e4e4e !important;
		background: #fdf465;
		background: linear-gradient(180deg, rgba(253, 244, 101, 1) 0%, rgba(253, 241, 63, 1) 100%);
		text-decoration: none !important;
		}

		.page-home nav ul li#nav-home a,
		.page-news nav ul li#nav-news a,
		.page-beni nav ul li#nav-beni a,
		.page-zao nav ul li#zao-ir a,
		.page-yuso nav ul li#yuso-ir a,
		nav ul li#nav-oc a:hover	{
		color: #4e4e4e !important;
		background: #fdf465;
		background: linear-gradient(180deg, rgba(253, 244, 101, 1) 0%, rgba(253, 241, 63, 1) 100%);
		border-bottom: 5px solid #bfb62f;
		}

	footer .unit	{
		position: relative;
		width: 980px;
		margin: 0 auto;
		padding: 30px 0;
		font-size: 12px;
		}

	footer .unit div	{
	position: absolute;
	top: -30px;
	right: 0;
	}

	footer .unit div a	{
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	color: #ffffff;
	background-color: #4d7ab6;
	text-align: center;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}

	footer strong	{
	float: left;
	width: 500px;
	}

	footer p	{
		float: left;
		width: 480px;
		text-align: right;
	}
	
	#main	{
		width: 980px;
		min-height: 800px;
		}

	article	{
		float: right;
		width: 725px;
		position: fixed;
		position: static;
		}
	#lnav {
		float: left;
		width: 225px;
		border-top: 3px solid #3366ac;
		}
	#lnav button {
		display: none;
		}
	#primary	{
		float: left;
		width: 670px;
		text-align: left;
		}
	.page-home section#news	{
		margin-right: 20px;
		}
	#news ul.list li	{
		width: 650px;
		padding: 0.25em 0;
		border-bottom: 1px dotted #bbbbbb;
		}
	.page-news #news ul.list li	{
		width: 725px;
		}
	#news ul.list li div	{
		float: left;
		width: 468px;
		font-size: 12px;
		}
	#news ul.list li	{
		padding: 0.25em 0;
		border-bottom: 1px dotted #bbbbbb;
		}

			#news ul.list li span	{
			display: block;
			float: left;
			width: 80px;
			height: 30px;
			line-height: 30px;
			font-size: 12px;
			}

			#news ul.list li em	{
			display: block;
			float: left;
			width: 100px;
			height: 30px;
			line-height: 30px;
			border-right: 1px solid #ccd9ea;
			border-left: 1px solid #ccd9ea;
			font-size: 12px;
			font-style: normal;
			text-align: center;
			}

			#news ul.list li div	{
			padding-top: 0.5em;
			}

				.page-news #news ul.list li div	{
				width: 543px;
				}

				#news ul.list li div p	{
				margin: 0;
				padding-left: 0.5em;
				}

		#news p.unit a, p.unit#sequel a	{
		float: right;
		width: 10.0em;
		height: 2.0em;
		margin-top: 1.0em;
		line-height: 2.0em;
		color :#333333;
		background-color: #ccd9ea;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-size: 12px;
		text-align: center;
		}

		p.unit#sequel a	{
		width: 12.0em;
		margin-top: 0;
		}

	#feature li	{
		float: left;
		width: 475px;
		margin-right: 30px;
		background: rgb(254,252,234);
		background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(230,236,245,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(230,236,245,1)));
		background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(230,236,245,1) 100%);
		background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(230,236,245,1) 100%);
		background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(230,236,245,1) 100%);
		background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(230,236,245,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#e6ecf5',GradientType=0 );
		}
		#feature li.last	{
			margin-right: 0;
			}
		#feature li section	{
			padding-bottom: 9px;
			border: 1px solid #b3c6e0;
			}
		#feature li section a	{
			display: block;
			margin: 9px 9px 0;
			}
		#feature li section h1	{
			margin: 0;
			padding-top: 20px;
			font-size: 16px;
			background: transparent url(../img/bg_all.png?230403) no-repeat 0px -253px;
			}
		#feature li section div a	{
			display: block;
			width: 150px;
			height: 30px;
			line-height: 30px;
			margin: 5px auto 0;
			color: #ffffff;
			background-color: #4d7ab6;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}
			#secondary	{
			float: right;
			width: 310px;
			text-align: left;
			}
		.title {
			margin: 0;
			padding-bottom: 0.25em;
			font-size: 16px;
			border-bottom: 3px solid #3366ac;
			}
			h1.title {
			margin-bottom: 1.0em;
			}
			.page-home h1.title {
			margin-bottom: 0;
			}
			#main ul#tab {
			height: 40px;
			line-height: 40px;
			margin: 0 0 10px 0;
		/*	margin: 0 15px 10px 0スケジュールページ;
		*/	padding: 0;
			background-color: #ffffff;
			border-bottom: 2px solid #4073b3;
			}

			#main #format-a ul#tab li {
			float: left;
			width: 140px;
			text-align: center;
			}

			#main #format-b ul#tab li {
			float: left;
			width: auto;
			text-align: center;
			}

			#main ul#tab li a, #main ul#tab li span {
			display: block;
			width: 130px;
			height: 40px;
			line-height: 40px;
			color: #ffffff;
			background-color: #3366ac;
			border-top: 2px solid #4073b3;
			border-right: 2px solid #4073b3;
			border-left: 2px solid #4073b3;
			font-size: 14px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			}

			#main ul#tab li span	{
			line-height: 40px;
			color: #3366ac;
			background-color: #ffffff;
			border-top: 2px solid #4073b3;
			border-right: 2px solid #4073b3;
			border-left: 2px solid #4073b3;
			font-size: 14px;
			}

			#main #format-b ul#tab li, #main #format-b ul#tab li a, #main #format-b ul#tab li span {
			width: auto;
			}

			#main #format-b ul#tab li a, #main #format-b ul#tab li span {
			margin-right: 5px;
			padding: 0 10px;
			}
			article section #tab-date .tnav	{
			float: right;
			}
			article section #tab-date .tnav li	{
			float: left;
			width: 49px;
			}
			article section #tab-date .tnav li.last	{
			float: left;
			width: 47px;
			}

			#dd-menu li {
			float: left;
			}

			#dd-menu li ul li{
			overflow: hidden;
			width: 100%;
			height: 0;
			color: #fff;
			-moz-transition: .2s;
			-webkit-transition: .2s;
			-o-transition: .2s;
			-ms-transition: .2s;
			transition: .2s;
			text-align: center;
			}
			#dd-menu li ul li a{
			height: 35px;
			line-height: 35px;
			background: #f9f9f9;
			text-align: left;
			font-size: 12px;
			font-weight: normal;
			text-align: center;
			border-left: 1px solid #ccd9ea;
			border-right: 1px solid #ccd9ea;
			border-bottom: 1px solid #ccd9ea;
			}
			#dd-menu li:hover > a{
			background: #ffffff;
			color: #333333;
			}
			#dd-menu > li:hover > a{
			background: #ccd9ea;
			}
			#dd-menu li:hover ul li{
			overflow: visible;
			height: 35px;
			border-top: 1px solid #ccd9ea;
			}
			#dd-menu li:hover ul li:first-child{
			border-top: 0;
			}
			#dd-menu li:hover ul li:last-child{
			border-bottom: 0;
			}
			#dd-menu li:hover ul li:last-child a{
			}
		/*.floating-right, */.flt-r {
			float: right;
			}

		.flt-l {
			float: left;
			}

}