@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Bitter:400,700|Ubuntu:400,700|Anton|Rokkitt:400,700|Poiret+One|Pontano+Sans|Kreon:400,700|Coda:400,800|Lancelot|Averia+Serif+Libre:400,700|Halant:400,700);
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900|Noto+Sans');

.fontBitter { font-family: 'Bitter', serif; }
.fontUbuntu { font-family: 'Ubuntu', sans-serif; }
.fontAnton { font-family: 'Anton', sans-serif; }
.fontRokkitt { font-family: 'Rokkitt', serif; }
.fontPoiretOne { font-family: 'Poiret One', cursive; }
.fontPontanoSans { font-family: 'Pontano Sans', sans-serif; }
.fontKreon { font-family: 'Kreon', serif; }
.fontCoda { font-family: 'Coda', cursive; }
.fontLancelot { font-family: 'Lancelot', cursive; }
.fontAveriaSL { font-family: 'Averia Serif Libre', cursive; }
.fontHalant { font-family: 'Halant', serif; }
.fontLato { font-family: 'Lato', sans-serif !important; }
.fontNoto { font-family: 'Noto Sans', sans-serif !important; }

body,td,p,div,input,textarea,form,li,dt,dd,a {
	font-family: 'Noto Sans', 'Noto Sans Japanese', sans-serif;
	font-size: 14px;
	line-height: 140%;
	color: #fff;
}

html,body {
	margin: 0;
	background: url(../img/bg_check.gif) top left repeat #000;
	background-attachment: fixed;
	position: relative;
	height: 100%;
	z-index: 1;
}

img {
	border: 0;
	vertical-align: bottom;
}

p,form,ul,li {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

body { -webkit-font-smoothing: antialiased; }

#bglogo {
	width:523px;
	height:531px;
	position:absolute;
	top:765px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:0;
	background: url('../img/ufes_logo.png') top left no-repeat;
}
.ufes_east #bglogo{
	background: url('../img/ufes_east_logo.png') top left no-repeat;	
}
.ufes_east2019 #bglogo{
	background: url('../img/ufes_east2019_logo.png') top left no-repeat;	
}

@media (max-width:768px) {
	body { height:100%; }
	#bglogo { display:none; }
}

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

header {
	width: 100%;
	padding: 16px 0px 25px;
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

header .flip-container {
	margin-bottom: 15px;
	padding-bottom: 15px;
}

header h1 {
	width: 54px;
	height: 62px;
	padding:0;
	margin:0;
}
header nav {
	position: absolute;
	top: 15px;
	right: 0;
}
nav .humbmenu { display: none; }
nav .humbmenuclose { display: none; }
header nav ul li {
	position: relative;
	float: left;
	margin-right: 40px;
}

header nav ul li.archive_btn {
	position: absolute;
	bottom: -88px;
	right: 0;
	margin: 0;
	padding: 0;
}

header nav ul li.timetablebtn {
	display: none;
}

@media (max-width:768px) {

header nav ul li.timetablebtn {
	display: none;
}

}

header nav ul li.archive_btn p {
	margin: 0;
	padding: 0;	
}

header nav ul li.archive_btn > div {
	padding: 7px 42px;
	background: #141414;
	color: #fff;
}

header nav ul li.joinbtn { margin-right: 0; float: right;}
header nav ul li:last-child { display: none; }
header nav ul li a {
	display: block;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	-webkit-transition: all 0.5s;
	-webkit-transition: -webkit-all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin-top: 8px;
}
header nav ul li a > p,
header nav ul li > div > p {
	font-family: 'Lato', sans-serif !important;
	font-size:100%;
	font-weight: bold;
}
header nav ul li {
	cursor: pointer;
}
header nav ul li > div > p {
	padding-bottom: 15px;
	display: block;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	-webkit-transition: all 0.5s;
	-webkit-transition: -webkit-all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin-top:8px;
}
header nav ul li p.fri { display: none; }

header nav ul li.joinbtn a {
	font-size:16px;
	padding:10px 50px;
	background-color:#48AC4A;
	border-radius: 25px;        /* CSS3草案 */  
	-webkit-border-radius: 25px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 25px;   /* Firefox用 */  
	margin-top: 0px;
}
header nav ul li a:hover,
header nav ul li > div > p:hover {
	-webkit-transition: all 0.5s;
	-webkit-transition: -webkit-all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	filter: alpha(opacity=45);
	-moz-opacity:0.45;
	opacity:0.45;
}

header nav ul li .hover-list {
	display: none;
	position: absolute;
	width: 210px;
	padding-top: 20px;
	right: 0;
	z-index: -1;
}

header nav ul li .hover-list p {
	font-size: 16px;
}

header nav ul li .hover-list p a {
	padding: 20px;
}

header nav ul li .hover-list p a:first-child {
	margin-top: 0;
	border-bottom: 1px solid #000000;
}

header nav ul li:first-child >div .hover-list.active {
	z-index: 2;
}

@media (min-width:768px) and (max-width:1225px) {
	header nav {
		right: 15px;
	}
}

header .global-navi {
	margin-top: 20px;
	padding-top: 20px;
}

header .global-navi:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 59px;
    width: 300%;
    margin-left: -150%;
    height: 1px;
    background: #1a1a1a;
}

header .global-navi-sp {
	display: none !important;
}

header .global-navi li {
	display: inline-block;
}

header .global-navi li {
	margin-right: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
	border-right: 1px solid #141414;
}

header .global-navi li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: 0
}

header .global-navi li a {
	text-decoration: none;
	font-family: 'Lato', sans-serif !important;
	font-weight: bold;
	font-size: 100%;
}

@media (max-width:1200px) {

	header nav ul li.archive_btn {
		bottom: -94px;
	}

	header .global-navi {
		padding: 25px 200px 0 20px;
	}

	header .global-navi:after {
		bottom: 62px;
	}

	header .global-navi li {
		margin-right: 8px;
		padding-right: 8px;
	}

	header .global-navi li a {
		font-size: 100%;
	}

}

@media (max-width:1100px) {

	header nav ul li.archive_btn {
		bottom: -94px;
	}

	header .global-navi {
		padding: 25px 200px 0 20px;
	}

	header .global-navi:after {
		bottom: 89px;
	}

}

@media (max-width:768px) {
	header {
		background: rgba(0,0,0,0);
		position: relative;
		padding: 0;
	}
	header .global-navi {
		display: block;
		padding: 0;
	}
	header .global-navi li {
		display: block;
	    width: 50%;
	    float: left;
	    margin: 0 !important;
	    border: 0;
	    padding: 10px 0 !important;
	    text-align: center;
	}
	header .global-navi li a {
		margin-top: 0;
	}
	header .global-navi-pc {
		display: none;
	}
	header .global-navi-sp {
		display: block !important;
		margin-top: 0;
		padding-top: 0;
		border-top: 0;
	}
	header .global-navi:after {
		display: none;
	}
	header .flip-container {
		position: absolute;
		top: 0;
		left: 0;
		padding-left: 15px;
		padding-top: 15px;
		z-index: 1200;
		overflow-x: hidden;
	}
	header h1 {
		width: 40px;
		height: 46px;
	}
	header nav {
		top: 0;
		left: 0;
	}
	nav .humbmenu,
	nav .humbmenuclose {
		position: fixed;
		width: 35px;
		top: 15px;
		right: 15px;
		z-index: 1100;
	}
	nav .humbmenu img { width: 100%; }
	nav .humbmenuclose img { width: 100%; }
	nav .humbmenu { display: block; }
	nav .humbmenuclose { display: none; }
	nav ul {
		width: 100%;
		height: 100%;
		position: absolute:
		top: 0;
		left: 0;
		z-index:900;
		background-color: #000;
		display: none;
		overflow-y: scroll;
		-webkit-overflow-scrolling:touch;
	}
	header nav ul li {
		float: none;
		width: 90%;
		text-align: center;
		padding: 20px 0px;
		margin: 0 auto;
	}
	header nav ul li:nth-child(1) { padding-top: 17%; }
	header nav ul li.joinbtn {
		border: none;
		margin-right: auto;
	}
	header nav ul li.joinbtn {
		float: none;
	}
	header nav ul li.joinbtn a {
		display: block;
		width: 100%;
		padding: 15px 0px;
		font-size: 150%;
	}
	header nav ul li.archive_btn {
		position: static;
		margin: 0 auto;
	}
	header nav ul li.archive_btn > div {
		background: none;
		padding: 7px 0;
	}
	header nav ul li p { text-align: center; }
	header nav ul li p.fontLato {
		font-size: 210%;
		font-weight: bold;
	}
	header nav ul li p.fri { display: block; }

	header nav ul li:last-child {
		display: block;
		border: none;
		padding: 20px 0px;
	}

	header nav ul li .fbbnr,
	header nav ul li .twbnr {
		width: 48%;
	}
	header nav ul li .fbbnr img,
	header nav ul li .twbnr img {
		width: 100%;
	}
	header nav ul li .fbbnr { float: left; }
	header nav ul li .twbnr { float: right; }
	header nav ul li .fbbnr a;hover,
	header nav ul li .twbnr a;hover {
		filter: alpha(opacity=45);
		-moz-opacity:0.45;
		opacity:0.45;
	}
	header nav ul li #sponsorship li {
		width: 31px;
		border: none;
		text-align: center;
		padding: 0px;
		margin: 0px 20px 0px 0px;
		display: inline-block;
	}
	header nav ul li #sponsorship li img { width: 100%; }
	header nav ul li #sponsorship li:nth-child(3) a {
		padding: 0;
		background: rgba(0,0,0,0);
		font-size: 100%;
	}
	header nav ul li #sponsorship li:last-child {
		margin-right: 0px;
	}
	header nav ul li #copyright {
		width: 200px;
		position: absolute;
		right: 0;
		bottom: 5px;
		text-align: right;
		font-family: 'Kreon', serif;
		padding-right: 5px;
		font-weight: bold;
	}
	header nav ul li #sponsorship a:hover {
		filter: alpha(opacity=45);
		-moz-opacity:0.45;
		opacity:0.45;
	}

	header nav ul li .hover-list {
		display: block !important;
		position: relative;
		opacity: 1;
		width: 100%;
		margin-top: 20px;
		border-top: 1px solid #ffffff;
		z-index: 0;
	}

	header nav ul li .hover-list p a {
		font-size: 110%;
	}

}


