html {
  height: 100%; 
  font-size:62.5%; 
  }

body {
  height: 100%; }

html body {
  color: #fff;
  //letter-spacing: 1px;
  background: none #000;
  font-family: YuGothic,'Yu Gothic',sans-serif; }

a {
  color: #ffffff;
  text-decoration: none; }
a:hover img {
  opacity: .8; }

img {
  vertical-align: top; }

li {
  list-style: none; }

.jme {
	margin: 20px 0 0;
}
#gigyaShare {
}
#gigyaShare div {
	display: inline-block;
}
#gigyaShare > img {
	margin: 0 10px 0 0 !important;
}

.links {
	letter-spacing: .6px;
}
.links a:hover {
	animation: movin .1s 1 alternate ease-in-out;
	-ms-animation: movin .1s 1 alternate ease-in-out;
	-webkit-animation: movin .1s 1 alternate ease-in-out;
	-moz-animation: movin .1s 1 alternate ease-in-out;
}
@keyframes movin {
	0% 	 { background-position: 90% center ;}
	100% { background-position: 95% center; }
}
@-ms-keyframes movin {
	0% 	 { background-position: 90% center ;}
	100% { background-position: 95% center; }
}
@-webkit-keyframes movin {
	0% 	 { background-position: 90% center ;}
	100% { background-position: 95% center; }
}
@-moz-keyframes movin {
	0% 	 { background-position: 90% center ;}
	100% { background-position: 95% center; }
}


.inbox {
  margin: 0 auto;
  width: 940px;
  position: relative; }
  .inbox > h2 {
    text-align: center; }

.ftc-blue {
  color: #15b8cf; }

.movie {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0; }
  .movie video {
    width: 100%;
    height: 100%; }
  .movie:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/dot.png) repeat center center; }

.first-view {
  height: 100%;
  position: relative; }
  .first-view .inbox {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 35%;
    bottom: 0;
    margin: auto;
    transform: translateY(-35%); }
  .first-view h1, .first-view h2, .first-view h3, .first-view p, .first-view div {
    text-align: center; }
  .first-view h1 {
    padding: 24px 0 0;
    margin: 0; }
  .first-view h3 {
    padding: 5px 0 30px;
    margin: 0; }
  .first-view .lead {
    padding: 5px 0 0;
    margin: 0; }
  .first-view .oubo-btn {
    padding: 24px 0 0;
    margin: 0; }

  .first-view .oubo-btn .fin{
		width:80%;
		margin:0 auto;
    padding: 20px;
		font-size:18px;
		color:#15b8cf;
		border:solid 2px #15b8cf;
		border-radius: 0.3em;
		font-weight:bold;
	}

  .first-view .oubo-btn .fin b{
		font-weight:bold;
	}

    .first-view .oubo-btn a {
      vertical-align: top;
      width: 298px;
      height: 78px;
      margin: 0 10px;
      display: inline-block; }
    //.first-view .oubo-btn a img { margin: 0 23px; }
    .first-view .oubo-btn span {
      margin: 20px 0 0;
      display: block; }
    .first-view .oubo-btn a:first-child{
      background: url(../images/btn02.png) no-repeat center center;
	}
    .first-view .oubo-btn a:first-child:hover{
      background: url(../images/btn02_on.png) no-repeat center center;
	}
    .first-view .oubo-btn a:nth-child(2){
      background: url(../images/btn01.png) no-repeat center center;
	}
    .first-view .oubo-btn a:nth-child(2):hover{
      background: url(../images/btn01_on.png) no-repeat center center;
	}

.introduction {
  padding-top: 125px; }

.introduction h3, .introduction p, .introduction div {
  text-align: center; }

.introduction h3 {
  margin: 0; }

.introduction h4 {
  margin: 0;
  padding: 57px 0 18px; }

.introduction p {
  letter-spacing: 1px;
  font-size: 16px;
  line-height: 1.8;
  font-weight: bold; }

