@charset 'utf-8';
html,body{
	font-size:62.5%;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
html.main,body.main{
	background-image: url("../images/background_sky.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #fff;
}
html.change_landscape,body.change_landscape{
	background:#2196f3;
}
a{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

div#container{
	position:relative;
	display:none;
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	padding-top: 13px;
}
div#change_landscape{
	display:none;
	box-sizing:border-box;
	position:relative;
	width:100%;
	height:110%;
	margin:0;
	padding:0;
	text-align:center;
	z-index:950;
}
*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border:0;
}
.clearfix{
	zoom:1;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}


div#container div#header{
	position:relative;
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:0;
	display:none;
}
div#container div#header p#title{
	position:relative;
	box-sizing:border-box;
	width:50%;
	margin:0;
}

p#title {
	padding-bottom:15px;
	padding-left: 25px;
	display:none;
}
div#container div#header p#title img{
	width:100%;
	max-width:250px;
}

div#container div img.floorimage{
	width:90%;
	height:auto;
	padding:0;
	margin:0 auto;
}

div#ground{
	box-sizing: border-box;
	display: block;
	width: 100%;
	margin: 0;
	padding: 37px 0;
	background: #a8da2e;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: -15;
	text-align: center;
}
p#building{
	box-sizing: border-box;
	position:fixed;
	margin: 0;
	padding: 0;
	left:15%;
	bottom:40px;
	z-index:-10;
}
p#building>img{
	width:100%;
	max-width:1140px;
}

.slider-for{
    margin: 0 auto;
    width: 65%;
}
.slider-for img{
	height: auto;
	width: 100%;
	padding:0 35px;
}

/*slick setting*/
.slick-prev,
.slick-next{
	width: 32px;
	height: 60px;
}

/*slick setting*/
.slick-prev:before,
.slick-next:before{
	position:relative;
    color: #b98d70;
	opacity:1.0;
}
.slick-next:before
{
    content: '';
	background-image: url("../images/arrow_next.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 50px;
	position: absolute;
    width: 32px;
    height: 60px;
	top: 0;
	left: 0;
}
.slick-prev:before
{
    content: '';
	background-image: url("../images/arrow_prev.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 50px;
	position: absolute;
	width: 32px;
	height: 60px;
	top: 0;
	left: 0;
}



.slider-for .slide{
	position:relative;
	outline:none;
}
.slider-for .slick-slide:before{
	position: absolute;
	top: 30%;
	right: 34px;
	font-size: 3.2rem;
	font-weight: bold;
	color: #ffffff;
	z-index: 10;
	background: #FF5722;
	border-radius: 50%;
	padding: 15px;
	display:none;
}
.slider-for #slick-slide00:before{
	content: "";
}
.slider-for #slick-slide01:before{
	content: "";
}
.slider-for #slick-slide02:before{
	content: "";
}
.slider-for #slick-slide03:before{
	content: "";
}
.slider-for #slick-slide04:before{
	content: "";
}
.slider-for #slick-slide05:before{
	content: "";
}
.slider-for #slick-slide06:before{
	content: "";
}
.slider-for #slick-slide07:before{
	content: "";
}
.slider-for #slick-slide08:before{
	content: "";
}


/* operator */
.slider-for .slide div.operator{
	position:absolute;
	bottom: 55%;
    left: 5%;
    z-index: 10;
}
.slider-for .slide div.operator img{
	width:100%;
	max-width:160px;
	padding:0;
}
/* event */
.slider-for .slide div.event{
	position: absolute;
	bottom: 75%;
    left: 40%;
    z-index: 5;
}
.slider-for .slide div.event img{
	width:100%;
	max-width:160px;
	padding:0;
}

/* soudan */
.slider-for .slide div.soudan1{
	position: absolute;
	bottom: 67%;
    left: 63%;
    z-index: 5;
}
.slider-for .slide div.soudan2{
	position: absolute;
	bottom: 50%;
    left: 78%;
    z-index: 6;
}
.slider-for .slide div.soudan1 img,
.slider-for .slide div.soudan2 img{
	width: 100%;
	max-width: 160px;
	padding: 0;
}