footer {
	width: 100%;
	background-color: #000;
	z-index: 10;
	position: relative;
}
footer #contactbox {
	width: 100%;
	height: 400px;
	background:url(../img/foot_contact.png) center center no-repeat;
	background-size:cover;
}
footer #contactbox h2 {
	padding-top:105px;
	text-align: center;
	font-weight: 700;
	color: #fff;
	margin-bottom: 50px;
	margin-top: 0;
}
footer #contactbox h2 span {
	font-size: 195%;
}
footer #contactbox h2 p {
	text-align: center;
	color: #fff;
	padding: 30px 0px;
}

footer #contactbox .mailto {
	padding:7px 10px;
	margin:0px 10px;
	border:1px solid #fff;
	color:#fff;
	text-decoration:none;
	border-radius: 25px;        /* CSS3草案 */
	-webkit-border-radius: 25px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 25px;   /* Firefox用 */
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
footer #contactbox a.mailto:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background: rgba(255,255,255,0.45);
}
footer #contactbox p {
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
}

footer #sponsorship {
	z-index: 1;
}
footer #sponsorship li {
	display: inline-block;
	margin-right: 20px;
	width: 31px;
	height: 31px;
}
footer #sponsorship li:last-child {
	margin-right: 0px;
}
footer #copyright {
	width: 200px;
	position: absolute;
	right: 0;
	bottom: 5px;
	text-align: right;
	font-family: 'Kreon', serif;;
	padding-right: 5px;
	font-weight: bold;
}
footer #sponsorship a {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
footer #sponsorship a:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	filter: alpha(opacity=45);
	-moz-opacity:0.45;
	opacity:0.45;
}
footer #sponsorship a img {
	width: 100%;
}
@media (max-width:768px) {
	footer #contactbox {
		height: 300px;
		background-size: auto;
		background-position: right -350px bottom 0px;
	}

	footer #contactbox h2 {
		padding-top: 60px;
		font-weight: 900;
		color: #fff;
		margin-bottom: 35px;
		text-align: center;
	}
	footer #contactbox h2 p {
		text-align: center;
		color: #fff;
		padding: 20px 0px;
	}
	footer #contactbox .mailto {
		display: block;
		margin: 10px;
	}
	footer #contactbox p {
		font-size: 75%;
	}

}

#container {
	width: 100%;
	margin-top: 187px;
	/*background: url(../img/ufes_logo.png) center center no-repeat;*/
	background-attachment: fixed;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#container #keyvisual {
	width:100%;
	height:670px;
	background:url(../img/kv_image.jpg) center center no-repeat;
	background-size:cover;
}

#container.yokohama-1810 #keyvisual,
#container.yokohama-1907 #keyvisual {
	height: 600px;
	background: none;
	background-size:cover;
}

#container.yokohama-1810 #keyvisual h2,
#container.yokohama-1907 #keyvisual h2  {
	padding:127px 0px 123px;
}

#container #keyvisual h2 {
	position: relative;
	width:90%;
	max-width:550px;
	margin:0 auto;
	padding:150px 0px 150px;
	z-index: 1;
}

#container #keyvisual .movie {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 550px;
	z-index: 0;
	overflow: hidden;
}
#container #keyvisual .movie video,
#container #keyvisual .movie iframe {
	width: 100%;
}

@media (max-width:768px) {

	#container.yokohama-1810 .movie video,
	#container.yokohama-1907 .movie video {
		width: auto !important;
		height: 100%;
	}

	#container.yokohama-1810 #keyvisual h2,
	#container.yokohama-1907 #keyvisual h2 {
		padding: 161px 0px 162px;
	}
}

@media (max-width:320px) {

	#container.yokohama-1810 #keyvisual h2,
	#container.yokohama-1907 #keyvisual h2 {
		padding: 59% 0px 162px;
	}
}

#container #keyvisual p {
	width:100%;
	/*max-width:1200px;*/
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:36px;
	font-weight:bold;
}

#container #keyvisual p a {
	display: block;
	background-color:#4AAB4C;
	padding: 15px 0px;
	color:#fff;
	font-size:36px;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#container #keyvisual p a:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	filter: alpha(opacity=45);
	-moz-opacity:0.45;
	opacity:0.45;
}

.registbox { display: none; }

@media (max-width:768px) {
	#container {
		margin: 0;
	}
	#container #keyvisual {
		height: 550px;
		background-size: auto;
		background-position: right -650px bottom 0px;
	}
	#container #keyvisual h2 {
		max-width:330px;
		padding-top:250px;
		padding-bottom: 100px;
	}
	#container #keyvisual p {
		position: relative;
		bottom: 0;
		font-size: 27px;
	}
	#container #keyvisual p a {
		font-size: 60%;
		padding: 3px 0px;
	}

	.registbox {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index:99;
	}
	.registbox a {
		display: block;
		/*font-size:16px;*/
		width: 100%;
		padding:10px 0px;
		background-color:#48AC4A;
		margin: 0 auto;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		-webkit-transition: all 0.5s;
		-webkit-transition: -webkit-all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	.registbox a:hover {
		-webkit-transition: all 0.5s;
		-webkit-transition: -webkit-all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		filter: alpha(opacity=45);
		-moz-opacity:0.45;
		opacity:0.45;
	}

}
@media (min-width:716px) and (max-width:768px) {
	#container #keyvisual {
		background-position: right -580px bottom 0px;
	}
}

.contents,
.contents2 {
	width:100%;
	margin:0 auto;
	position:relative;
	z-index: 1;
}
@media (min-width:1200px) {
	.contents {
		max-width:1200px;
		min-width:1000px;
	}
}
@media (min-width:1000px) {
	.contents2 {
		max-width:1000px;
		min-width:900px;
	}
}

#container .contents,
#container .contents2 {
	padding-top: 85px;
}
@media (max-width:768px) {
	#container .information,
	#container .timetable,
	#container .movieandslide,
	#container .sponsors,
	#container .contest,
	#container .meetup,
	#container .goods,
	#container .mediabox,
	#container .contents2 {
		padding-top: 40px;
	}
	#container .timetable {
		padding: 40px 0px;
	}
	#container .twitter{
		padding: 30px 0px;
	}
	#container .sponsors{
		padding: 40px 0px;
	}

	.sponsors .contents {
		padding-top: 0 !important;
	}

	#container .contents,
	#container .contents2 {
		padding-top: 40px;
	}
}

#pagetop {
	width:65px;
	height:65px;
	text-align:right;
	margin: 0 auto;
	position: fixed;
	bottom: 15px;
	right: 30px;
	z-index:999;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#pagetop:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	filter: alpha(opacity=45);
	-moz-opacity:0.45;
	opacity:0.45;
}
#pagetop img {
	width: 100%;
}
@media (max-width:768px) {
	#pagetop {
		right: 10px;
	}
}

.contents h2,
.contents2 h2 {
	font-weight: 700;
	color: #fff;
	margin-bottom: 65px;
	text-align: center;
}
.contents h2,
#contactbox h2 {
	background: url(../img/h2_border.gif) bottom center no-repeat;
}
.contents h2 span {
	font-size: 195%;
}

.contents h2 p,
.contents2 h2 p {
	text-align: center;
	color: #fff;
	padding: 30px 0px;
}

.greetings { z-index: 1100; }
.aboutunrealfest { z-index: 1100; }
.contents .snsbox {
	width: 50px;
	padding: 20px 15px;
	background-color: #252A2E;
	position: absolute;
	top: -50px;
	right: 0;
	z-index: 1500;
}
br.spbr { display: none; }
@media (max-width:768px) {
	br.pcbr { display: none; }
	br.spbr { display: inline; }
	.contents h2 span {
		font-size: 170%;
		line-height: 1.3em;
	}
	.contents h2 p,
	.contents2 h2 p {
		padding: 15px 0px;
	}
	.contents .snsbox { display: none; }

	.greetings {
		padding-top: 40px !important;
	}
}
.contents .snsbox p {
	text-align: center;
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 90%;
	z-index: 1500;
}
.contents .snsbox .snsbtn {
	display: block;
	width: 31px;
	height: 31px;
	margin: 15px auto 0px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.contents .snsbox .snsbtn:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	filter: alpha(opacity=45);
	-moz-opacity:0.45;
	opacity:0.45;
}
.contents .snsbox .snsbtn img {
	width: 100%;
}

.contents .greetingtext {
	text-align: center;
	line-height: 2em;
	color: #fff;
	margin-bottom: 40px;
	font-size: 130%;
	font-weight: bold;
}
.contents .greetingtextsmall {
	font-size: 100%;
	text-align: center;
	line-height: 1.7em;
}
@media (min-width:768px) and (max-width:1200px) {
	.contents .greetingtext {
		padding-left: 25px;
		padding-right: 25px;
		font-size: 100%;
	}
}

@media (max-width:768px) {
	.contents h2,
	.contents2 h2 {
		font-weight: 900;
		color: #fff;
		margin-bottom: 35px;
		text-align: center;
	}
	.contents .greetingtext {
		font-size: 115%;
		line-height: 1.7em;
		text-align: left;
		padding: 0px 20px;
		margin-bottom: 30px;
	}

	.contents .greetingtextsmall {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		font-size: 90%;
		text-align: left;
		line-height: 1.7em;
	}
}