.talksession {
  text-align: center;
  margin-top: 115px;
  padding: 35px 0 55px;
  background: none #0e0e11; }
  .talksession .session:first-child {
    margin: 72px 0 0; }
  .talksession .session {
    margin: 56px 0 0; }
    .talksession .session h2 {
      background: url(../images/bg-binary.png) repeat center top;
      height: 82px;
      margin: 9px 0 9px;
      font-size: 30px;
      font-weight: bold;
      letter-spacing: .3px;
      vertical-align: middle;
      line-height: 2.7; }
      .talksession .session h2 b {
        display: inline-block;
        margin: 0 20px 0 0; }
      .talksession .session h2:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 100%;
        vertical-align: middle; }
    .talksession .session ul {
      margin: 24px 0 0;
      letter-spacing: -.4em; }
    .talksession .session li {
      width: 175px;
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal; }
    .talksession .session p {
      font-size: 16px;
	  letter-spacing: 1px;
      line-height: 1.5;
      color: #c2c2c2;
      margin: 0 0; }
    .talksession .session a.profile {
      font-family: 'Lato';
      cursor: pointer;
      display: inline-block;
      border-radius: 10px;
      background: none #778792;
      padding: 5px 20px;
      font-size: 11px; }
    .talksession .session a.profile:hover {
      opacity: .7; }
    .talksession .session dl {
      margin: 19px 0 15px; }
    .talksession .session dt {
      font-size: 16px;
      margin: 0; }
    .talksession .session dd {
      font-size: 12px;
      line-height: 1.4;
      color: #aaaaaa;
      margin: 15px 0 0; }
  .talksession .session:nth-of-type(1) .session-num {
    background: url(../images/session01.png) no-repeat center center; }
  .talksession .session:nth-of-type(2) .session-num {
    background: url(../images/session02.png) no-repeat center center; }
  .talksession .session:nth-of-type(3) .session-num {
    background: url(../images/session03.png) no-repeat center center; }
  .talksession .session:nth-of-type(4) .session-num {
    background: url(../images/session04.png) no-repeat center center; }
  .talksession .session:nth-of-type(5) .session-num {
    background: url(../images/session05.png) no-repeat center center; }
  .talksession .session-num {
    display: block;
    text-indent: -9999px; }