/* company */
.slider-for .slide div.company{
	position:absolute;
	z-index:20;
	text-align: center;
}
.slider-for .slide div.company img{
	width:100%;
	max-width:160px;
	padding:0;
}

.slider-for .slide div.cslide1{
	bottom: 30%;
    left: 20%;
}
.slider-for .slide div.cslide2{
	bottom: 40%;
    left: 35%;
}
.slider-for .slide div.cslide3{
	bottom: 50%;
    left: 50%;
}
.slider-for .slide div.cslide4{
	bottom: 14%;
    left: 37%;
}
.slider-for .slide div.cslide5{
    bottom: 24%;
    left: 52%;
}
.slider-for .slide div.cslide6{
	bottom: 33%;
    left: 67%;
}

.slider-for .slide div.company:before{
	position: absolute;
	top: -12px;
    right: 8px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #0054a7;
}

.slider-for .slide div.cslide1:before{
	content:"";
}
.slider-for .slide div.cslide2:before{
	content:"";
}
.slider-for .slide div.cslide3:before{
	content:"";
}
.slider-for .slide div.cslide4:before{
	content:"";
}
.slider-for .slide div.cslide5:before{
	content:"";
}
.slider-for .slide div.cslide6:before{
	content:"";
}
.slider-for .slide div.company .card_sanka{
	position:absolute;
	top:0;
	left:0;
}

.modal dl.profile{
	list-style:none;
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:0;
	font-size:1.4rem;
}
.modal dl.profile dt{
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 10px 10px;
	background: #2196f3;
	color: #fff;
	font-weight: bold;
	border-radius:7px;
}
.modal dl.profile dd{
	box-sizing:border-box;
	width:100%;
	margin: 0 0 25px 0;
	padding:0;
}
.modal dl.profile dd#pdata03 a{
	color: #3c93c1;
    text-decoration: none;
    font-weight: bold;
    padding: 2px 5px;
	margin:0;
    background: #defbff;
    border-radius: 4px;
	display:inline;
	font-size:1.3rem;
}

.modal dl.profile dd:last-child{
	font-size: 1.2rem;
}

.modal a.login{
	font-size: 1.8rem;
    border-radius: 5px;
    padding: 10px 25px;
    color: white;
    text-decoration: none;
    background: #1565c0;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    width: 40%;
}

div#change_landscape h3{
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:25px;
	font-size:1.2rem;
	color:#fff;
}
div#change_landscape p{
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:25px;
}
div#change_landscape p img{
	width:100%;
	max-width:320px;
}


.TimeSchedule {
	display:none;
	position: fixed;
	z-index: 49;
	box-sizing:border-box;
	top: 0;
	left: 0;
	transition: all 0.6s;
	opacity:1.0;
	width: 100%;
	height:100vh;
	margin:0;
	padding:0;
}

.TimeSchedule dl {
	position:relative;
	z-index: 49;
	box-sizing:border-box;
	top: 5%;
	left: 30%;
	text-align: left;
	width: 40%;
	height:50vh;
	margin:0;
	padding:17px;
	background: #fff;
	border: 4px solid #3c93c1;
	font-size:1.3rem;
	overflow:scroll;
	border-radius: 7px;
}

.TimeSchedule dl dt {
	box-sizing:border-box;
	width: 100%;
	margin:0;
	padding:6px;
	font-weight:bold;
	text-align: left;
	background: #3c93c1;
	color:#fff;
	border-radius:7px;
}

.TimeSchedule dl dd {
	box-sizing:border-box;
	width: 100%;
	margin:0;
	padding:6px 0;
	text-align: left;
}

.TimeSchedule dl dd p {
	box-sizing:border-box;
	width: 100%;
	margin:0;
	padding:0;
	text-align: left;
	line-height:175%;
}

.TimeSchedule.active {
	opacity:1.0;
}

.TimeSchedule div.cover {
	position: fixed;
	z-index: 45;
	box-sizing:border-box;
	top: 0;
	left: 0;
	opacity:0.75;
	width: 100%;
	height:100vh;
	margin:0;
	padding:0;
	background: #333;
	cursor:pointer;
}

