@charset "utf-8";

/* ---------------------------------------------
	* clear
	* display
	* float
	* position
	* z-index
	* list-style

	* width
	* height
	* margin
	* padding
	* border
	* background
	
	* color
	* font
	* text-decoration
	* text-align
	* vertical-align
	* white-space
	
	* other text
	* contents

	* overflow
	
	
	** IE8 ********
	
	E > F
	E + F
	E ~ F
	:before
	:after
	:first-child
	:first-letter
	:first-line
	
	** No IE7 ********
	
	:before
	:after
	:first-child
	
	** IE7 hack ******
	
	*color: yellow;
	
	
--------------------------------------------- */

/* 14px base---------------------------------------------

10px	72%
11px	79%
12px	86%
13px	93%
14px	100%
15px	108%
16px	115%
17px	122%
18px	129%
19px	136%
20px	143%
21px	150%
22px	158%
23px	165%
24px	172%
25px	179%
26px	186%

--------------------------------------------- */


/* ==========================================
　page_common
========================================== */

#content h3 {
	margin: 25px 0 15px;
	padding-left: 7px;
	font-size: 129%;
	font-weight: bold;
	line-height: 120%;
	color: #EB870E;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #EB870E;
}

#content h4 {
	margin-bottom: 20px;
}

.nav {
	margin-bottom: 20px;
}

.pulldown li span {
	position: absolute;
	top: 6px;
	right: 6px;
}

#content .section {
	width: 880px;
	margin: 0 auto;
}


/* ==========================================pp
　statistic
========================================== */

.statistic .container {
	width: 840px;
	margin: 0 20px 30px;
}

.statistic ul.container ul {
	float: left;
	width: 263px;
	text-align: center;
	border: 1px solid #CCC;
	margin-right: 20px;
}

.statistic ul.container ul.last {
	margin-right: 0;
}

.statistic ul.container ul li {
	padding: 17px 0 13px;
}

.statistic ul.container ul li.item {
	background: #EFF0F1;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	color: #1F5E98;
}


/* ==========================================pp
　about
========================================== */

.about .section table.schedule th {
	background-color: #fff4ae;
	color: #000;
}

/* ==========================================
　page common
========================================== */
#content .inner {
	margin: 0 20px;
}

#content h2+.inner,
#content h2+p {
	margin-top: 20px;
}

#content h2:first-child {
	margin-top: 0;
}

\\ #content .notes,
#content .notes02 {
	color: #666;
}

#content .txtIndt,
#content .notes li,
#content p.notes {
	padding-left: 12px;
	text-indent: -12px;
}

/*#content p.notes,
#content ol.notes li {
	color: #333;
}*/


/* table
------------------------------------ */
#content .tblType01 th {
	width: 105px;
}

#content .tblType02 th:first-child {
	width: 370px;
}

#content .tblType03 th:first-child,
#content .tblType03 td:first-child {
	width: 474px;
}

#content .box {
	width: 840px;
	margin: 0 20px;
}

#content .tblType05 {
	width: 410px;
}

#content .tblType05 .fltL {
	margin-right: 20px;
}


#content .tblType06 {
	margin: 0 20px;
	width: 840px;
	text-align: left;
}

#content .tblType07 {
	margin: 0 10px;
	width: 820px;
}

#content table.schedule th {
	background-color: #fff4ae;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #333;
}

#content table.schedule .open th {
	background-color: #ff982e;
	font-weight: bold;
	color: #333;
}

#content table.schedule .open td {
	background-color: #ff982e;
	font-weight: bold;
	color: #333;
}

/* 2019/05/10 jason更新css */
#header>.fltL h1 {
	color: #e75a12;
	font-size: 40px;
	font-weight: bold;
}

#header>.fltL img {
	vertical-align: middle;
}

.fltL-text {
	display: inline-block;
	vertical-align: top;
}

.fltL-text .name {
	color: #d82529;
	font-size: 30px;
	font-weight: bold;
}

.fltL-text .time,
.fltL-text .location {
	position: relative;
	font-weight: bold;
	font-size: 20px;
	padding-left: 28px;
}

.fltL-text .time::before,
.fltL-text .location::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1px solid #bfdad5;
	background: #c1d8d2;
}

.fltL .round {
	position: relative;
	top: -60px;
	left: 510px;
	width: 180px;
	height: 72px;
	letter-spacing: 4px;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	color: #d82529;
	text-align: center;
	padding: 5px 0;
	box-sizing: border-box;
	text-decoration: underline;
	animation: hottext .5s infinite forwards alternate linear;
}

@keyframes hottext {
	0% {
		transform: translateX(-10px)
	}

	100% {
		transform: translateX(10px)
	}
}

/* .fltL .round::before {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	border: 1px solid #b2d0c8;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background: #bdd6d0;
} */

.content-header {
	position: relative;
	width: 900px;
	height: 100px;
	text-align: center;
	background-image: linear-gradient(#f6f7f9, #e0eaf3, #f6f7f9);
}

.content-header::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 8px;
	background-color: #446ba6;
}

.content-header h2 {
	color: #585657;
	line-height: 100px;
	font-size: 34px;
	font-weight: bold;
}

.open-original {
	position: absolute;
	transition: 1s;
}

a .open {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(5);
	z-index: 200;
	transition: 1s;
}

.black {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.247);
}