@charset "utf-8";
/* CSS Document */
html, body {
	height: 100%;
}
body {
	padding-top: 4.3rem;
}
body {
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin-top: 0;
}
a {
	outline: medium none;
}
a.blue:link {
	color: #00ccff;
	text-decoration: underline;
}
a, a:link, a:visited {
	outline: medium none;
	text-decoration: none;
}
.sns {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 10px;
}
.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
.navbar {
	padding: 0;
}
.nav > li > a {
	display: block;
	color: #fff;
}
.nav li.active {
	color: #000;
	background: #FDEF12;
	border-radius:4rem
}
.nav li.active a {
	color: #000;
}
.nav li.active a:hover {
	border-bottom: none;
}
.nav li a:hover {
	background: #FDEF12;
}
.nav > li > a:hover, .nav > li > a:focus {
	color: #000;
	background: #FDEF12;
	border-radius:4rem
}
.navbar {
	border-radius: 0;
	margin-bottom: 0;
	border: none;
}
.nav.pull-right {
	float: right;
}
.nav-link {
	padding: 0.8rem;
}
.navbar-896 {
	background: #000;
	padding:0.5rem;
}
.navbar-896 img {
	margin: 0;
}
.nav-tabs > li a {
	padding: 15px;
}
.nav-tabs.nav-justified > .active, .nav-tabs.nav-justified > li> a:hover {
	border-bottom: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background: #FDEF12 none repeat scroll 0 0;
	color: #000;
	border-bottom: none;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
	border: 1px solid #DB2153;
}
.nav-tabs.nav-justified > li > a:hover {
	background: #FDEF12 none repeat scroll 0 0;
	color: #fff;
	border-bottom: 1px solid #FDEF12;
}
.nav-pills {
	margin: 30px 0;
}
.nav-pills > li > a {
border-radius: 4rem;
	padding: 10px;
	background: #000;
}
.nav-pills > li + li {
	padding-left: 2px;
}
.header {
	background-image: url(/static/images/event/896/images/back.png);
	background-repeat: repeat;
	background-size: contain;
	background-position: top left;
	padding: 5rem;
}
.header .container {
	width:910px;
}
h1 {
	margin-bottom:1rem;
}
.lead {
	font-size: 1.1rem;
}
.catch {
	background:#FDEF12;
	padding:3rem;
}
p {
	line-height: 1.6;
	margin-bottom: 1.3em;
	overflow: hidden;
}
p.profile {
	font-size: 14px;
}
h2 {
	position: relative;
	line-height: 1.4;
	padding:0.25em 1em;
	display: inline-block;
	top:0;
}
h2:before, h2:after {
	position: absolute;
	top: 0;
	content:'';
	width: 8px;
	height: 100%;
	display: inline-block;
}
h2:before {
	border-left: solid 2px black;
	border-top: solid 2px black;
	border-bottom: solid 2px black;
	left: 0;
}
h2:after {
	content: '';
	border-top: solid 2px black;
	border-right: solid 2px black;
	border-bottom: solid 2px black;
	right: 0;
}
h3 {
	font-size: 1.5rem;
	line-height: 1.5;
	margin-bottom: 1rem;
	padding: 0.5rem;
	font-weight: bold;
	text-align: center;
	border-top:#000 1px solid;
	border-bottom:#000 1px solid;
	color: #000;
}
h4 {
	font-size: 1rem;
	overflow: hidden;
	font-weight: bold;
	background:#eeeeee;
	padding:0.6rem;
}
h5 {
	padding: 0;
	font-weight: 700;
	margin: 0 0 10px 0
}
.fivecolumns p {
	min-height: 5em;
}
section ul li {
	line-height: 1.6;
	margin-bottom: 10px;
}
.list-unstyled li {
	border-bottom: 1px solid #ddd;
	line-height: 2;
	padding: 0 0 10px;
}
section {
	overflow: hidden;
	padding: 4rem 0;
}
section.pale {
	background: #F5F5F5;
}
section.catch {
	padding: 100px 0;
	margin: 0;
}
.container section:last-child {
	margin-bottom: 0;
}
p.name {
	font-size: 12px;
	line-height: 1.4;
	margin-top: 0.5em;
}
.logo {
	background: #fff none repeat scroll 0 0;
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
}
.photo {
	border: 1px solid #ccc;
	margin-right: 15px;
}
.profile p {
	font-size: 0.9rem;
}
.detail {
	margin-bottom: 3em;
	overflow: hidden;
	clear: both;
}
.detail:last-child {
	margin-bottom: 0;
}
.table {
	background: none repeat scroll 0 0 #fff;
	margin-bottom: 30px;
	font-size: 14px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	line-height: 1.7;
	vertical-align: top;
}
table.table-bordered th {
	background: none repeat scroll 0 0 #f5f5f5;
	border-color: #e3e3e3;
	border-style: solid;
	border-width: 0 0 1px 1px;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
td a:hover {
	cursor: pointer
}
.btn-group .timetable {
	margin-bottom:2rem;
}
footer {
	padding: 40px 0 10px;
	text-align: center;
	background: #444444;
	font-size: 0.8rem;
	color:#fff
}
footer a {
}
footer a:hover {
	text-decoration: underline;
}
.footer-ml {
	background: none repeat scroll 0 0 #333;
	color: #fff;
	padding: 10px 0 70px;
	text-align: center;
}
.centered {
	position: relative;
	overflow: hidden;
}
.centered ul {
	position: relative;
	left: 50%;
	float: left;
	list-style: none;
}
.centered ul li {
	position: relative;
	left: -50%;
	float: left;
	margin-right: 10px;
}
#footer {
	bottom: 0;
	position: fixed;
	right: 0;
	text-align: center;
	width: 100%;
	z-index: 200;
}
#page-top {
	bottom: 20px;
	font-size: 20px;
	position: fixed;
	right: 20px;
	z-index: 5;
}
#page-top a {
	background: none repeat scroll 0 0 #999;
	border-radius: 5px;
	color: #fff;
	display: block;
	opacity: 0.5;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	width: 50px;
}
#page-top a:hover {
	background: none repeat scroll 0 0 #666;
	text-decoration: none;
}
#timetable {
	margin: -70px 0 0;
	padding: 70px 0 0;
}
#outline {
	margin: -70px 0 0;
	padding: 70px 0 0;
}
#session {
	margin: -70px 0 0;
	padding: 70px 0 0;
}
#privacy {
	margin: -70px 0 0;
	padding: 70px 0 0;
}
#contact-form {
	margin: -70px 0 0;
	padding: 70px 0 0;
}
#jizen {
	margin: -70px 0 0;
	padding: 70px 0 0;
}
#sponsor, #Lunch, #Exhibition, #Logo, #Media , #day01, #day02{
	margin: -70px 0 0;
	padding: 70px 0 0;
}
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 30px;
}
.ggmap iframe, .ggmap object, .ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
div.snsbt {
	margin-bottom: 30px;
	text-align: center;
}
div.snsbt img {
	margin-right: 10px;
	display:inline-block;
}
div.snsbt a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.bo {
	padding: 30px 0;
	background: #FFF200;
}
a.button {
	cursor: pointer;
}
a.button:hover {
	text-decoration: none;
}
.btn-entry {
	background:#FDEF12;
	color: #000;
	border: 4px solid #000;
	border-radius: 5rem;
	font-size: 2rem;
	padding: 1.5rem 5rem;
	margin:2rem auto;
}
.btn-entry:hover {
	color: #fff;
	border: 4px solid #FDEF12;
	background:#000;
}
.btn-entry small {
	font-size: 1.3rem;
}
.btn-timetable {
	background:#D11F5D;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 5px;
	box-shadow: 0 0 8px gray;
	font-size: 2rem;
	padding: 1.5rem 5rem;
	margin:3rem auto;
}
.btn-timetable:hover {
	color: #fff;
	border: 2px solid #D11F5D;
	background:#000;
}
.btn {
	white-space: normal
}
.time {
	background: none repeat scroll 0 0 #000;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 5px;
	padding-top: 6px;
}
.panel-default > .panel-heading {
	background: #fff;
}
/*gridのgutter調整*/
.row-0 {
	margin-left: 0px;
	margin-right: 0px;
}
.row-0 > div {
	padding-right: 0px;
	padding-left: 0px;
}
.row-10 {
	margin-left: -5px;
	margin-right: -5px;
}
.row-10 > div {
	padding-right: 5px;
	padding-left: 5px;
}
.row-20 {
	margin-left: -10px;
	margin-right: -10px;
}
.row-20 > div {
	padding-right: 10px;
	padding-left: 10px;
}
.row-30 {
	margin-left: -15px;
	margin-right: -15px;
}
.row-30 > div {
	padding-right: 15px;
	padding-left: 15px;
}
.row-40 {
	margin-left: -20px;
	margin-right: -20px;
}
.row-40 > div {
	padding-right: 20px;
	padding-left: 20px;
}
.card .card-header a[data-toggle="collapse"] {
	display: block;
 padding: .75rem 1.25rem;
 margin: -.75rem -1.25rem;
}
.card .card-header a[data-toggle="collapse"]:active, .card .card-header a[data-toggle="collapse"]:hover, .card .card-header a[data-toggle="collapse"]:focus {
	text-decoration: none;
}
.card-deck .card {
	margin-left: 5px;
	margin-right: 5px;
}
.card {
	border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}