.FloorMap {
	display:none;
	position: fixed;
	z-index: 49;
	box-sizing:border-box;
	top: 0;
	left: 0;
	transition: all 0.6s;
	opacity:1.0;
	width: 100%;
	height:100vh;
	margin:0;
	padding:0;
}
.FloorMap::-webkit-scrollbar{
	width:3px;
	background:#eee;
}
.FloorMap::-webkit-scrollbar:horizontal{
	height:7px;
	background:#eee;
}
.FloorMap::-webkit-scrollbar-thumb{
	background:#88caff;
}

.FloorMap .FloorMapCover{
	position:relative;
	z-index: 49;
	box-sizing:border-box;
	top: 5%;
	left: 7%;
	text-align: left;
	width: 86%;
	height:85vh;
	margin:0;
	padding:8px;
	background: #fff;
	border: 4px solid #3c93c1;
	font-size:1.2rem;
	overflow:scroll;
	border-radius:7px;
}

.FloorMap .FloorMapCover table{
	border-collapse:collapse;
	width:100%;
	min-width:780px;
	margin:0;
	padding:0;
	font-size:1.3rem;
}
.FloorMap .FloorMapCover table thead th{
	background:#3c93c1;
	padding:4px;
	margin:0;
	color:#fff;
}
.FloorMap .FloorMapCover table tbody td{
    padding: 0;
    margin: 0;
    border: 1px solid #eee;
}
.FloorMap .FloorMapCover table tbody tr:nth-child(2n){
	background:#eee;
}

.FloorMap .FloorMapCover table tbody td a{
	color: #3c93c1;
    text-decoration: none;
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 8px;
	font-size:1.2rem;
}
.FloorMap .FloorMapCover table tbody td a:hover{
	color:#fff;
	background:#3c93c1;
}

.FloorMap div.cover {
	position: fixed;
	z-index: 45;
	box-sizing:border-box;
	top: 0;
	left: 0;
	opacity:0.75;
	width: 100%;
	height:100vh;
	margin:0;
	padding:0;
	background: #333;
	cursor:pointer;
}


.HowTo {
	display:none;
	position: fixed;
	z-index: 49;
	box-sizing:border-box;
	top: 0;
	left: 0;
	transition: all 0.6s;
	opacity:1.0;
	width: 100%;
	height:100vh;
	margin:0;
	padding:0;
}

.HowTo dl {
	position:relative;
	z-index: 49;
	box-sizing:border-box;
	top: 5%;
	left: 20%;
	text-align: left;
	width: 60%;
	height:60vh;
	margin:0;
	padding:17px;
	background: #fff;
	border: 4px solid #3c93c1;
	font-size:1.3rem;
	overflow:scroll;
	border-radius: 7px;
}

.HowTo dl dt {
	box-sizing:border-box;
	width: 100%;
	margin:0;
	padding:6px;
	font-weight:bold;
	text-align: left;
	background: #3c93c1;
	color:#fff;
	border-radius:7px;
}

.HowTo dl dd {
	box-sizing:border-box;
	width: 100%;
	margin:0;
	padding:6px 0;
	text-align: left;
}

.HowTo dl dd ul {
	list-style:decimal;
	position:relative;
	box-sizing:border-box;
	text-align: left;
	width: 100%;
	margin:0;
	padding:0 0 0 15px;
}

.HowTo dl dd ul li {
	box-sizing:border-box;
	width: 100%;
	margin:0;
	padding:0;
	line-height:175%;
}

.HowTo dl dd ul li a{
	color: #3c93c1;
    text-decoration: none;
    font-weight: bold;
    padding: 0 5px;
	background: #defbff;
    border-radius: 4px;
}

.HowTo div.cover {
	position: fixed;
	z-index: 45;
	box-sizing:border-box;
	top: 0;
	left: 0;
	opacity:0.75;
	width: 100%;
	height:100vh;
	margin:0;
	padding:0;
	background: #333;
	cursor:pointer;
}