.contents dl {
	width: 1200px;
	margin-bottom: 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.contents dl dt {
	display: block;
	width: 250px;
	clear: left;
	float: left;
	background-color: #3E3E3E;
	margin-bottom: 25px;
	padding: 35px 0px;
}
.contents dl dt p {
	text-align: center;
	width: 100%;
	height: 100%;
	font-size: 130%;
	font-weight: bold;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.contents dl dd {
	display: block;
	width: 890px;
	margin-bottom: 25px;
	margin-left: 0;
	background-color: #303030;
	float: left;
	padding: 35px 30px;
}
.contents dl dd p {
	position: relative;
	font-size: 110%;
	padding-top:2px;
}
.contents dl dd p.infotitle {
	font-size: 110%;
	margin-bottom: 10px;
}
.contents dl dd p.infoinfo {
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 30px;
	line-height: 1.5em;
}
.contents dl dd a { color: #4AAB4C; }
.contents dl dd a.accessbox {
	font-size:90%;
	padding:10px 50px;
	margin-left: 80px;
	background-color:#ABABAB;
	color: #fff;
	text-decoration: none;
	border-radius: 25px;        /* CSS3草案 */  
	-webkit-border-radius: 25px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 25px;   /* Firefox用 */  
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.contents dl dd a.accessbox:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	filter: alpha(opacity=45);
	-moz-opacity:0.45;
	opacity:0.45;
}
.contents dl dd li {
	list-style-type: disc;
	margin-left: 20px;
}
.contents dl dd span.alert {
	position: absolute;
	top: -6px;
	color: #f00;
	font-size: 80%;
}
@media (min-width:768px) and (max-width:1200px) {
	.contents dl {
		width:100%;
	}
	.contents dl dt {
		width: 23%;
	}
	.contents dl dt p {
		font-size: 115%;
	}
	.contents dl dd {
		width: 77%;
		padding-left:0;
		padding-right:0;
	}
	.contents dl dd p {
		padding-left:30px;
		padding-right:30px;
	}
	.contents dl dd ul {
		padding-left:30px;
		padding-right:30px;
	}
	.contents dl dd a.accessbox {
		padding-left: 35px;
		padding-right: 35px;
		margin-left: 55px;
	}
}
@media (max-width:768px) {
	.contents dl {
		width: 90%;
		margin: 0 auto;
	}
	.contents dl dt {
		width: 23%;
		margin-bottom: 15px;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.contents dl dt p {
		font-size: 100%;
	}
	.contents dl dd {
		width: 77%;
		padding: 25px 0;
		margin-bottom: 15px;
	}
	.contents dl dd p {
		font-size: 100%;
		width: 90%;
		margin: 0px auto;
	}
	.contents dl dd p.infotitle {
		font-size: 100%;
		margin-bottom: 10px;
	}
	.contents dl dd p.infoinfo {
		font-size: 85%;
		margin-bottom: 25px;
	}
	.contents dl dd a.accessbox {
		display: block;
		text-align: center;
		font-size:90%;
		padding:10px 30px;
		margin-left: 0px;
		margin-top: 10px;
		background-color:#ABABAB;
		color: #fff;
		text-decoration: none;
		border-radius: 25px;        /* CSS3草案 */  
		-webkit-border-radius: 25px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 25px;   /* Firefox用 */  
	}
	.contents dl dd ul {
		width: 90%;
		margin: 0 auto;
	}
	.contents dl dd li {
		font-size: 85%;
	}
	.contents dl dd span.alert {
		position: static;
		display: block;
	}

}

.youtube {
	display: block;
	margin-top: 0 !important;
	padding-top: 85px;
	background-color: #000;
}

.youtube-sliderwrap {
	display: none;
}

.youtubelist li {
	width: 270px;
	float: left;
	margin-bottom: 40px;
	margin-right: 40px;
}

.youtubelist li:nth-child(4n) {
	margin-right: 0;
}

.youtubelist li figure {
	position: relative;
	margin: 0;
}

.youtubelist li figure:after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	width: 50px;
	height: 38px;
	margin-top: -19px;
	margin-left: -25px;
	background: url(../img/play_off.png);
	background-size: 100%;
	-moz-transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
}


.youtubelist li figure:hover:after {
	background: url(../img/play_on.png);
}

.youtubelist li figure img {
	width: 100%;
}

.youtubelist li figure iframe {
	position:absolute;
	top: 0;
	right: 0;
	width: 100%;
	height :100%;
}

.youtubelist li .textbox {
	padding: 15px 0 0;
	background: #282828;
}

.youtubelist li h3 {
	margin: 0 10px 5px;
	font-size: 10px;
	text-align: left;
}

.youtubelist li p {
	min-height: 50px;
	margin: 0 10px 15px;
	font-size: 12px;
	text-align: left;
}

.youtubelist li a.slideshare {
	display: block;
	padding: 15px 0;
	color: #a9d0d5;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	border-top: 1px solid #313131;
}

.youtubelist li a.slideshare:hover {
	opacity: 0.7;
}

#boxer .boxer-close {
	top: -35px;
	right: -35px;
}

#boxer .boxer-close:before {
	top: -2px;
	right: -1px;
}

#boxer .boxer-video {
	border: 0;
}

#boxer .boxer-control.previous:before {
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	margin-left: 10px;
	border-right: 7px solid #333333;
}

#boxer .boxer-control.next:before {
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	margin-right: 10px;
	border-left: 7px solid #333333;
}

#boxer .boxer-control {
	width: 30px;
	height: 30px;
}

#boxer .boxer-control.next {
	right: 10px;
	box-shadow: none;
}

#boxer .boxer-control.previous {
	left: 10px;
	box-shadow: none;
}

@media (min-width:980px) and (max-width:1200px) {
	
	.youtubelist {
		padding: 0 2%;
	}

	.youtubelist li {
		width: 23%;
		float: left;
		margin-bottom: 2%;
		margin-right: 2%;
	}

	.youtubelist li:nth-child(4n) {
		margin-right: 0;
	}

	.youtubelist li p {
		min-height: 50px;
		font-size: 12px;
	}
}

@media (min-width:768px) and (max-width:980px) {

	.youtubelist {
		padding: 0 2%;
	}

	.youtubelist li {
		width: 32%;
		float: left;
		margin-bottom: 2%;
		margin-right: 2%;
	}

	.youtubelist li:nth-child(3n) {
		margin-right: 0;
	}

	.youtubelist li:nth-child(4n) {
		margin-right: 2%;
	}

	.youtubelist li p {
		min-height: 50px;
		font-size: 11px;
	}
}

@media (max-width:768px) {

	.youtube {
		padding-top: 0;
	}

	.youtubelist {
		display: none;
	}

	.youtube-sliderwrap {
		display: block;
		width: 90%;
		margin: 0 auto;
	}

	.youtube-sliderwrap .slideritem {
		width: 100%;
	}

	.youtube-sliderwrap .slideritem iframe {
		width: 100%;
		height: 300px;
	}

	.thumbnaillist {
		height: 240px;
		padding: 10px 0 10px;
		overflow: hidden;
		background: #0d0d0d;
	}

	.youtube-sliderwrap .thumbnailitem {
		display: table;
		width: 100%;
		margin-bottom: 20px;
		cursor: pointer;
	}
 
	.youtube-sliderwrap .thumbnailitem .thumbnailnavi {
		display: table;
		width: 100%;
	}

	.youtube-sliderwrap .thumbnailitem:last-child {
		margin-bottom: 0;
	}

	.youtube-sliderwrap .thumbnailitem figure {
		display: table-cell;
		position: relative;
		width: 25%;
	}

	.youtube-sliderwrap .thumbnailitem figure:after {
		position: absolute;
		top: 50%;
		left: 50%;
		content: "";
		width: 30px;
		height: 23px;
		margin-top: -12px;
		margin-left: -18px;
		background: url(../img/yokohama_1810/play_on.png) no-repeat;
		background-size: 100%;
	}

	.youtube-sliderwrap .thumbnailitem figure img {
		width: 85px;
	}

	.youtube-sliderwrap .thumbnailitem figure iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}

	.youtube-sliderwrap .thumbnailitem .textbox  {
		display: table-cell;
		padding: 0 10px;
		vertical-align: top;
	}

	.youtube-sliderwrap .thumbnailitem .textbox p {
		font-size: 12px;
		line-height: 1.4em;
	}

	.youtube-sliderwrap .thumbnailitem a {
		display: table-cell;
		width: 45px;
		padding: 12px 10px 11px;
		color: #a9d0d5;
		background: #282828;
		font-size: 10px;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		background: #282828;
		border-radius: 0;
	}

	.mCSB_inside > .mCSB_container {
		margin-right: 20px;
	}
}

@media (max-width:340px) {

	.youtube-sliderwrap .thumbnailitem .textbox p {
		font-size: 11px;
	}

	.youtube-sliderwrap .thumbnailitem a {
	    display: table-cell;
	    width: 30px;
	    padding: 30px 5px;
	    font-size: 10px;
	}
}

.timetable {
	background-color: #000;
	width: 100%;
	padding: 5px 0px 60px;
	margin-top: 0;
}
.yokohama-1810 .timetable,
.yokohama-1907 .timetable  {
	padding: 5px 0px 60px;
}
.timetable .timetable-list h3 {
	margin-bottom: 45px;
	text-align: center;
	font-size: 21px;
}
.timetable .timetable-list ul li {
	margin-bottom: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.timetable .timetable-list .attention {
	margin-top: 50px;
	text-align: center;
	font-size: 13px;
	line-height: 1.6em;
	font-weight: bold;
}
.timetable .hourbox {
	padding: 0px;
}
.timetableplans h3{
	text-align: center;
	font-size: 21px;
	margin-bottom: 40px;
}
.timetable .timetable_txt{
	font-size: 19px;
}
/*
.timetable .hourbox330 {
	height: 340px;
}
*/
.timetable .hours {
	color: #000;
	width: 100px;
	font-size: 150%;
	text-align: center;
	float: left;
	/*margin-right: 30px;*/
	background-color: #fff;
	border-radius: 25px;        /* CSS3草案 */
	-webkit-border-radius: 25px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 25px;   /* Firefox用 */
	font-family: 'Lato', sans-serif !important;
	font-weight: 700;
}
.timetable #hour10 { margin-top: 25px; }
.timetable #hour11 { margin-top: -15px; }
.timetable #hour12 { margin-top: 25px; }
.timetable #hour13 { margin-top: -15px; }
.timetable #hour14 { margin-top: -15px; }
.timetable #hour144 { margin-top: 100px; }
.timetable #hour15 { margin-top: 25px; }
.timetable #hour16 { margin-top: -200px; }
.timetable #hour17 { margin-top: 25px; }
.timetable #hour18 { margin-top: 25px; }
.timetable #hour20 { margin-top: -15px; }
.timetable #hour15b { display: none; }
.timetable #oclock11 {}
.timetable #clock10_1,
.timetable #clock10,
.timetable #oclock10{
	margin-top: 40px !important;
}
.timetable #clock20,
.timetable #clock21{
	margin-top: 40px !important;	
}