.badge {
	color: #fff;
}
.page-top {
	bottom: 20px;
	font-size: 1.5rem;
	position: fixed;
	right: 20px;
	z-index: 5;
}
.page-top a {
	background: #999 none repeat scroll 0 0;
	border-radius: 5px;
	color: #fff;
	display: block;
	opacity: 0.5;
	text-align: center;
	text-decoration: none;
	width: 40px;
}
.page-top a:hover {
	background: #666 none repeat scroll 0 0;
	text-decoration: none;
}
 @media (min-width: 1200px) {
.container {
 width: 1000px;
}
}
 @media only screen and (max-width : 992px) {
.container {
 width: auto;
 max-width: none;
}
.header .container {
 width: auto;
}
}
 @media screen and (max-width: 979px) {
.navbar-fixed-top .container p {
 font-size: 12px;
 margin-bottom: 0;
 padding-top: 24px;
}
.navbar-brand {
 padding: 10px 15px;
}
.nav.navbar-nav.pull-right li .pull-right {
 padding-top: 16px;
}
.navbar {
 min-height: inherit;
}
 .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
 float: left;
}
.navbar-fixed-top .container {
 width: auto;
}
.navbar.navbar-minna.navbar-fixed-top .container .collapse.navbar-collapse.nav-main p {
 padding-top: 10px;
}
.navbar-nav li {
 display: table-cell;
}
.nav-tabs > li a {
 padding: 10px;
}
.h2 {
 margin: 0 20px 20px;
}
}
 @media screen and (max-width: 800px) {
 .inner p {
 line-height: 0;
 margin: 15px 0;
}
.nav-tabs > li a {
 padding: 10px;
}
 .nav-link {
padding: 1.5rem 0.4rem;
 font-size: 0.9rem;
}
 h2 {
 font-size: 2rem;
}
.header {
 padding:1rem
}
}
 @media screen and (max-width: 767px) {
 body {
 padding-top: 5.5rem;
}
 .navbar-896 {
 padding: 0;
}
 .navbar-896 img {
 margin: 5px auto;
 width: 100px;
 height: auto;
}
.navbar-nav > li > a {
 font-size: 16px;
}
.nav.navbar-nav.pull-right {
 float: none !important;
 margin: 0 -15px;
}

.nav li.active {
    color: #FDEF12;
    background: #000;
	border-radius:0;
}
.nav li.active a {
    color: #fff;
}
 .inner p {
 line-height: 0;
 margin: 15px 0;
}
h1, .h1 {
 font-size: 2rem;
}
.catch {
 padding:1rem
}
.lead {
 font-size: 16px;
 line-height: 1.6;
 margin-bottom: 1em;
}
.navbar-collapse {
 max-height: none;
}
ul.nav {
 display: inherit;
 table-layout: auto;
 text-align: center;
 width: auto;
}
.navbar-nav li {
 display: block;
}
.footer-ml {
 padding: 10px 0 50px;
}
.navbar-fixed-top .container p {
 display: none;
}
.table th, .table td {
 display: block;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
 padding: 4px 5px;
}
 table.table-bordered.timetable td, .table.table-bordered.timetable th {
 display: table-cell;
}
 .scroll {
 overflow: auto;
}
 h2 {
 font-size: 1.5rem;
 margin-bottom:2rem;
}
h4 {
 font-size: 1rem;
}
 h2.t01, h2.t02, h2.t03, h2.t04, h2.t05, h2.t06, h2.t07 {
 padding: 30px 0;
}
.btn-entry, .btn-timetable {
 font-size: 1.5rem;
 padding:1rem
}
.btn-entry small {
 font-size: 1rem;
}
section {
 overflow: hidden;
 padding: 1.3rem 0;
}
 section.catch {
 padding: 50px 0;
}
 .scrollnav {
 background-color: #FDEF12;
 overflow: hidden;
 height: 40px;
 margin: 0 -15px;
 position: relative;
 -webkit-overflow-scrolling: touch;
 font-weight: 400;
}
.scrollnav:after {
 position: absolute;
 top: 0;
 right: 0;
 z-index: 2;
 content: '';
 width: 5%;
 height: 100%;
}
.mask {
 height: 6em;
 width: 100%;
 overflow-x: auto;
}
.nav.pull-right {
 float: none
}
.nav {
 overflow-x: scroll;
 overflow-y: hidden;
 white-space: nowrap;
 font-size: 0;
 margin: 0;
}
.nav:-webkit-scrollbar {
 height:0
}
.nav .item {
 display: inline-block;
 white-space: normal;
 background: #FDEF12;
 height: 40px;
 line-height: 40px;
 font-size: 12px;
}
.nav .item a {
 display: block;
 padding: 0 10px;
 text-decoration: none;
 color: #000;
 font-size: inherit;
 line-height: inherit;
}
.nav .item a:focus {
 color: #fff;
}
.nav > li > a:hover, .nav > li > a:focus {
 color: #fff;
 background: #000;
 border-radius:0;
}
h3 {
 font-size: 18px;
}
 .bo {
 padding: 15px 0;
}
.photo {
 width: 100px;
 height: auto;
}
.detail {
 margin-bottom: 2em;
}
 #Gold, #Lunch, #Exhibition, #Logo, #Media, #day01, #day02 {
 margin: -100px 0 0;
 padding: 100px 0 0;
}
}
 @media screen and (max-width: 479px) {
.navbar-fixed-top .container p {
 padding-top: 0;
}
div.snsbt img {
 width: 50px;
}
h2 {
 font-size: 1.3rem;
}
footer {
 padding-top: 30px;
}
footer p {
 clear: both;
}
.centered {
 position: relative;
 overflow: hidden;
}
.centered ul {
 position: relative;
 left: auto;
 float: none;
 list-style: none;
}
.centered ul li {
 position: relative;
 left: auto;
 float: none;
 margin-right: 10px;
 text-align: left;
}
}
 @media only screen and (max-width : 480px) {
.scrollnav:after {
 background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .6) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .6) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ffffff', GradientType=1 ); /* IE6-9 */
}
}
 @media (min-width: 768px) {
.fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
 width: 20%;
 flex: 0 0 20%;
 max-width: none;
}
}
 @media (min-width: 1200px) {
.fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
 width: 20%;
 flex: 0 0 20%;
 max-width: none;
}
}
 @media (min-width: 768px) and (max-width: 979px) {
.fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
 width: 20%;
 flex: 0 0 20%;
 max-width: none;
}
}