/* term */
dl#term{
	box-sizing:border-box;
	width:80%;
	min-width:400px;
	margin:0px auto;
	position: fixed;
	display: block;
	color: #fff;
	background-color: #434a54;
	border-color: #434a54;
	top: 2%;
	left: 10%;
	padding: 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	white-space: normal;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 45px;
	box-shadow: 0 5px 0px rgba(0,0,0,.2);
	text-align:center;
	z-index:6;
}

dl#term>.arrow {
    bottom: -0.5px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #434a54;
    border-bottom-width: 0;
}

dl#term>.arrow,
dl#term>.arrow:after {
    position: absolute;
    display: none;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

dl#term>.arrow:after {
    content: " ";
    border-top-color: #fff;
	border-bottom-width: 0;
	border-width: 10px;
}

dl#term .arrow, dl#term .arrow:after {
    border-top-color: #434a54;
}

dl#term .on, dl#term .on:after {
    border-top-color: #3f51b5 !important;
}


.term-title {
    padding-bottom: 0;
    font-weight: 700;
    background-color: transparent;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	padding: 8px 14px;
	margin: 0;
}

div#tweet{
	width: 370px;
	position: absolute;
	top: 15px;
	right: 140px;
	height: 250px;
	overflow: scroll;
	z-index: 30;
}



#fixTweet{
	box-sizing: border-box;
	width: 45%;
	margin: 0;
	padding: 12px;
	background: #000000;
	position: fixed;
	bottom: 0;
	left: 7px;
	z-index:7;
	opacity:0.5;
	overflow: hidden;
	border-radius: 7px 7px 0 0;
}
#fixTweet>dl{
	list-style: none;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#fixTweet>dl>dt{
	display:none;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#fixTweet>dl>dd{
	list-style: none;
	box-sizing: border-box;
	width: 100%;
	/* height:18px; */
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 1.2rem;
	/* font-weight:bold; */
	overflow:hidden scroll;
	max-height:55px;
}
#fixTweet>dl>dd>span{
	box-sizing:border-box;
	display: block;
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0;
}
#fixTweet>dl>dd a{
	color:#fff;
}

#fixTweet>dl>dd::-webkit-scrollbar {
    width: 10px;
}
#fixTweet>dl>dd::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(255, 255, 255, .1);
}
#fixTweet>dl>dd::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, .5);
  border-radius: 10px;
  box-shadow:0 0 0 1px rgba(0, 0, 0, .3);
}


#fixTweet img#logo_twitter{
	width: 25px;
  margin: 0 10px 0 0;
  vertical-align: bottom;
  display:none;
}

div#enqueteForm{
	position: absolute;
	top: 8%;
	left: 1%;
	z-index:6;
}
div#enqueteForm>p{
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:0;
}
div#enqueteForm>p>a{
	margin:0;
	padding:0;
}
div#enqueteForm>p>a>img{
	max-width: 50%;
}
div#eventStamp{
	position: absolute;
	top: 20%;
	left: 1%;
	z-index:5;
}
div#eventStamp>p{
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:0;
}
div#eventStamp img{
	width:100%;
	max-width:56px;
}


dl#bubbleMenu{
	box-sizing:border-box;
	position:fixed;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
	z-index:7;
}
dl#bubbleMenu dt{
	box-sizing:border-box;
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	z-index:7;
}
dl#bubbleMenu dd{
	position:absolute;
	top:0;
	left:0;
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:0;
	z-index:6;
}
dl#bubbleMenu dt img{
	width:100%;
	max-width:166px;
}
dl#bubbleMenu dd img{
	width:100%;
	max-width:156px;
}
dl#bubbleMenu img{
	vertical-align:bottom;
}
dl#bubbleMenu dd ul{
	list-style:none;
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:0;
}
dl#bubbleMenu dd ul>li{
	list-style:none;
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:0;
	display:none;
}
dl#bubbleMenu dd ul>li#bubbleMenu_timeschedule{
	position: absolute;
	/* top: -155px; */
	right:-35px;
	top:0;
}
dl#bubbleMenu dd ul>li#bubbleMenu_timeschedule{
	position: absolute;
	right:-35px;
	top:0;
}
dl#bubbleMenu dd ul>li#bubbleMenu_list{
	position: absolute;
	left:0;
	top:0;
}
dl#bubbleMenu dd ul>li#bubbleMenu_howto{
	position: absolute;
	top: 39px;
	left:0;
}