.timetable #oclock13,
.timetable #oclock15,
.timetable #oclock17,
.timetable #oclock18,
.timetable #oclock19
{
	margin-top: 40px !important;
}
.timetable #clock11 .tmconts-bbox {
	margin-top: 50px;
}
.timetable #clock13 .tmconts-bbox,
.timetable #clock14 .tmconts-bbox,
.timetable #clock15 .tmconts-bbox,
.timetable #clock17 .tmconts-bbox {
	margin-top:80px;
}

.timetable02 #hour11 { margin-top: 0; }
.timetable02 #hour11_2 { margin-top: 40px; }
.timetable02 #hour12 { margin-top: 0; }
.timetable02 #hour13 { margin-top: 0; }
.timetable02 #hour14 { margin-top: 0; }
.timetable02 #hour15 { margin-top: 0; }
.timetable02 #hour16 { margin-top: 0; }
.timetable02 #hour17 { margin-top: 0; }
.timetable02 #hour18 { margin-top: 0; }
.timetable02 #clock12 { margin: 40px 0; }
.timetable02 #clock14 { margin: 40px 0; }
.timetable02 #clock16 { margin: 40px 0; }
.timetable02 #clock18 { margin: 20px 0; }

.timetable02 #clock20,
.timetable02 #clock21,{
	margin-top: 40px !important;	
}

.timetable02 #oclock13,
.timetable02 #oclock15,
.timetable02 #oclock17,
.timetable02 #oclock18,
.timetable02 #oclock19
{
	margin-top: 40px !important;
}
.timetable #clock11 .tmconts-bbox {
	margin-top: 40px;
}
.timetable02 #clock13 .tmconts-bbox,
.timetable02 #clock14 .tmconts-bbox,
.timetable02 #clock15 .tmconts-bbox,
.timetable02 #clock17 .tmconts-bbox {
	margin-top: 0px;
}
.timetable .tmconts {
	float: right;
	width: 1080px;
	font-weight: bold;
}
.timetable .tmconts-b {
	float: right;
	width: 1078px;
}
.timetable .tt-ctitle {
	width: 1080px;
	float: right;
	font-size: 140%;
	font-weight: bold;
}
.timetable .tt-conts {
	width: 1028px;
	border: 1px solid #1B1B1B;
	padding: 30px 25px;
	background-image: url(../img/arrowright.png);
	background-position: 1020px center;
	background-repeat: no-repeat;
}
.timetable .tt-conts-in {
	background-color: #fff;
	width: 1030px;
	display: none;
	padding: 30px 25px;
}
.timetable03 .accountbox {
	width: 300px;
}
.timetable03 #hour11 {
	margin-top: 0;
}
.timetable03 .tt-conts.column3 .accountbox {
	width: 320px !important;
	height: 50px;
}
.timetable03 .tt-conts.column3 .accountleft:last-child .accountbox {
	margin-top: 55px;
}
.timetable03 .tt-conts-in .acbox .accountbox {
	width: 48%;
	margin-right: 2%;
}
.timetable03 .tt-conts-in .acbox .accountbox:nth-child(2n) {
	margin-right: 0;
}
.timetable03 #clock11-1 {
	margin: 60px 0;
}
.timetable03 #clock12-2 {
	margin: 60px 0;
}
.timetable03 #oclock15 {
	margin-top: 0 !important;
}
.timetable03 #clock15-1 {
	margin: 60px 0;
}
.timetable03 #clock16-1 {
	margin: 60px 0;
}
.timetable03 #clock17-1 {
	margin: 60px 0;
}
.timetable03 #clock11-2 {
	margin: 60px 0;
}
.timetable03 #hour11-2 {
    margin-top: -17px;
}
.timetable03 #hour12 {
	margin-top: -17px;
}
.timetable03 #hour14 {
	margin-top: -17px;
}
.timetable03 #hour15-2 {
	margin-top: -17px;
}
.timetable03 #hour16-2 {
	margin-top: -17px;
}
.timetable03 #hour17-2 {
	margin-top: -17px;
}
.timetable03 .tt-conts {
	margin-top: 0;
}
.timetable03 .tt-conts-in .acbox .accountbox {
	width: 48%;
	margin-right: 4%;
}
.timetable03 .tt-conts-in .acbox .accountbox:nth-child(2n) {
	margin-right: 0;
}

.timetable04 .accountbox {
	width: 300px;
}
.timetable04 #hour11 {
	margin-top: 0;
}
.timetable04 .tt-conts.column3 .accountbox {
	width: 320px !important;
	height: 50px;
}
.timetable04 .tt-conts.column3 .accountleft:last-child .accountbox {
	margin-top: 55px;
}
.timetable04 .tt-conts-in .acbox .accountbox {
	width: 48%;
	margin-right: 2%;
}
.timetable04 .tt-conts-in .acbox .accountbox:nth-child(2n) {
	margin-right: 0;
}
.timetable04 #hour10 {
	margin-top: -15px;
}
.timetable04 #hour11_2 {
	margin-top: -15px;
}
.timetable04 #clock11-1 {
	margin: 40px 0;
}
.timetable04 #clock12-2 {
	margin: 40px 0;
}
.timetable04 #clock14 {
	margin: 40px 0;
}
.timetable04 #oclock15 {
	margin-top: 0 !important;
}
.timetable04 #clock15-1 {
	margin: 40px 0;
}
.timetable04 #clock16-1 {
	margin: 40px 0;
}
.timetable04 #clock17-1 {
	margin: 40px 0;
}
.timetable04 #clock18 {
	margin-top: 40px;
}
.timetable04 #clock11-2 {
	margin: 40px 0;
}
.timetable04 #clock11-2
.timetable04 #hour11-2 {
    margin-top: -17px;
}
.timetable04 #clock15-2 {
	margin: 40px 0;
}
.timetable04 #clock16-2 {
	margin: 40px 0;
}
.timetable04 #hour12 {
	margin-top: 0;
}
.timetable04 #hour14 {
	margin-top: 25px;
}
.timetable04 #hour15 {
	margin-top: 0;
}
.timetable04 #hour15-2 {
	margin-top: -17px;
}
.timetable04 #hour16 {
	margin-top: 0;
}
.timetable04 #hour16-2 {
	margin-top: -17px;
}
.timetable04 #hour17 {
	margin-top: 0;
}
.timetable04 #hour18 {
	margin-top: 0;
}
.timetable #clock11 {
}
.timetable04 #clock14 .tmconts-bbox {
	margin-top: 40px;
}
.timetable04 .tt-conts {
	margin-top: 0;
}
.timetable04 .tt-conts-in .acbox .accountbox {
	width: 48%;
	margin-right: 4%;
}
.timetable04 .tt-conts-in .acbox .accountbox:nth-child(2n) {
	margin-right: 0;
}