.live-performance {
  background: none #000;
  text-align: center;
  padding: 30px 0 1px; }
  .live-performance h2 {
    margin: 0 0 30px; }
  .live-performance .detail {
    text-align: left;
    position: relative;
    margin: 53px 0 90px; }
    .live-performance .detail:after {
      content: "";
      display: block;
      width: 0;
      clear: both; }
    .live-performance .detail > div {
      float: left;
      width: 410px; }
    .live-performance .detail p {
      font-size: 24px;
      margin: 0 0;
      line-height: 1.8; }
      .live-performance .detail p span {
        font-size: 14px;
        letter-spacing: 1px;
        display: block;
        color: #15b8cf; }
      .live-performance .detail p span br {
        display: none; }
    .live-performance .detail .links {
      position: absolute;
      bottom: 0;
      left: 0; }
      .live-performance .detail .links a {
        font-size: 12px;
        text-align: left;
        width: 180px;
        line-height: .75;
        display: inline-block;
        padding: 18px 0 18px 14px;
        border: 1px solid #13224d;
        background: url(../images/aroow.png) no-repeat 95% center; }
      .live-performance .detail .links a {
        margin: 0 10px 0 0; }
    .live-performance .detail .photo {
      float: right;
      transform: translateX(-70px); }
  .live-performance .detail:nth-child(2n) > div {
    float: right; }
  .live-performance .detail:nth-child(2n) .photo {
    float: left;
    transform: translateX(0px); }
  .live-performance .detail:nth-child(2n) .links {
    left: auto;
    right: 0; }

.overview {
  background: none #000;
  text-align: center;
  padding: 0 0 38px; }
  .overview h2 {
    margin: 0 0 29px; }
  .overview .detail {
    letter-spacing: -.4em;
    margin: 30px 0 0; }
    .overview .detail > div {
      text-align: left;
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      width: 50%; }
      .overview .detail > div dt {
        position: relative;
        margin: 0;
        color: #a8a8a8;
        font-size: 11px; }
        .overview .detail > div dt:after {
          line-height: 0;
          content: "";
          display: block;
          width: 5px;
          border-top: 1px solid #555;
          border-bottom: 1px solid #2b2b2c; }
      .overview .detail > div dd {
        margin: 14px 0 26px;
		letter-spacing: .3px;
		line-height: 1.3;
        font-size: 22px; }
        .overview .detail > div dd span {
          display: block;
		  margin: 7px 0 0;
          font-size: 13px; }
    .overview .detail .map {
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      width: 50%; }
    .overview .detail #gmap {
      height: 328px;
      width: 470px; }
    .overview .detail .links a {
      font-size: 12px;
      text-align: left;
      width: 300px;
      line-height: .75;
      display: inline-block;
      padding: 18px 0 18px 14px;
      border: 1px solid #13224d;
      background: url(../images/aroow.png) no-repeat 95% center; }
  .overview .about {
    padding: 55px 40px 55px;
    margin: 50px 0 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    letter-spacing: -.4em; }
    .overview .about dl {
      text-align: left;
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      width: 520px;
      margin: 0 120px 0 0; }
      .overview .about dl dt {
        line-height: 1;
        font-size: 11px;
        margin: 0 0 17px;
        position: relative; }
        .overview .about dl dt:before {
          content: "";
          width: 5px;
          margin: 0 0 7px;
          display: block;
          border-top: 1px solid #414141;
          border-bottom: 1px solid #808081; }
        .overview .about dl dt:after {
          content: "";
          margin: 8px 0 0;
          display: block;
          width: 5px;
          display: block;
          border-bottom: 1px solid #808081; }
      .overview .about dl dd {
        line-height: 1.8;
		letter-spacing: 1px;
        font-size: 14px;
        margin: 0; }
    .overview .about .iw {
      margin: 10px 0 0;
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      width: 206px; }
      .overview .about .iw img {
        margin-bottom: 20px; }
    .overview .about .links {
      margin: 30px 0 0; }
      .overview .about .links a {
        font-size: 12px;
        text-align: left;
        width: 180px;
        line-height: .75;
        display: inline-block;
        padding: 18px 0 18px 14px;
        border: 1px solid #13224d;
        background: url(../images/aroow.png) no-repeat 95% center; }

.invitation {
  margin: 0 0;
  text-align: center;
  background: none #0e4d57;
  padding: 54px 0 52px; }
  .invitation h2 {
    margin: 0 0 35px; }
  .invitation div p {
    margin: 0 0 22px 0; }
  .invitation .oubo {
    width: 90%;
    background: none #17545e;
    border: 1px solid #0e4d57;
    margin: 37px auto 0;
    padding: 45px 0; }
    //.invitation .oubo a:first-child { margin-right: 47px; }


    .invitation .oubo a {
      vertical-align: top;
      width: 298px;
      height: 78px;
      margin: 0 10px;
      display: inline-block; }
    .invitation .oubo span {
      margin: 20px 0 0;
      display: block; }
    .invitation .oubo a:first-child{
      background: url(../images/btn02.png) no-repeat center center;
	}
    .invitation .oubo a:first-child:hover{
      background: url(../images/btn02_on.png) no-repeat center center;
	}
    .invitation .oubo a:nth-child(2){
      background: url(../images/btn01.png) no-repeat center center;
	}
    .invitation .oubo a:nth-child(2):hover{
      background: url(../images/btn01_on.png) no-repeat center center;
	}



.etc {
  background: none #fff;
  padding: 60px 0; }
  .etc .sponsor {
    background: url(../images/t-sponsor.png) no-repeat left center;
    margin: 0 0 62px;
    padding: 5px 0 5px 315px; }
  .etc .media-partner {
    background: url(../images/t-media-partner.png) no-repeat left center;
    padding: 0 0 0 315px; }
  .etc img {
    vertical-align: middle;
    margin: 0 40px 0 0; }

.footer {
  background: none #fff;
  position: relative;
  padding: 0 0 20px; }
  .footer .copyright {
    position: absolute;
    right: 0;
    top: 0; }


.mdl-inbox {

}
.mdl-inbox:after {
	content: "";
	display: block;
	width: 0;
	clear: both;
}
.mdl-inbox h3 {
	color: #15b8cf;
	font-size: 21px;
	text-align: left;
	margin-left: 280px;
	letter-spacing: 1px;
}
.mdl-inbox p {
	line-height: 1.5;
	color: #aaaaaa;
	font-size: 14px;
	text-align: left;
	margin-left: 280px;
	letter-spacing: 1px;
}
.mdl-inbox p a {
	color: #15b8cf;
}
.person {
	text-align: center;
	float: left;
	display: inline-block;
	width: 228px;
}
.person img {
	max-width: 100%;
}
.remodal {
	background: none #000 !important;
}
.remodal-close {
	right: 0 !important;
	left: auto !important;
}
.remodal-close:before {
	font-weight: normal;
	top: 10px !important;
	left: -10px !important;
	font-size: 55px !important;
}



body.form .header {
  text-align: center;
  margin: 0;
  padding: 20px 0; }

body.form .formarea {
  color: #fff;
  background: none #16161a;
  padding: 20px; }
  body.form .formarea h2 {
    text-align: center; }

body.form .thanks {
  padding: 100px 0;
  text-align: center; }
  body.form .thanks p {
    font-size: 24px; }
    body.form .thanks p a {
      color: #9f9;
      font-size: 16px; }

body.form .footer {
  background: none #16161a; }







 
@media screen and (max-width: 750px) {
  body {
    font-size: 16px;
    font-size: 1.6rem;
	//letter-spacing: .1px;
  }

  .movie {
  	height: 100%;
  	width: 100%;
    background: url(../images/bg-sp.jpg) no-repeat center top;
  }
  .movie video {
	display: none;
  }

  .inbox {
    width: auto;
  }

  img {
	max-width: 100%;
  }


  .first-view {
	height: auto;
	padding: 30px 0 0;
  }
  .first-view .inbox {
  	display: block;
	position: relative;
	transform: translateY(0);
  }
  .first-view h2 {
  }
  .first-view h2 img {
  	display: none;
  }
  .first-view h2:after {
	content: url(../images/ai_txt2.png);
	display: block;
  }
  .first-view p {
  }
  .first-view p img {
  	display: none;
  }
  .first-view p:after {
	content: url(../images/lead2.png);
	display: block;
  }

  .first-view .oubo-btn .fin{
		width:80%;
		margin:0 auto;
    padding: 20px;
		font-size:24px;
		border:solid 2px #15b8cf;
		border-radius: 0.3em;
	}

  .first-view .oubo-btn .fin b{
		font-weight:bold;
		display:block;
	}

  .introduction {
	padding-top: 100px;
  }
  .introduction p {
	font-size: 2.4rem;
  }

	
  .talksession .session h2 {
	font-size: 4rem;
	line-height: 1;
	padding-top: 5px;
  }
  .talksession .session ul {
	letter-spacing: 0;
	padding: 0;
  }
  .talksession .session li {
	width: 250px;
	margin-bottom: 50px;
	margin-left: 30px;
	margin-right: 30px;
  }
  .talksession .session li img {
	width: 100%;
  }
  .talksession .session p {
	font-size: 2.8rem;
	padding-left: 1.6rem;
	padding-right: 1.6rem;
  }
  .talksession .session p br {
	display: none;
  }

  .talksession .session dt {
	font-size: 2.8rem;
  }

  .talksession .session dd {
	font-size: 2.4rem;
  }
  .talksession .session dd br {
	display: none
  }

  .talksession .session a.profile {
	font-size: 2.0rem;
	border-radius: 18px;
	padding: 7px 20px 7px;
  }
  /*
  .mdl-inbox .person {
  	float: none;
	width: auto;
	display: block;
  }
  */
  .mdl-inbox h3 {
	font-size: 3.2rem;
  }
  .mdl-inbox p {
	font-size: 2.3rem;
  }


  .live-performance .detail {
	padding: 0 30px 100px 30px;
  }
  .live-performance .detail > div {
	float: none;
	width: auto;
  }
  .live-performance .detail .photo ,
  .live-performance .detail:nth-child(2n) .photo {
	float: none;
	width: auto;
	text-align: center;
	transform: translateX(0);
  }
  .live-performance .detail p {
	font-size: 3rem;
	margin: 0 0 30px;
  }
  .live-performance .detail p span {
	font-size: 2.2rem;
  }

  .live-performance .detail .links {
  	text-align: center;
	bottom: 0;
	top: auto;
	left: 0;
	right: 0;
	margin: auto;
  }
  .live-performance .detail .links a {
	font-size: 2.8rem;
	width: 40%;
  }

  .live-performance .detail:nth-child(2n) .links {
  	right: auto;
	left: 0;
	right: 0;
	margin: auto;
  }
  .live-performance .detail p span {
	font-size: 2.6rem;
	margin: 10px 0 30px;
  }
  .live-performance .detail p span br {
	display: none;
  }
  .live-performance .detail:nth-child(2n) > div {
	float: none;
	text-align: center;
  }




  .overview .detail .map {
	padding: 0;
  }
  .overview .detail #gmap {
	width: 100%;
  }

  .overview .detail > div {
	width: auto;
	display: block;
	padding: 30px 50px;
  }
  .overview .detail .map {
	width: auto;
	display: block;
  }
  .overview .detail > div dt {
	font-size: 2.4rem;
  }
  .overview .detail > div dd {
	font-size: 3rem;
  }
  .overview .detail > div dd span {
	font-size: 2.2rem;
	margin: 10px 0 0;
  }
  .overview .detail .links a {
	font-size: 2.8rem;
	width: 100%;
  }

  .overview .about dl dt {
	font-size: 2.4rem;
  }
  .overview .about dl dd {
	font-size: 2.8rem;
  }
  .overview .about .links a {
	font-size: 2.8rem;
	width: 60%;
  }
  .overview .about dl {
	width: auto;
	margin: 0 0 50px;
  }

  .overview .about .iw {
	width: auto;
  }
  .overview .about .iw img {
	margin: 0 20px 0;
  }

  .etc .sponsor {
  	//background-position: center top;
  	background-position: 20px top;
  	padding-left: 170px;
  }

  .etc .media-partner {
  	//background-position: center top;
  	background-position: 20px top;
  	padding-left: 170px;
  }

	.mdl-inbox .person {
		width: 300px;
		margin: 0 30px 20px 0;
	}
	.mdl-inbox h3 {
		margin-left: 260px;
		font-size: 4rem;
		margin-bottom: 30px;
	}
	.mdl-inbox p {
		margin: 0;
		font-size: 2.8rem;
	}

}