@media (max-width: 1450px){
	.slider-for{
		margin: 10px auto;
		width: 90%;
	}
}

@media (max-width: 1200px){
	.FloorMap .FloorMapCover table tbody td a{
		padding: 8px;
		font-size:1.0rem;
	}

	.slider-for .slide div.event img{
		width:100%;
	}
	.slider-for .slide div.company img{
		width:100%;
	}
	div#container div#header p#title #woman {
		max-width: 25px;
	}
	.modal__content {
    width: 80% !important;
	}
	.modal dl.profile{
		font-size:1.0rem;
	}
	.modal dl.profile dt{
		font-size:1.0rem;
	}
	.modal dl.profile dd{
		font-size:1.0rem;
	}
}

/* ipad */
@media (max-width: 1025px){

	div#container div#header p#title img{
		max-width:250px;
	}
	div#container div#header p#title #woman {
		max-width: 25px;
	}
	dl#term {
		font-size: 10px;
	}
	div#tweet{
		width: 65%;
		max-width:360px;
		height:160px;
		top:0;
		right:0;
		position: relative;
		margin: 0 0 0 15px;
	}
	nav.globalMenuSp {
		width:100%;
	}

	dl#bubbleMenu dd ul>li#bubbleMenu_timeschedule{
		right:-15px;
	}
	dl#bubbleMenu dt img {
		max-width: 82px;
	}
	dl#bubbleMenu dd ul>li#bubbleMenu_howto{
		top: 9px;
	}

	.modal__content {
		padding: 15px !important;
	}

}
/* Pixel 2 XL - iPhoneX */
@media (max-width: 824px){

	.slider-for .slick-slide:before{
		top: 25%;
	}
	.slider-for .slide div.operator{
		bottom:36%;
		left:10.2%;
	}
	.slider-for .slide div.event{
		left: 54%;
	}
	.slider-for .slide div.cslide1{
		bottom:19%;
		left:20%;
	}
	.slider-for .slide div.cslide2{
		bottom:29%;
		left:36.4%;
	}
	.slider-for .slide div.cslide3{
		bottom:41%;
		left:52.8%;
	}
	.slider-for .slide div.cslide4{
		bottom:3%;
		left:27%;
	}
	.slider-for .slide div.cslide5{
		bottom:14%;
		left:43.5%;
	}
	.slider-for .slide div.cslide6{
		bottom:25%;
		left:59.9%;
	}



	.modal__content {
    width: 80% !important;
		padding: 15px !important;
    left: 10%;
    top: 0;
    transform: none;
	}

	#fixTweet>dl>dd{
		font-size:1.2rem;
	}

	dl#bubbleMenu dd ul>li#bubbleMenu_timeschedule{
		right:-15px;
	}
	dl#bubbleMenu dt img {
		max-width: 82px;
	}
	dl#bubbleMenu dd ul>li#bubbleMenu_howto{
		top: 9px;
	}
}

/* iPhone 6/7/8 Plus */
@media (max-width: 737px){

	.slider-for .slick-slide:before{
		top: 25%;
		font-size: 2.6rem;
		padding:10px
	}



	.slider-for .slide div.cslide1{
		bottom:19%;
		left:20%;
	}
	.slider-for .slide div.cslide2{
		bottom:29%;
		left:36.4%;
	}
	.slider-for .slide div.cslide3{
		bottom:41%;
		left:52.8%;
	}
	.slider-for .slide div.cslide4{
		bottom:3%;
		left:27%;
	}
	.slider-for .slide div.cslide5{
		bottom:14%;
		left:43.5%;
	}
	.slider-for .slide div.cslide6{
		bottom:25%;
		left:59.9%;
	}

	#fixTweet>dl>dd{
		font-size:1.0rem;
		overflow-x:auto;
	}
	#fixTweet img#logo_twitter {
		width: 20px;
	}
}