.timetable04 #clock13 .tmconts-bbox,
.timetable04 #clock14 .tmconts-bbox,
.timetable04 #clock15 .tmconts-bbox,
.timetable04 #clock17 .tmconts-bbox {
	margin: 0;
}
.timetable04 .fontPr06 {
	display: block;
}
@media (max-width:768px) {
	.timetable03 #clock10_1 {
		margin-top: 0 !important;
	}
	.timetable03 #clock10,
	.timetable03 #oclock10 {
		margin-top: 0 !important;
	}
	.timetable03 #clock11-1 {
		margin: 0;
	}
	.timetable03 #clock11-2 {
		margin: 0;
	}
	.timetable03 #clock12-2 {
		margin: 0;
	}
	.timetable03 #clock15-1 {
		margin: 0;
	}
	.timetable03 #clock16-1 {
		margin: 0;
	}
	.timetable03 #clock17-1 {
		margin: 0;
	}
	.timetable03 #clock20 {
		margin-top: 0 !important;
	}
	.timetable03 #clock21 {
		margin-top: 0 !important;
	}
	.timetable #hour10 {
		margin-top: 0;
	}
	.timetable03 #hour11-2 {
	    margin-top: 0;
	}
	.timetable03 #hour12 {
		margin-top: 0;
	}
	.timetable03 #hour14 {
		margin-top: 0;
	}
	.timetable03 #hour15-2 {
		margin-top: 0;
	}
	.timetable04 #clock16 {
		display: block;
	}
	.timetable03 #hour16-2 {
		margin-top: 0;
	}
	.timetable03 #hour17-2 {
		margin-top: 0;
	}
	.timetable03 .time_batch {
		display: block !important;
		margin-top: 20px !important;
	}
	.timetable03 .tt-conts-in .acbox .accountbox {
		float: none;
		width: 100% !important;
		margin-right: 0 !important;
		height: auto;
		word-wrap : break-word;
		overflow-wrap : break-word;
	}
	.timetable03 .tt-conts.column3 .accountleft:last-child .accountbox {
		margin-top: 0;
	}
	.timetable03 .tt-conts .time,ƒ
	.timetable03 .tt-conts-b .time {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
	.timetable03 .sp_border {
		padding-bottom: 20px;
		border-bottom: 1px solid #1B1B1B;
	}
	.timetable03 .tt-conts,
	.timetable03 .tt-conts-b {
		padding: 30px 0px 40px;
		background-position: right 0px bottom 40px;
	}

	.timetable04 #clock10_1 {
		margin-top: 0 !important;
	}
	.timetable04 #clock10,
	.timetable04 #oclock10 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 0;
	}
	.timetable04 #clock11-1 {
		margin: 0;
	}
	.timetable04 #clock11-2 {
		margin: 0;
	}
	.timetable04 #clock12-2 {
		margin: 0;
	}
	.timetable04 #clock14 {
		margin: 0;
	}
	.timetable04 #clock15-2 {
		margin: 0;
	}
	.timetable04 #clock16-2 {
		margin: 0;
	}
	.timetable04 #clock17-1 {
		margin: 0;
	}
	.timetable04 #clock18 {
		margin: 0;
	}
	.timetable #hour10 {
		margin-top: 0;
	}
	.timetable04 #hour11-2 {
	    margin-top: 0;
	}
	.timetable04 #hour12 {
		margin-top: 0;
	}
	.timetable04 #hour14 {
		margin-top: 0;
	}
	.timetable04 #hour15-2 {
		margin-top: 0;
	}
	.timetable04 #hour16-2 {
		margin-top: 0;
	}
	.timetable04 #hour17-2 {
		margin-top: 0;
	}
	.timetable04 .time_batch {
		display: block !important;
		margin-top: 20px !important;
	}
	.timetable04 .tt-conts-in .acbox .accountbox {
		float: none;
		width: 100% !important;
		margin-right: 0 !important;
		height: auto;
		word-wrap : break-word;
		overflow-wrap : break-word;
	}
	.timetable04 .tt-conts.column3 .accountleft:last-child .accountbox {
		margin-top: 0;
	}
	.timetable04 .tt-conts .time,ƒ
	.timetable04 .tt-conts-b .time {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
	.timetable04 .sp_border {
		padding-bottom: 20px;
		border-bottom: 1px solid #1B1B1B;
	}
	.timetable04 .tt-conts,
	.timetable04 .tt-conts-b {
		padding: 30px 0px 40px;
		background-position: right 0px bottom 40px;
	}
	.timetable04 .sp_border {
		padding-bottom: 20px;
		border-bottom: 1px solid #1B1B1B;
	}

	.timetable04 .tt-conts .accountblock,
	.timetable04 .tt-conts-b .accountblock {
		min-height: auto;
	}
	.skill_box {
		width: 100%;
		margin: 0 auto;
	}

	.skill_box ul li {
		float: none;
		width: 100% !important;
		margin-right: 0 !important;
	}
}
@media (min-width:768px) and (max-width:1200px) {
	.timetable .tmconts {
		width: 86%;
	}
	.timetable .tmconts-b {
		width: 86%;
	}
	.timetable .tt-ctitle {
		width: 86%;
	}
	.timetable .tt-conts {
		width: 94%;
		background-position: 98% center;
	}
	.timetable .tt-conts-in {
		width: 94%;
	}
}
.timetable02 {
	padding: 5px 0px 30px;
}
.timetable .tt-conts-in p {
	color: #000;
}
.timetable .tt-conts-in p.infotext {
	font-size: 110%;
	line-height: 1.7em;
}
.timetable .ttc120 { padding: 120px 0px; }
.timetable .tt-conts h3 {
	font-size: 130%;
	margin: 0 0 20px;
	line-height: 1.5em;
}
.timetable .tt-conts .accountbox {
	width: 400px;
	margin-bottom: 8px;
}
.timetable .tt-conts .accountleft { float: left; }
.timetable .tt-conts .accountbox .thumnailbox {
	width: 42px;
	height: 42px;
	margin-right: 10px;
	float: left;
}
.timetable .tt-conts .accountbox .combox {
	height: 14px;
	font-size: 80%;
	color: #919191;
}
.timetable .tt-conts .accountbox .namebox {
	font-size: 120%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
}
.timetable .tt-conts .time {
	font-size: 120%;
	margin-bottom: 8px;
}
.tmconts-bbox {
	border: 1px solid #323333;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.timetable .tt-conts-b {
	width: 33%;
	float: left;
	padding: 30px 25px 60px;
	background-image: url(../img/arrowright.png);
	background-position: right 15px bottom 15px;
	background-repeat: no-repeat;
	border-right: 1px solid #323333;
	box-sizing: border-box;
}
.timetable .tt-conts-b:last-child {
	border-right: 0;
}
.timetable .tt-conts-b {
	padding: 30px 25px 20px;
	background-position: right 5px bottom 21px;
}
.timetable .tt-conts-b-line {
	border-left: 1px solid #323333;
}
.timetable .tt-conts-b-in {
	background-color: #fff;
	width: 1030px;
	display: none;
	padding: 30px 25px;
}
.timetable .time_batch {
	display: flex;
	justify-content: flex-start;
	margin-top: 20px;
}
.timetable .time_batch .time {
	margin-right: 80px;
}
@media (min-width:768px) and (max-width:1200px) {
	.timetable .tt-conts-b {
		width: 28%;
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	.timetable .tt-conts-b-in {
		width: 94%;
	}
}
.timetable .tt-conts-b-in p,
.timetable .tt-conts-b-in p a {
	color: #000;
	text-decoration: none;
}
.timetable .tt-conts-b-in p a {
	color: #4aab4c;
}
.timetable .tt-conts-b-in p.infotext {
	font-size: 110%;
	line-height: 1.7em;
}
.timetable .tt-conts-b h3 {
	font-size: 140%;
	margin: 0 0 20px;
	line-height: 1.5em;
}
.timetable02 .tt-conts-b h3 {
	min-height: 90px;
}
@media (max-width:768px) {
	.timetable02 .tt-conts-b h3 {
		min-height: auto !important;
	}

	.timetable02 .tt-conts .accountblock,
	.timetable02 .tt-conts-b .accountblock {
		min-height: auto !important;	
	}

}
.timetable .tt-conts .accountblock,
.timetable .tt-conts-b .accountblock {
	min-height: 120px;
}

.timetable02 .tt-conts .accountblock,
.timetable02 .tt-conts-b .accountblock {
	min-height: 100px;
}

.timetable .tt-conts-b .accountbox {
	width: 400px;
	margin-bottom: 8px;
}
.timetable .tt-conts-b .accountbox .thumnailbox {
	width: 42px;
	height: 42px;
	margin-right: 10px;
	float: left;
}
.timetable .tt-conts-b .accountbox .combox {
	font-size: 80%;
	color: #919191;
}
.timetable .tt-conts-b .accountbox .namebox {
	font-size: 130%;
/*	display: -webkit-flex;
	display: flex;*/
	padding-left: 52px;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
}
.timetable .tt-conts-b .time {
	font-size: 120%;
	margin-bottom: 8px;
	padding-top: 13px;
}
.timetable .tt-conts ul.batch,
.timetable .tt-conts-b ul.batch {
	list-style: none;
}
.timetable .tt-conts ul.batch li,
.timetable .tt-conts-b ul.batch li {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}
.timetable .tt-conts ul.batch li p.bch,
.timetable .tt-conts-b ul.batch li p.bch {
	background-color: #fff;
	color: #000;
	padding: 2px 7px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
}
.timetable .tt-conts ul.batch li p.bch.grey,
.timetable .tt-conts-b ul.batch li p.bch.grey {
	color: #ccc;
}
.timetable .tt-conts ul.batch li p.amakuchi,
.timetable .tt-conts-b ul.batch li p.amakuchi {
	background-color: #22B573;
	color: #fff;
	padding: 2px 30px;
}
.timetable .tt-conts ul.batch li p.chuukara,
.timetable .tt-conts-b ul.batch li p.chuukara {
	background-color: #FB8300;
	color: #fff;
	padding: 2px 30px;
}
.timetable .tt-conts ul.batch li p.karakuchi,
.timetable .tt-conts-b ul.batch li p.karakuchi {
	background-color: #FF0000;
	color: #fff;
	padding: 2px 30px;
}
.timetable .tt-conts ul.batch li p.files,
.timetable .tt-conts-b ul.batch li p.files {
	color: #CCCCCC;
	padding: 2px 10px;
}

.timetable .tt-conts-in .ttclose,
.timetable .tt-conts-b-in .ttclose {
	display: none;
}
.timetable .tt-conts-in h3,
.timetable .tt-conts-b-in h3 {
	font-size: 140%;
	color: #000;
}
.timetable .tt-conts-in .textbox { position: relative; }
.timetable .tt-conts-b-in .textbox { position: relative; }
.timetable .tt-conts-in ul.ablelist,
.timetable .tt-conts-b-in ul.ablelist {
	margin: 20px 0px;
}
.timetable .tt-conts-in ul.ablelist li,
.timetable .tt-conts-b-in ul.ablelist li {
	display: inline-block;
	margin-right: 35px;
}
.timetable .tt-conts-in ul.ablelist li p { font-size: 110%; }
.timetable .tt-conts-in ul.ablelist li.files{
	border: 1px solid #000;
	padding: 3px 5px;
	border-radius: 0.5em;
	margin-right: 10px;
	font-size: 90%;
}
.timetable .tt-conts-b-in ul.ablelist li p { font-size: 110%; }
.timetable .tt-conts-in .snsbtnbox,
.timetable .tt-conts-b-in .snsbtnbox {
	position: absolute;
	top: 0;
	right: 0;
}
.timetable .tt-conts-in .snsbtnbox .tweetbtn,
.timetable .tt-conts-b-in .snsbtnbox .tweetbtn {
	float: left;
	margin-right: 10px;
	width: 75px;
}
.timetable .tt-conts-in .snsbtnbox .facebookbtn,
.timetable .tt-conts-b-in .snsbtnbox .facebookbtn {
	float: left;
	width: 61px;
}
.timetable .tt-conts-in .snsbtnbox .tweetbtn img,
.timetable .tt-conts-in .snsbtnbox .facebookbtn img,
.timetable .tt-conts-b-in .snsbtnbox .tweetbtn img,
.timetable .tt-conts-b-in .snsbtnbox .facebookbtn img {
	width: 100%;
}
.timetable .tt-conts-in .snsbtnbox a,
.timetable .tt-conts-b-in .snsbtnbox a {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.timetable .tt-conts-in .snsbtnbox a:hover,
.timetable .tt-conts-b-in .snsbtnbox a:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	filter: alpha(opacity=45);
	-moz-opacity:0.45;
	opacity:0.45;
}
.timetable .tt-conts-in .acbox,
.timetable .tt-conts-b-in .acbox {
	margin-top: 40px;
}
.timetable .tt-conts-in .accountbox,
.timetable .tt-conts-b-in .accountbox {
	width: 300px;
	margin-bottom: 30px;
	float: left;
	margin-right: 40px;
}
.timetable02 .tt-conts-in .accountbox,
.timetable02 .tt-conts-b-in .accountbox {
	width: 470px;
}
#oclock19-conts .accountbox{
	width: 100%;
}

#oclock19-conts .accountbox .messagebox{
	min-height: 0;
}
@media (min-width:768px) and (max-width:1200px) {
	.timetable .tt-conts-in .accountbox,
	.timetable .tt-conts-b-in .accountbox {
		width: 30%;
		margin-right: 30px;
	}
	.timetable .tt-conts-in .accountbox:last-child,
	.timetable .tt-conts-b-in .accountbox:last-child {
		margin-right: 0;
	}
}

.timetable .tt-conts-in .accountbox .thumnailbox,
.timetable .tt-conts-b-in .accountbox .thumnailbox {
	width: 77px;
	height: 77px;
	margin-right: 10px;
	float: left;
}
.timetable .tt-conts-in .accountbox .namecom,
.timetable .tt-conts-b-in .accountbox .namecom {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
}
.timetable .tt-conts-in .accountbox .combox,
.timetable .tt-conts-b-in .accountbox .combox {
	font-size: 80%;
	color: #919191;
}
.timetable .tt-conts-in .accountbox .positionbox,
.timetable .tt-conts-b-in .accountbox .positionbox {
	font-size: 80%;
}
.timetable .tt-conts-in .accountbox .namebox,
.timetable .tt-conts-b-in .accountbox .namebox {
	font-size: 130%;
}
.timetable .tt-conts-in .accountbox .messagebox,
.timetable .tt-conts-b-in .accountbox .messagebox {
	margin-top: 25px;
}
.timetable .tt-conts-in .accountbox .messagebox p,
.timetable .tt-conts-b-in .accountbox .messagebox p {
	line-height: 1.6em;
	font-size: 85%;
}
.timetable .tt-conts-in .accountbox .messagebox p a {
	color: #000;
	text-decoration: none;
}
.timetable .tt-conts-in .accountbox .messagebox{
	min-height: 115px;
}
.timetable ul.stagelist-sp { display: none; }
.timetable .stagebox,
.timetable .stagebox-sp {
	padding: 0px 0px 40px;
	margin-bottom: 40px;
}
.skill_box {
	margin-top: 20px;
}
.skill_box ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.skill_box ul li {
	float: right;
	width: 49%;
	margin-bottom: 15px;
	margin-right: 2% !important;
}
.skill_box ul li:nth-child(2n) {
	margin-right: 0 !important;
}
.skill_box ul li h4 {
	margin-bottom: 10px;
	font-size: 13px;
	color: #000;
}
.skill_box ul li p {
	font-size: 13px;
}
@media (max-width:768px) {
	.timetable .stagebox,
	.timetable .stagebox-sp {
		padding: 0px 0px 20px;
		margin-bottom: 20px;
	}
}
.timetable ul.stagelist li,
.timetable ul.stagelist-sp li {
	width: 33.3%;
	float: left;
}
.timetable ul.stagelist li p,
.timetable ul.stagelist-sp li p {
	width: 90%;
	margin: 0 auto;
	border: 1px solid #fff;
	text-align: center;
	padding: 10px 0px;
}

@media (max-width:768px) {
	/* timetable関連 */
	.timetable {
		width: 100%;
		padding: 5px 0px 30px;
		margin-top: 15px !important;
		padding-top: 15px !important;
	}
	.timetable .contents {
		width: 90%;
		margin-top: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-top: 0 !important;
	}
	.timetable .timetable-list h3 {
		font-size: 110%;
	}
	.timetable .timetable-list ul li {
		font-size: 100%;
	}
	.timetable .timetable-list .attention {
		font-size: 80%;
	}
	.timetable .hourbox {
		padding-top: 20px;
	}
	.timetable .hourbox {
		padding-top: 20px;
	}
	.timetable .hours {
		width: 55px;
		font-size: 110%;
	}
	.timetable #hour11 { margin-top: 0px; }
	.timetable #hour12 { margin-top: 0px; }
	.timetable #hour13 { margin-top: 0px; }
	.timetable #hour14 { margin-top: 0px; }
	.timetable #hour15 { margin-top: 0px; }
	.timetable #hour16 { margin-top: 0px; }
	.timetable #hour17 { margin-top: 0px; }
	.timetable #hour18 { margin-top: 0px; }
	.timetable #hour20 { margin-top: 0px; }
	.timetable #oclock11 {
		margin-top:0px;
	}
	.timetable #clock10,
	.timetable #oclock10 {
		margin-top: 20px !important;
	}
	.timetable #oclock14,
	.timetable #oclock17 {
		margin-top:0px;
	}
	.timetable #clock11 .tmconts-bbox {
		margin-top: 0px;
	}
	.timetable #clock13 .tmconts-bbox,
	.timetable #clock14 .tmconts-bbox,
	.timetable #clock15 .tmconts-bbox,
	.timetable #clock17 .tmconts-bbox {
		margin-top:0px;
	}
	.timetable02 #clock10 { margin: 0 0 0 !important; }
	.timetable02 #clock12 { margin: 0 0 20px 0; }
	.timetable02 #clock13 { padding-top: 0; }
	.timetable02 #clock14 { margin: 20px 0 0; padding-top: 0; }
	.timetable02 #clock16 { display: block; margin: 0; }
	.timetable02 #clock18 { margin: 0; }
	.timetable02 #hour11_2 { margin-top: 0; }
	.timetable02 #hour12 { margin-top: 0; }
	.timetable02 #hour13 { margin-top: 0; }
	.timetable02 #hour14 { margin-top: 0; }
	.timetable02 #hour15 { margin-top: 0; }
	.timetable02 #hour16 { margin-top: 0; }
	.timetable02 #hour17 { margin-top: 0; }
	.timetable02 #hour18 { margin-top: 0; }
	.timetable02 #hour20 { margin-top: 0; }
	.timetable02 #oclock11 {
		margin-top:0px;
	}

	.timetable02 .tt-conts-b-line {
		border-bottom: 1px solid #1B1B1B !important;
	}

	.timetable02 .sp_border {
		padding-bottom: 20px;
		border-bottom: 1px solid #1B1B1B;
	}
	.timetable .tmconts,
	.timetable .tmconts-b {
		float: none;
		width: 100%;
		margin: 0 auto;
		clear: both;
	}
	.tmconts-bbox {
		border: none;
	}
	.timetable .tt-ctitle {
		width: 78%;;
		float: right;
		font-size: 110%;
		font-weight: bold;
	}
	.timetable .tt-conts,
	.timetable .tt-conts-b {
		width: 100%;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 1px solid #1B1B1B;
		padding: 30px 0px 60px;
		background-image: url(../img/arrowright.png);
		background-position: right 10px bottom 25px;
		background-repeat: no-repeat;
	}
	.timetable02 .tt-conts,
	.timetable02 .tt-conts-b {
		padding: 30px 0px 40px;
		background-position: right 0px bottom 40px;
	}
	.timetable02 .tt-conts ul.batch,
	.timetable02 .tt-conts-b ul.batch {
		padding-right: 20px;
	}
	.tim
	.timetable .tt-conts h3,
	.timetable .tt-conts-b h3 {
		font-size: 120%;
	}
	.timetable .tt-conts .time,
	.timetable .tt-conts-b .time {
		font-size: 110%;
		padding-top: 25px;
	}
	.timetable .tt-conts .accountleft { float: none; }
	.timetable .tt-conts-b .accountleft { float: none; }
	.timetable .tt-conts-in,
	.timetable .tt-conts-b-in {
		background-color: #fff;
		width: 100%;
		display: none;
		padding: 30px 0px 45px;
		margin-bottom: 20px;
		position: relative;
	}

	.timetable .timetable_txt{
		font-size: 15px;
	}

	.tt-conts-in h3,
	.tt-conts-in .textbox,
	.tt-conts-in .acbox,
	.tt-conts-b-in h3,
	.tt-conts-b-in .textbox,
	.tt-conts-b-in .acbox {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.timetable .tt-conts-in .acbox,
	.timetable .tt-conts-b-in .acbox {
		margin-top: 0px;
	}
	.tt-conts-in h3,
	.tt-conts-b-in h3{
		line-height: 1.5em;
		margin-top: 0;
		margin-bottom: 0;
	}
	.timetable .tt-conts-in .textbox .infotext,
	.timetable .tt-conts-b-in .textbox .infotext {
		font-size: 90%;
		line-height: 1.6em;
	}
	.timetable .tt-conts-in .textbox .ablelist li,
	.timetable .tt-conts-b-in .textbox .ablelist li {
		display: inline-block;
		margin-right: 20px;
	}
	.timetable .tt-conts-in .textbox .ablelist p,
	.timetable .tt-conts-b-in .textbox .ablelist p {
		font-size: 85%;
	}
	.timetable .tt-conts-in .snsbtnbox,
	.timetable .tt-conts-b-in .snsbtnbox {
		position: relative;
		margin-top: 20px;
	}
	.timetable .tt-conts-b-line { border: none; }
	.timetable .tt-conts .accountbox,
	.timetable .tt-conts-b .accountbox {
		width: 100%;
		margin-bottom: 8px;
	}
	.timetable .tt-conts-in .accountbox,
	.timetable .tt-conts-b-in .accountbox {
		width: 100%;
		margin-top: 25px;
		margin-right: 0px;
	}
	.timetable .tt-conts-in .accountbox .namecom,
	.timetable .tt-conts-b-in .accountbox .namecom {
	}
	.tt-conts-in .accountbox .thumnailbox { display: none; }
	.tt-conts-b-in .accountbox .thumnailbox { display: none; }
	.timetable .tt-conts-in .accountbox .messagebox,
	.timetable .tt-conts-b-in .accountbox .messagebox {
		margin-top: 10px;
		min-height: 0;
	}
	.timetable .tt-conts-in .accountbox .messagebox p,
	.timetable .tt-conts-b-in .accountbox .messagebox p {
		font-size: 80%;
		line-height: 1.5em;
	}

	.timetable .tt-conts-in .ttclose,
	.timetable .tt-conts-b-in .ttclose {
		display: block;
		position: absolute;
		bottom: 7px;
		right: 7px;
	}
	.timetable .ttc120 {
		padding: 30px 0px;
		float: none;
		width: 100%;
		border-bottom: 1px solid #1B1B1B;
		margin: 20px 0px 0px;
	}
	.timetable #hour15b { display: block; }
	#clock16 { display: none; }
	.timetable ul.stagelist { display: none; }
	.timetable ul.stagelist-sp { display: block; }
	.timetable .stagebox .tt-ctitle {
		width: 100%;
	}
	.timetable ul.stagelist-sp li p {
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		cursor: pointer;
	}
	.timetable ul.stagelist-sp li p:hover {
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		background-color: rgba(255,255,255,0.45);
	}
	.timetable ul.stagelist-sp li p.ondisp {
		background-color: rgba(255,255,255,0.45);
	}
	.timetable .stageBconts,
	.timetable .stageCconts {
		display: none;
	}
}

.contents2 ul {
	width: 100%;
	margin: 0 auto;
}
.contents2 ul li.presenbox {
	width: 47%;
	border: 1px solid #fff;
	height: 215px;
}
.contents2 .presenbox h2 {
	width: 50%;
	font-weight: 900;
	font-size: 110%;
	color: #fff;
	margin: -20px auto 0px;
	padding: 10px 8px;
	text-align: center;
	border-radius: 25px;        /* CSS3草案 */
	-webkit-border-radius: 25px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 25px;   /* Firefox用 */
}
.contents2 .moviebox { float: left; }
.contents2 .slidebox { float: right; }
.contents2 .moviebox h2 {
	background: -moz-linear-gradient(left, #A00601, #212121);
	background: -webkit-gradient(linear, left top, right top, from(#A00601), to(#212121));
	background: -ms-linear-gradient(left, #A00601, #212121);
}
.contents2 .slidebox h2 {
	background: -moz-linear-gradient(left, #96FE45, #212121);
	background: -webkit-gradient(linear, left top, right top, from(#96FE45), to(#212121));
	background: -ms-linear-gradient(left, #96FE45, #212121);
}
.contents2 .presenbox p {
	line-height: 2.0em;
	border-bottom: 1px solid #fff;
}
.contents2 .moviebox p { padding: 39px 30px; font-weight: bold; }
.contents2 .slidebox p { padding: 25px 30px; font-weight: bold; }
.contents2 .presenbox a {
	display: block;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	line-height: 60px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
@media (min-width:768px) and (max-width:800px) {
	.contents2 ul li.presenbox {
		height: auto;
	}
	.contents2 .presenbox a {
		height: auto;
		padding: 5px 0px 3px;
	}
}
@media (min-width:800px) and (max-width:850px) {
	.contents2 ul li.presenbox {
		height: auto;
	}
	.contents2 .presenbox a {
		height: auto;
		padding: 5px 0px 3px;
	}
}
@media (min-width:795px) and (max-width:828px) {
	.contents2 .moviebox p { padding: 39px 30px; }
	.contents2 .slidebox p { padding: 39px 30px; }
}
.contents2 .presenbox a:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background-color: rgba(255,255,255,0.45);
}

@media (max-width:768px) {
	.contents2 ul {
		width: 90%;
		margin: 0 auto;
	}
	.contents2 ul li.presenbox {
		width: 100%;
		border: 1px solid #fff;
		height: auto;
	}
	.contents2 .moviebox {
		float: none;
		margin-bottom: 40px;
	}
	.contents2 .slidebox { float: none; }

}

.bggray { background-color: #1D1D1D; }
.twitter {
	max-width: 100%;
	padding: 75px 0px;
	background-color: #2A2F33;
	margin-top: 85px;
	z-index: 1;
}
.sponsors {
	margin-top: 60px;
}
.sponsors,
.links {
	max-width: 100%;
	padding: 0 0px 90px;
	background-color: #1D1D1D;
	z-index: 1;
}
.sponsors {
	margin-bottom: 40px;
}
.twitter .twitterbox {
	width: 1000px;
	margin: 0px auto;
}
@media (min-width:768px) and (max-width:1000px) {
	.twitter .twitterbox {
		width: 95%;
	}
}
@media (max-width:768px) {
	.twitter {
		margin-top: 45px !important;
	}
	.links {
		padding: 40px 0px 10px;
		margin-top: 40px;
	}
	.links .contents {
		padding-top: 0 !important;
	}
	.twitter .twitterbox {
		width: 90%;
	}
}

.sponsors .contents,
.links .contents {
	margin-top: 0 !important;
	z-index: 9;
}
.links a {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.links a:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	filter: alpha(opacity=45);
	-moz-opacity:0.45;
	opacity:0.45;
}
.links .links-left,
.links .links-right {
	width: 48%;
	max-width: 575px;
}
.links .links-left { float: left; }
.links .links-right { float: right; }
.links .links-left img,
.links .links-right img {
	width: 100%;
}
@media (max-width:768px) {
	.links .links-left,
	.links .links-right {
		width: 90%;
		margin: 0 auto 20px;
	}
	.links .links-left { float: none; }
	.links .links-right { float: none; }
	.links .links-left img,
	.links .links-right img {
		width: 100%;
	}
	.twitterbox iframe { width: 740px !important; }
}

.sponsors h3 {
	font-size: 120%;
	margin: 0 0 45px;
	text-align: center;
}
.sponsors .sponsor01 {
	text-align: center;
}

.sponsors ul li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}

.sponsors ul{
	margin-bottom: 30px;
}

.sponsors ul:last-child {
	margin-bottom: 0;
}

.sponsors .sponsor01-sp { display: none; }
.petitbnr { text-align: center; }
.contest .contesttext {
	line-height: 2.5em;
	font-size: 110%;
	text-align: center;
	margin-bottom: 60px;
	font-weight: bold;
}

@media (min-width:768px) and (max-width:1000px) {
	.contest .contesttext {
		padding-left: 25px;
		padding-right: 25px;
	}
}
@media (min-width:768px) and (max-width:890px) {
	.contest .contesttext br.pcbr {
		display: none;
	}
}
@media (max-width:768px) {
	.sponsors h3 {
		margin-bottom: 35px;
	}
	.sponsors .sponsor01-pc { display: none; }
	.sponsors .sponsor01-sp {
		display: block;
		width: 90%;
		margin: 0 auto 0;
	}
	.sponsors .sponsor01-sp img { width: 100%; }
	.petitbnr {
		width: 90%;
		margin: 0 auto;
	}
	.petitbnr img { width: 100%; }
	.contest .contesttext {
		width: 90%;
		line-height: 1.5em;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}

	.sponsors ul li{
		display: inline-block;
		vertical-align: middle;
		margin: 0 10px 20px;
	}

	.sponsors ul li img{
		zoom: .7;
	}
	.sponsors02 ul li img{
		zoom: .5;
	}
	.sponsors ul {
		margin-bottom: 0
	}
	.sponsors ul:first-child{
		margin-bottom: 0;
	}
	.sponsors ul:nth-child(2){
		margin-bottom: 0;
	}
	.sponsors ul:last-child{
		margin-bottom: 30px;
	}
	.yokohama-1907 .sponsors02 ul li {
		margin: 0 5px 10px;
	}
	.yokohama-1907 .sponsors02 ul li img {
		zoom: 0.3;
	}
}

@media (max-width:768px) {
	.sponsors02 ul li img {
		zoom: .45;
	}
}

.goodslist{
	width: 934px;
	margin: 0 auto;
}

.goodslist-big {
	width: 1200px;
	margin: 0 auto;
}

.goodslist li {
	float: left;
	margin-right: 44px;
	margin-bottom: 40px;	
	width: 282px;
}
.goodslist li:nth-of-type(3n) {
	margin-right: 0;
}
.goodslist-big li {
	margin-right: 24px;
}

.goodslist-big li:nth-child(3) {
	margin-right: 24px;
}

.goodslist-big li:nth-child(4) {
	margin-right: 0;
}
.goodslist-twocolumn li {
	width: 587px;
}
.goodslist-twocolumn li:nth-child(2) {
	margin-right: 0;
}
.goodslist .photo {
	margin-bottom: 20px;
}
.goods .goodsinfo {
	margin-top: 30px;
	text-align: center;
}
@media (min-width:768px) and (max-width:1200px) {
	.goodslist {
		width: 90%;
		max-width: 600px;
		margin: 0 auto;
	}
	.goodslist li {
		width: 47%;
		margin-right: 13px;
		margin-bottom: 25px;
	}
	.goodslist li:nth-child(2n) {
		margin-right: 0;
		float: right;
	}
	.goodslist .photo { width: 100%; }
	.goodslist .photo img { width: 100%; }
	.goods .goodsinfo {
		margin-top: 5px;
		font-size: 90%;
	}
}
@media (max-width:768px) {
	.goodslist {
		width: 90%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
	}
	.goodslist li {
		width: 47%;
		margin-right: 13px;
		margin-bottom: 25px;
	}
	.goodslist li:nth-child(2n) {
		margin-right: 0;
		float: right;
	}
	.goodslist .photo { width: 100%; }
	.goodslist .photo img { width: 100%; }
	.goods .goodsinfo {
		margin-top: 5px;
		font-size: 80%;
	}
}

h2.medias {
	width: 250px;
	font-weight: bold;
	font-size: 110%;
	color: #000;
	margin: 0px auto 40px;
	padding: 10px 30px;
	text-align: center;
	border-radius: 25px;        /* CSS3草案 */
	-webkit-border-radius: 25px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 25px;   /* Firefox用 */
	background-color: #fff;
	background-image: none;
}

.mediabox br {
	display: none;
}
@media (max-width:768px) {
	.mediabox br {
		display: inline;
	}
}

/* archive */
.pastlist h3 {
	color: #49AA4D;
	font-wight: bold;
	text-align: center;
	font-size: 150%;
	padding: 20px 0px 30px;
	margin-top: 50px;
}
.pastlist p {
	text-align: center;
	line-height: 1.7em;
	padding-bottom: 30px;
	font-size: 110%;
}

.archivecontents {
	padding-bottom: 70px;
}
.archivecontents h2 {
	padding-bottom: 40px;
	font-weight: 700:
}
.archivecontents h2 span {
	font-size: 195%;
}
.archivecontents .information h3 {
	width: 250px;
	font-weight: bold;
	font-size: 110%;
	color: #000;
	margin: 40px auto 40px;
	padding: 10px 30px;
	text-align: center;
	border-radius: 25px;        /* CSS3草案 */
	-webkit-border-radius: 25px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 25px;   /* Firefox用 */
	background-color: #fff;
	background-image: none;
}
.archivecontents .infotable br {
	display: none;
}
@media (max-width:768px) {
	.aboutunrealfest .greetingtext { font-size: 105%; }
	.archivecontents {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.archivecontents h2 {
		padding-bottom: 25px;
		font-weight: 900:
	}
	.archivecontents h2 span {
		font-size: 150%;
	}
	.pastlist h3 {
		font-size: 140%;
		margin-top: 10px;
		padding-top: 10px;
		padding-bottom: 0px;
	}
	.pastlist p {
		width: 90%;
		font-size: 85%;
		margin-left: auto;
		margin-right: auto;
	}
	.archivecontents .infotable br {
		display: inline;
	}
}

/* entire container, keeps perspective */
.flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;
}
/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

@media (min-width:768px) and (max-width:1225px) {
	.flip-container {
		margin-left: 15px;
	}
}

.flip-container, .front, .back {
	width: 54px;
	height: 62px;
}
@media (max-width:768px) {
	.flip-container, .front, .back {
		width: 40px;
		height: 46px;
	}
}

/* flip speed goes here */
.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;

	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
}

/* back, initially hidden pane */
.back {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

/* commingsoon */

#comingsoon p {
	text-align: center;
	font-size: 36px;
}

@media (max-width:768px) {
	#comingsoon p {
		font-size: 140%;
	}
}

/* slider */

.slider {
	padding: 10px 0 60px;
	max-width: 100%;
	background: #000000;
}

.sliderpc {
	display: block;
}

.slider-sp {
	display: none;
}

.sliderinner {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
}

.sliderinner h3 {
	font-size: 18px;
}

.sliderinner h3 span {
	padding-bottom: 8px;
	border-bottom: 2px solid #ffffff;
	letter-spacing: 0.25em;
	font-family: 'Lato', sans-serif !important;
	vertical-align: 12px;
}

.sliderinner h3 strong {
	margin-left: 30px;
	font-size: 70px;
	font-family: 'Lato', sans-serif !important;
}

.sliderinner h4 {
	margin: 50px 0 20px;
	font-size: 34px;
	line-height: 1.1em;
	font-family: 'Lato', sans-serif !important;
}

.sliderinner h4 small {
	font-size: 14px;
}

.sliderinner .slidertext {
	float: left;
	width: 200px;
	margin-top: 60px;
}

.sliderinner .slidermain {
	position: relative;
	float: right;
	width: 580px;
	text-align: center;
	list-style: none;
    padding: 0;
    margin: 0 auto;
}

.sliderinner .slidermain:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	margin-top: -32%;
	margin-left: -50%;
	box-shadow: 1px 1px 38px 8px #000000;
	z-index: 2;
}

.sliderinner .slidermain:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	width: 118%;
	height: 80%;
	max-height: 340px;
	margin-top: -28%;
	margin-left: -59%;
	background: url(../img/slider_bg_check.gif) top left repeat #000;
	z-index: 1;
}

.sliderinner .slidermain .slick-list {
	position: relative;
	z-index: 5;
}

.sliderinner .slidermain li img {
	width: 100%;
}

.sliderinner01 {
	margin-top: 100px
}

.sliderinner02 {
	margin: 80px auto;
}

.sliderinner02 .slidermain {
	float: left;
}

.sliderinner02 .slidertext {
	float: right;
	width: 250px;
}

.slide-arrow {
	width: 11px;
	margin-top: -23px;
}

.slide-arrow img {
	width: 100%;
}

.prev-arrow {
	position: absolute;
	top: 50%;
	left: -6%;
	width: 11px;
	height: 18px;
	z-index: 999;
	background: url(../img/slider_arrow_l.png) no-repeat;
}

.next-arrow {
	position: absolute;
	top: 50%;
	right: -6%;
	width: 11px;
	height: 18px;
	z-index: 999;
	background: url(../img/slider_arrow_r.png) no-repeat;
}

.paginginfo {
	font-size: 16px;
	font-family: 'Lato', sans-serif !important;
}

.paginginfo-pc {
	display: block;
}

.paginginfo-sp {
	display: none;
}

@media (max-width:1200px) {
	.slider {
		width: 90%;
		margin: 0 auto;
	}

	.sliderinner h3 {
		font-size: 180%;
	}

	.sliderinner h3 span {
		font-size: 100%;
		vertical-align: 8px;
	}

	.sliderinner h3 strong {
		font-size: 180%;
	}

	.sliderinner h4 {
		font-size: 150%;
	}

	.sliderinner h4 small {
		font-size: 80%;
	}

	.sliderinner .slidermain {
		width: 60%;
	}

	.sliderinner .slidertext {
		position: relative;
		z-index: 999;
	}

	.sliderinner02 .slidermain {
		width: 60%;
	}

	.sliderinner02 .slidertext {
		width: 150px;
	}

}

@media (max-width:768px) {

	.slider {
		width: 100%;
		margin-top: 40px !important;
		padding: 0 0 30px;
	}

	.sliderinner {
		margin-bottom: 60px;
		height: auto;
	}

	.sliderinner:last-child {
		margin-bottom: 0;
	}

	.sliderinner .slidertext {
		float: none;
		width: 100%;
		text-align: center;
	}

	.sliderinner .slidermain {
		position: relative;
		width: 100%;
		height: auto;
		left: auto;
		right: auto;
		top: auto;
		margin: 0;
	}

	.sliderinner .slidermain:before {
		display: none;
	}

	.sliderinner .slidermain:after {
		display: none;
	}

	.sliderinner .slidermain li {
		width: 100%;
		height:  auto;
	}

	.sliderinner h3 span {
		font-size: 80%;
	}

	.sliderinner h3 strong {
		margin-left: 15px;
		font-size: 200%;
	}

	.sliderinner h4 {
		margin: 20px 0;
		font-size: 200%;
	}

	.sliderinner h4 small {
		font-size: 50%
	}

	.slide-arrow {
		width: 60px;
		height: 56px;
		margin-top: -40px;
	}

	.slide-arrow img {
		width: 100%;
	}

	.prev-arrow {
		left: 0;
		background: url(../img/slider_arrow_l_sp.png) no-repeat;
		background-size: 100%;
	}

	.next-arrow {
		right: 0;
		background: url(../img/slider_arrow_r_sp.png) no-repeat;
		background-size: 100%;
	}

	.sliderinner01 {
		margin-top: 40px;
	}

	.paginginfo {
		margin: 10px 0 0;
		font-size: 120%;
		text-align: center;
	}

	.paginginfo-pc {
		display: none;
	}

	.paginginfo-sp {
		display: block;
	}
}

.meetupbox {
	margin: 0 0 60px;
}

.meetupbox .meetuptext {
	font-size: 16px;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
}

.meetupbox figure {
	margin: 30px 0;
	text-align: center;
}

@media (max-width:768px) {
	.meetupbox {
		margin: 0 0 30px;
	}

	.meetupbox figure {
		width: 90%;
		margin: 20px auto;
	}

	.meetupbox figure img {
		width: 100%;
	}

	.meetupbox .meetuptext {
		width: 90%;
		margin: 0 auto;
		font-size: 100%;
		text-align: left;
	}

	.meetupbox .meetuptext02 {
		text-align: center;
	}
}

@media (max-width:340px) {
	.meetupbox .meetuptext02 small {
		display: block;
		font-size: 0.7em;
	}
}

.goods_top {
	margin: 0 0 30px;
}

.goods_top h3 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.8em;
}

.goods_top .goods_top_txt {
	max-width: 720px;
	margin: 40px auto 0;
}

.goods_top .goods_top_txt p {
	font-weight: bold;
}

.goods_top .goods_img {
	margin: 20px 0;
	text-align: center;
}

.goods_top ul {
	margin-bottom: 30px;
}

.goods_top ul li {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
}

.goods_btm p {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.goods_btm .goods_img {
	margin: 20px 0;
	text-align: center;
}

@media (max-width:768px) {
	.goods_top h3 {
		width: 90%;
		margin: 0 auto 20px;
		font-size: 100%;
	}

	.goods_top .goods_img {
		width: 60%;
		margin: 0 auto 30px;
	} 

	.goods_top .goods_img img {
		width: 100%;
	}

	.goods_top .goods_top_txt {
		width: 90%;
		margin: 20px auto;
	}

	.goods_top .goods_top_txt p {
		font-size: 100%;
	}

	.goods_top ul li {
		font-size: 100%;
	}

	.goods_btm .goods_img {
		width: 90%;
		margin: 20px auto 0;
	}

	.goods_btm .goods_img img {
		width: 100%;
	}

	.goods_btm p {
		width: 90%;
		margin: 0 auto;
		font-size: 100%;
		line-height: 1.5em;
	}

	.goodslist-twocolumn li {
		width: 100%;
		margin-right: 0;
	}

	.goodslist-big li:nth-child(3) {
		margin-right: 13px;
	}
}

.lms figure {
	max-width: 258px;
	margin: 0 auto 80px !important;
	text-align: center;
}

.lmstext {
	line-height: 2.5em;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}

.lmstext strong {
	color: #4aab4c;
}

.lmstext .border {
	text-decoration: underline;
}

.lmsblock {
	max-width: 650px;
	margin: 40px auto;
	padding: 40px 40px;
	color: #fff;
	background: #1d1d1d;
	box-sizing: border-box;
}

.lmstext a {
	color: #4aab4c;
	text-decoration: none;
}

.lmsblock02 {
	padding: 40px 150px;
}

.lmsblock span {
	display: block;
}

.lmsblock span:first-child {
	margin-bottom: 15px;
}

@media (max-width:768px) {

	.lms {
		padding-top: 0 !important;
	}

	.lms figure {
		margin: 0;
		margin: 0 auto 20px !important;
		padding: 0 60px;
	}

	.lms figure img {
		width: 100%
	}

	.lmstext {
		width: 90%;
		margin: 0 auto;
		text-align: left;
		font-size: 100%;
		line-height: 2em;
	}

	.lmsblock {
		width: 90%;
		margin: 20px auto;
		padding: 20px;
	}

	.lmsblock span {
		font-size: 90%;
	}

}

.stamp figure {
	margin-bottom: 80px;
	text-align: center;
}

.stamp figure img {
	border: 1px solid #fff;
}

.stamptext {
	line-height: 2.5em;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}

@media (max-width:768px) {

	.stamp {
		padding-top: 40px !important;
	}

	.stamp figure {
		width: 90%;
		margin: 0 auto 20px;
		margin-bottom: 20px;
		padding: 0;
	}

	.stamp figure img {
		width: 100%
	}

	.stamptext {
		width: 90%;
		margin: 0 auto;
		text-align: left;
		font-size: 100%;
		line-height: 2em;
	}

}