@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Quicksand:300);
@font-face {
   font-family: HHHGlogo;
   src: url('../common/css/wf/eunomia-light.woff') format("woff");
}

@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html {
  line-height: 1;
  font-size: 62.5%; /*10px*/
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

strong {
	font-weight: bold;
}

/* form
**********************************/
button {
	padding: 0;
	background: no-repeat;
	border: none;
	cursor: pointer;
}
label {
	cursor: pointer;
}

/* color
**********************************/
.rd {color: #f00;}

/* link
**********************************/
a {
	text-decoration: none;
	color: #000;
	transition: color .4s;
}
a:hover {
	color: #f6b500;
}
a img {
	opacity: 1;
	transition: opacity .4s;
}
a img:hover {
	opacity: 0.6;
}
.sp a img,
.tablet a img {
	transition: none;
}
.sp a img:hover,
.tablet a img:hover {
	opacity: inherit;
}
a.ul {
	text-decoration: underline !important;
}
a.nn {
	text-decoration: none !important;
}
.hhhgclr,
a.hhhgclr {
	color: #f6b500 !important;
}


/* float 
**********************************/
.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix {
  overflow: hidden;
  *zoom: 1;
}

/* margin 
**********************************/
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}

.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt50 {margin-top: 50px !important;}

/* padding 
**********************************/
.pb10 {padding-bottom: 10px !important;}
.pt10 {padding-top: 10px !important;}
.pl30 {padding-left: 30px !important;}

/* text-align 
**********************************/
.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}

/* text-indent
**********************************/
.ti_1 {
	text-indent: -1em;
	padding-left: 1em;
}

/* font-size 
**********************************/
.fs10 {	font-size: 1.0rem;}
.fs11 {	font-size: 1.1rem;}
.fs12 {	font-size: 1.2rem;}
.fs13 {	font-size: 1.3rem;}
.fs14 {	font-size: 1.4rem;}
.fs15 {	font-size: 1.5rem;}
.fs16 {	font-size: 1.6rem;}
.fs17 {	font-size: 1.7rem;}
.fs18 {	font-size: 1.8rem;}
.fs20 {	font-size: 2.0rem;}
.fs22 {	font-size: 2.2rem;}
.fs25 {	font-size: 2.5rem;}
.fs30 {	font-size: 3.0rem;}
.fs35 {	font-size: 3.5rem;}
.fs40 {	font-size: 4.0rem;}
.fs50 {	font-size: 5.0rem;}
.fs60 {	font-size: 6.0rem;}
.fs80 {	font-size: 8.0rem;}

.sp .fs25 {	font-size: 2.0rem; line-height: 1;}
.sp .fs30 {	font-size: 2.4rem; line-height: 1;}
.sp .fs35 {	font-size: 2.6rem; line-height: 1;}
.sp .fs40 {	font-size: 2.8rem; line-height: 1;}
.sp .fs50 {	font-size: 3.4rem; line-height: 1;}
.sp .fs60 {	font-size: 4.0rem; line-height: 1;}
.sp .fs80 {	font-size: 5.6rem; line-height: 1;}

/* line-height
**********************************/
.lh30 { line-height: 3.0rem; }
.lh40 { line-height: 4.0rem; }
.lh50 { line-height: 5.0rem; }
.lh60 { line-height: 6.0rem; }
.lh70 { line-height: 7.0rem; }
.lh75 { line-height: 7.0rem; }

.sp .lh40 { line-height: 3.2rem; }
.sp .lh50 { line-height: 4.0rem; }
.sp .lh60 { line-height: 4.8rem; }
.sp .lh70 { line-height: 5.6rem; }
.sp .lh75 { line-height: 5.8rem; }

/* font-family 
**********************************/
.roboto {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
.roboto_i {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: italic;
}
.roboto_l {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
.roboto_li {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: italic;
}
.roboto_b {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;}
.roboto_bi {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-style: italic;
}
.datefont {
	font-family: 'Quicksand', sans-serif;
}
.win.firefox .datefont {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.hhhglogo {
	font-family: HHHGlogo;
	-ms-font-feature-settings: "normal";
}

/* display
**********************************/
.blc {
	display: block;
}
.inblc {
	display: inline-block;
}
.ctr {
	margin-left: auto;
	margin-right: auto;
}
.sp .sp_blc {
	display: block;
}
.sp .inblc {
	margin-bottom: 10px;
}
.sp .sp_spc {
	display: none;
}

/* body
**********************************/
body {
	font-family: YuGothic, 'Yu Gothic', "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.4rem;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#bgimage {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: url(images/bg.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	text-indent: -9999px;
}
#container {
	position: relative;
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
#container.show {
	opacity: 1;
}

/* header
**********************************/
header {
	position: fixed;
	width: 100%;
	min-width: 1200px;
	height: 40px;
	background-color: #fff;
	z-index: 100;
}
header .hhhglogo {
	display: inline-block;
	position: absolute;
	left: 12px;
	font-size: 30px;
	line-height: 40px;
	opacity: 0;
	transition: opacity .4s;
}
header nav {
	position: relative;
}
header.fixed .hhhglogo {
	
	opacity: 1;
}
header nav ul {
	margin: 0 auto;
	width: 880px;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.7s;
	-moz-transition: -moz-transform 0.7s;
	transition: transform 0.7s;
	-webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
	-moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
	transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
header nav ul li {
	float: left;
	font-size: 14px;
}
header nav ul li a {
	display: block;
	line-height: 40px;
	padding: 0 0 0 20px;
}
.ie header nav ul li a,
.firefox header nav ul li a {
	padding: 0 0 0 14px;
}
header nav ul li a.current {
	color: #f6b500;
}
header nav ul li a::after {
	content: '/';
	padding-left: 20px;
}
.ie header nav ul li a::after,
.firefox header nav ul li a::after {
	padding-left: 14px;
}
header nav ul li:last-child a::after {
	content: '';
	padding-left: 0px;
}
header .fb-like {
	position: absolute;
	top: 9px;
	right: 12px;
	z-index: 150;
}
header .smp_nav {
	display: none;
}

/* container
**********************************/
section.container {
	position: relative;
	padding-bottom: 60px;
}
section.container .sec_h1 {
	font-size: 3.0rem;
	line-height: 60px;
	text-align: center;
	color: #73543e;
	background: rgba(255,255,255,0.7);
}
section.container span.arrow {
	position: relative;
	display: block;
	margin: 20px auto;
	width: 100px;
	height: 36px;
	text-indent: -9999px;
}
section.container span.arrow span::before,
section.container span.arrow span::after {
	content: '';
	position: absolute;
	display: block;
	width: 70%;
	height: 1px;
	background: #fff;
}
section.container span.arrow span::before {
  top: 0;
  left: -14%;
  margin-top: 20px;
  transform: rotate(35deg) translate3d(0, 0, 0);
  -webkit-transform: rotate(35deg) translate3d(0, 0, 0);
  -moz-transform: rotate(35deg) translate3d(0, 0, 0);
  -ms-transform: rotate(35deg) translate3d(0, 0, 0);
  -o-transform: rotate(35deg) translate3d(0, 0, 0);
}
section.container span.arrow span::after {
  top: 0;
  margin-top: 20px;
  left: 44%;
  transform: rotate(-35deg) translate3d(0, 0, 0);
  -webkit-transform: rotate(-35deg) translate3d(0, 0, 0);
  -moz-transform: rotate(-35deg) translate3d(0, 0, 0);
  -ms-transform: rotate(-35deg) translate3d(0, 0, 0);
  -o-transform: rotate(-35deg) translate3d(0, 0, 0);
}
.win section.container p {
	font-weight: normal !important;
}
.win section.container p.bold {
	font-weight: bold !important;
}
p.rsv_btn {
	margin: 0 auto;
	width: 300px;
	height: 65px;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
}
p.rsv_btn.neg {
	background-color: #000;
	opacity: 0.45;
}
p.rsv_btn.act {
	margin-top: 30px !important;
	background-color: #f6b500;
	opacity: 0.95;
	transition: background-color .4s;
}
p.rsv_btn.act:hover {
	background-color: #003af6;
}
p.rsv_btn .fs20 {
	padding-top: 6px;
}
p.rsv_btn a {
	color: #fff;
}
.sp p.rsv_btn {
	float: none;
	margin: 10px auto;
	width: 90%;
	height: 65px;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
}
#page_top {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 50px;
	background: rgba(246, 192, 61, 0.8);
}
#page_top a {
	display: block;
	height: 50px;
	text-indent: -9999px;
}
#page_top a::before,
#page_top a::after {
	content: '';
	position: absolute;
	display: block;
	width: 40%;
	height: 1px;
	background: #fff;
}
#page_top a::before {
  top: 6%;
  left: 14%;
  margin-top: 20px;
  transform: rotate(-35deg) translate3d(0, 0, 0);
  -webkit-transform: rotate(-35deg) translate3d(0, 0, 0);
  -moz-transform: rotate(-35deg) translate3d(0, 0, 0);
  -ms-transform: rotate(-35deg) translate3d(0, 0, 0);
  -o-transform: rotate(-35deg) translate3d(0, 0, 0);
}
#page_top a::after {
  top: 6%;
  margin-top: 20px;
  left: 46%;
  transform: rotate(35deg) translate3d(0, 0, 0);
  -webkit-transform: rotate(35deg) translate3d(0, 0, 0);
  -moz-transform: rotate(35deg) translate3d(0, 0, 0);
  -ms-transform: rotate(35deg) translate3d(0, 0, 0);
  -o-transform: rotate(35deg) translate3d(0, 0, 0);
}


/* top
**********************************/
#top {
	position: relative;
	padding-top: 140px;
}
#top h1 {
	
}
#top ul {
	margin: 32px auto;
	width: 96px;
	overflow: hidden;
}
#top ul li {
	float: left;
}
#top ul li a {
	display: block;
	height: 36px;
	line-height: 1;
}
#top ul li:first-child {
	margin-right: 20px;
}
/*#hhhg_foot p+p {
	margin-left: 0;
}*/
#top p.rsv_btn {
	margin-top: 30px;
}
.sp #top {
	padding: 10px 0;
	min-width: inherit;
	min-height: inherit;
	background: url(../images/hhhg_foot_bg.jpg) no-repeat;
	-webkit-background-size: 180%;
	background-size: 180%;
}


/* about
**********************************/
#about {
	background: rgba(0,0,0,0.4);
	color: #fff;
}
#about h2 {
	color: #fff;
}
#about .lead {
	margin: 0 auto 40px auto;
	width: 812px;
	font-weight: bold;
}
#about .lead p {
	margin-bottom: 20px;
}
#about .border {
	margin: 0 auto 40px auto;
	padding: 40px 0;
	width: 644px;
	font-weight: bold;
	line-height: 3.0rem;
	border: 1px solid #fff;
}
#about .border h3 {
	margin: 20px 0 2px 0;
}
#about .border p a {
	color: #fff;
}
#about .border .tl {
	margin: 0 auto;
	width: 560px;
	line-height: 2.2rem;
}
#about .border .tl p {
	margin-bottom: 5px;
}
#about p.rsv_btn {
	margin-top: 10px;
	height: 4.5rem;
	line-height: 4.5rem !important;
}
#about p.rsv_btn span {
	padding: 0 !important;
}
#about .obi {
	margin: 30px auto 0 auto;
	width: 280px;
	background: url(images/obi.svg) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
#about .obi a {
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	color: #fff;
}
#about #rsv_caution {
	margin: 0 auto;
	width: 800px;
	text-align: left;
	color: #fff;
}

/* talk
**********************************/
#talk {
	background: rgba(246,181,0,0.2);
	color: #fff;
}
#talk .inner {
	margin: 0 auto;
	padding: 50px;
	width: 800px;
	font-size: 1.5rem;
	font-weight: bold;
	background: rgba(0,0,0,0.4);
	color: #fff;
}
#talk .inner .obi {
	margin: 0px auto 30px auto;
	width: 526px;
	height: 70px;
	line-height: 70px;
	font-size: 4.5rem;
	font-weight: normal;
	background: url(images/obi.svg) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	color: #000;
	letter-spacing: -0.05em;
}
.ie #talk .inner .obi {
	line-height: 75px;
}
#talk .inner .obi span {
	display: inline-block;
	vertical-align: top;
	padding-right: 30px;
	font-size: 3.0rem;
	letter-spacing: -0.02em;
}
#talk .inner h3 {
	font-size: 3.5rem;
}
#talk .inner h4 {
	font-size: 2.5rem;
}
#talk .inner .info {
	line-height: 3.0rem;
}
#talk .inner .info img {
	float: left;
	margin: 5px 40px 20px 0;
}
#talk .inner .info a {
	color: #fff;
	font-weight: bold;
}

/* lecture & workshop
**********************************/
/*#lecture {
	
}*/
#lecture .inner,
#workshop .inner {
	margin: 0 auto;
	padding: 50px;
	width: 800px;
	font-size: 1.5rem;
	font-weight: bold;
	background: rgba(255,255,255,0.7);
}
#lecture .inner .obi,
#workshop .inner .obi {
	margin: 0 auto 30px auto;
	width: 376px;
	height: 50px;
	line-height: 50px;
	font-size: 3.2rem;
	font-weight: normal;
	background: url(images/obi_g.svg) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	letter-spacing: -0.05em;
}
.ie #lecture .inner .obi,
.ie #workshop .inner .obi {
	line-height: 54px;
}
#lecture .inner h3,
#workshop .inner h3 {
	font-size: 2.4rem;
}
#lecture .inner h4,
#workshop .inner h4 {
	font-size: 2.4rem;
}
#lecture .inner .speaker,
#workshop .inner .speaker {
	padding: 30px 0;
	border-bottom: 2px dotted #999;
}
#lecture .inner .info,
#workshop .inner .info {
	line-height: 3.0rem;
	overflow: hidden;
}
#lecture .inner .info img,
#workshop .inner .info img {
	float: left;
	margin: 5px 40px 20px 0;
}
#lecture .inner .info p ,
#workshop .inner .info p {
	margin-left: 228px;
}
#lecture .inner .info a,
#workshop .inner .info a {
	color: #fff;
}

/* booth
**********************************/
/*#lecture {
	
}*/
#booth .inner {
	margin: 0 auto;
	padding: 50px;
	width: 800px;
	font-size: 1.5rem;
	font-weight: bold;
	background: rgba(255,255,255,0.7);
}
#booth .inner .shop {
	padding: 20px 0;
	border-bottom: 2px dotted #999;
	line-height: 2.6rem;
	overflow: hidden;
}
#booth .inner .shop img {
	float: left;
	margin: 0px 40px 20px 0;
}
#booth .inner .shop h2,
#booth .inner .shop p {
	margin-left: 228px;
}
#booth .inner .shop h2 {
	margin-bottom: 5px;
	font-size: 2.4rem;
}
#booth .inner .shop p.link {
	margin-bottom: 10px;
	font-size: 1.4rem;
}

/* time
**********************************/
#time {
	background: rgba(252,233,178,0.7);
}

/* access
**********************************/
#access .inner {
	margin: 0 auto;
	padding: 5px;
	width: 800px;
	font-size: 1.5rem;
	font-weight: bold;
	background: #fff;
}
#access .inner .images {
	overflow: hidden;
}
#access .inner .images img {
	display: block;
	float: left;
	margin-bottom: 5px;
}
#access .inner .images img:last-child {
	margin-left: 5px;
}
#access .inner .copy {
	margin: 0 auto 40px auto;
	width: 700px;
}
#access .inner .copy p {
	line-height: 3.0rem;
}
#access .inner .obi {
	margin: 30px auto;
	width: 250px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: url(images/obi.svg) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	color: #fff;
}
#access .inner .way h3 {
	margin-bottom: 5px;
	padding: 2px 24px;
	background-color: #fada80;
}
#access .inner .way h3 .h3_inblc {
	display: inline-block;
	width: 24em;
}
#access .inner .way ul li {
	margin-bottom: 5px;
	padding: 2px 24px;
	font-weight: normal;
	background-color: #fcebbe;
}
#access .inner .way ul li .dep {
	display: inline-block;
	width: 18em;
}
#access .inner .way ul li .time {
	display: inline-block;
	width: 6em;
}
#access .inner .way h3 a,
#access .inner .way ul li a {
	display: inline-block;
	padding-right: 12px;
	font-size: 1.3rem;
	font-weight: normal;
}
#access .inner .ex {
	padding: 0px 24px 24px 24px;
	line-height: 2.4rem;
	font-weight: normal;
}
#access .inner .ex .ti_1 {
	display: inline-block;
	padding-left: 2em;
	text-indent: -1em;
}

/* contact
**********************************/
#contact {
	background: rgba(0,0,0,0.4);
	color: #fff;
}
#contact .obi {
	margin: 0 auto 10px auto;
	width: 250px;
	height: 30px;
	line-height: 30px;
	font-size: 1.5rem;
	text-align: center;
	background: url(images/obi.svg) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	color: #fff;
	font-weight: bold;
}
#contact p {
	line-height: 3.0rem;
}
#contact a {
	color: #fff;
}

/* footer
**********************************/
footer {
	position: relative;
	background-color: #fff;
	border-top: 30px solid #444;
	padding: 18px 0;
	font-size: 1.0rem;
	text-align: center;
	color: #73543e;
}

/* sp
**********************************/
	.sp #container {
		width: 100%;
		overflow: hidden;
	}
	.sp header {
		min-width: inherit;
		height: 0;
		background-color: inherit;
	}
	.sp header .hhhglogo {
		display: none;
	}
	.sp header .fb-like {
		display: none;
	}
	.sp header {
		height: 0;
		background-color: inherit;
	}
	.sp header .smp_nav {
	  position: fixed;
	  display: block;
	  top: 10px;
	  right: 10px;
	  width: 44px;
	  height: 44px;
	  background: #111111;
	  border-radius: 22px;
	  overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
	  z-index: 120;
	  cursor: pointer;
	}
	.sp header .smp_nav span {
	  position: absolute;
	  display: block;
	  width: 20px;
	  height: 2px;
	  background: #FFF;
	  top: 50%;
	  margin-top: -1px;
	  left: 50%;
	  margin-left: -10px;
	  -webkit-transition: background 0.3s;
	  -moz-transition: background 0.3s;
	  transition: background 0.3s;
	}
	.sp header .smp_nav span::before, .smp_nav span::after {
	  content: '';
	  position: absolute;
	  left: 0;
	  background: inherit;
	  width: 100%;
	  height: 100%;
	  -webkit-transform: translateZ(0);
	  -moz-transform: translateZ(0);
	  -ms-transform: translateZ(0);
	  -o-transform: translateZ(0);
	  transform: translateZ(0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -webkit-transition: -webkit-transform 0.3s, background 0s;
	  -moz-transition: -moz-transform 0.3s, background 0s;
	  transition: transform 0.3s, background 0s;
	}
	.sp header .smp_nav span::before {
	  top: -6px;
	  -webkit-transform: rotate(0);
	  -moz-transform: rotate(0);
	  -ms-transform: rotate(0);
	  -o-transform: rotate(0);
	  transform: rotate(0);
	}
	.sp header .smp_nav span::after {
	  bottom: -6px;
	  -webkit-transform: rotate(0);
	  -moz-transform: rotate(0);
	  -ms-transform: rotate(0);
	  -o-transform: rotate(0);
	  transform: rotate(0);
	}
	.sp header .smp_nav.menu-is-open {
	  -webkit-transform: rotate(180deg);
	  -moz-transform: rotate(180deg);
	  -ms-transform: rotate(180deg);
	  -o-transform: rotate(180deg);
	  transform: rotate(180deg);
	  opacity: 0.8;
	}
	.sp header .smp_nav.menu-is-open span {
	  background: transparent;
	}
	.sp header .smp_nav.menu-is-open span::before, .smp_nav.menu-is-open span::after {
	  background: #FFF;
	}
	.sp header .smp_nav.menu-is-open span::before {
	  top: 0;
	  transform: rotate(135deg);
	  -webkit-transform: rotate(135deg);
	  -moz-transform: rotate(135deg);
	  -ms-transform: rotate(135deg);
	  -o-transform: rotate(135deg);
	}
	.sp header .smp_nav.menu-is-open span::after {
	  bottom: 0;
	  transform: rotate(225deg);
	  -webkit-transform: rotate(225deg);
	  -moz-transform: rotate(225deg);
	  -ms-transform: rotate(225deg);
	  -o-transform: rotate(225deg);
	}
	.sp header nav ul {
		position: fixed;
		right: -70%;
		top: 0px;
		font-size: 2.5rem;
		padding-top: 56px;
		width: 70%;
		height: 100vh;
		background: #111111;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
		-webkit-transition: -webkit-transform 0.7s;
		-moz-transition: -moz-transform 0.7s;
		transition: transform 0.7s;
		-webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
		-moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
		transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
		opacity: 0.8;
	}
	.android.sp header nav ul {
		height: inherit;
	}
	.sp header nav ul li {
		float: none;
	}
	.sp header nav ul li a {
		display: block;
		line-height: 4vh;
		color: #fff;
		padding-right: 20px;
		font-size: 2.0rem;
		text-align: right;
	}
	.sp header nav ul li a::after {
		display: none;
	}
	.sp header nav ul li {
		padding: 10px 0;
		/*border-top: 1px solid #55da70;*/
	}
	.sp header nav ul.menu-is-open {
	  -webkit-transform: translateX(-100%);
	  -moz-transform: translateX(-100%);
	  -ms-transform: translateX(-100%);
	  -o-transform: translateX(-100%);
	  transform: translateX(-100%);
	  -webkit-transition: -webkit-transform 0.5s;
	  -moz-transition: -moz-transform 0.5s;
	  transition: transform 0.5s;
	  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
	  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
	  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
	}
	.sp section.container span.arrow {
		margin: 12px auto;
		width: 60px;
		height: 30px;
	}
	.sp section.container span.arrow span::before {
	  left: -13%;
	}
	.sp #top {
		position: relative;
		padding-top: 10vh;
	}
	.sp #top h1 {
		text-align: center;
	}
	.sp #top h1 img {
		width: auto;
		max-width: 90%;
		height: 60vh;
	}
	.sp #top .rsv_btn .fs15 {
		font-size: 1.2rem;
	}
	.sp .mbl_inner {
		margin: 0 auto !important;
		width: 96% !important;
		padding: 30px 3% !important;
	}
	.sp #about .lead {
		padding-top: 0 !important;
	}
	.sp #about .lead .tc {
		text-align: left;
	}
	.sp #about .border p {
		padding: 0 2%;
	}
	.sp #about .lead p.fs15 {
		font-weight: normal;
	}
	.sp #about .border p {
		font-weight: normal;
		line-height: 2.4rem;
	}
	.sp #about .border span.fs20 {
		font-weight: bold;
	}
	.sp #about .border .tl {
		margin: 0 auto;
		width: 90%;
		line-height: 2.2rem;
	}
	.sp #about .border .tl p {
		margin-bottom: 5px;
	}
	.sp #about #rsv_caution {
		padding-top: 20px;
		width: 96% !important;
	}
	.sp #talk .inner {
		font-size: 1.5rem;
	}
	.sp #talk .inner .obi {
		margin: 10px auto;
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 2.8rem;
		font-weight: normal;
		background: url(images/obi.svg) no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		color: #000;
		letter-spacing: -0.05em;
	}
	.sp #talk .inner .obi span {
		display: inline-block;
		vertical-align: top;
		padding-right: 10px;
		font-size: 2.0rem;
		letter-spacing: -0.02em;
	}
	.sp #talk .inner h3 {
		margin-bottom: 10px !important;
		font-size: 2.6rem;
	}
	.sp #talk .inner h4 {
		font-size: 1.8rem;
	}
	.sp #talk .inner .info {
		line-height: 2.4rem;
		font-weight: normal;
	}
	.sp #talk .inner .info img {
		float: left;
		margin: 5px 20px 0px 0;
		width: 50%;
		height: auto;
	}
	.sp #lecture .inner,
	.sp #workshop .inner {
		font-size: 1.5rem;
	}
	.sp #lecture .inner .obi,
	.sp #workshop .inner .obi {
		margin: 0 auto 30px auto;
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 2.8rem;
		font-weight: normal;
		background: url(images/obi_g.svg) no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		letter-spacing: -0.05em;
	}
	.sp #lecture .inner h3,
	.sp #workshop .inner h3 {
		font-size: 2.2rem;
		text-align: left;
	}
	.sp #lecture .inner h4,
	.sp #workshop .inner h4 {
		font-size: 1.8rem;
		text-align: left;
	}
	.sp #lecture .inner .speaker,
	.sp #workshop .inner .speaker {
		padding: 30px 0;
		border-bottom: 2px dotted #999;
	}
	.sp #lecture .inner .info,
	.sp #workshop .inner .info {
		line-height: 2.4rem;
		font-weight: normal;
		overflow: hidden;
	}
	.sp #lecture .inner .info img,
	.sp #workshop .inner .info img {
		float: left;
		margin: 5px 10px 0px 0;
		width: 45%;
		height: auto;
	}
	.sp #lecture .inner .info p ,
	.sp #workshop .inner .info p {
		margin-left: 0;
		line-height: 2.4rem;
		word-wrap: break-word;
	}
	.sp #booth .inner .shop {
		padding: 20px 0;
		border-bottom: 2px dotted #999;
		line-height: 2.4rem;
		overflow: hidden;
	}
	.sp #booth .inner .shop img {
		float: none;
		display: block;
		margin: 0px auto 20px auto;
		width: 50%;
		height: auto;
	}
	.sp #booth .inner .shop h2,
	.sp #booth .inner .shop p {
		margin-left: 0px;
	}
	.sp #booth .inner .link {
		text-align: center;
		word-wrap: break-word;
		line-height: 1;
	}
	.sp #booth .inner .shop h2 {
		margin-bottom: 5px;
		font-size: 2.0rem;
		text-align: center;
	}
	.sp #booth .inner .shop p {
		font-weight: normal;
	}
	.sp #access .mbl_inner {
		padding:  5px 5px 30px 5px !important;
	}
	.sp #access .inner .images img {
		display: block;
		float: left;
		margin-bottom: 5px;
		height: auto;
	}
	.sp #access .inner .images img:first-child {
		width: 100%;
	}
	.sp #access .inner .images img:nth-child(2) {
		width: -webkit-calc(50% - 3px);
		width: calc(50% - 3px);
	}
	.sp #access .inner .images img:last-child {
		width: -webkit-calc(50% - 2px);
		width: calc(50% - 2px);
	}
	.sp #access .inner .copy {
		margin: 0 auto 40px auto;
		width: 90%;
	}
	.sp #access .inner .copy p {
		line-height: 3.0rem;
		font-weight: normal;
	}
	.sp #access iframe {
		width: 100% !important;
		height: 300px !important;
	}
	.sp #access .inner .way.mb30 {
		margin-bottom: 16px !important;
	}
	.sp #access .inner .way h3 {
		padding: 5px;
	}
	.sp #access .inner .way ul li {
		padding: 5px;
		overflow: hidden;
	}
	.sp #access .inner .way ul li.sp {
		margin-bottom: 0px;
	}
	.sp #access .inner .way ul li.sp+li {
		margin-top: -30px;
	}
	.sp #access .inner .way ul li .dep {
		display: block;
		width: inherit;
	}
	.sp #access .inner .way ul li .time {
		display: block;
		width: inherit;
	}
	.sp #access .inner .way ul li a {
		display: block;
		word-wrap: break-word;
	}
	.sp #access .inner .ex {
		padding: 0px 0 24px 3em;
		text-indent: -3em;
		line-height: 2.0rem;
		font-weight: normal;
	}
	.sp #access .inner .ex .ti_1 {
		display: inline-block;
		padding-left: 0em;
		text-indent: -1em;
	}
	.sp #time .tc img {
		width: 96%;
		height: auto;
	}
	.sp #page_top {
		display: none !important;
	}
	
	
	@media all and (orientation: landscape) {
		.sp header nav ul {
			right: -40%;
			width: 40%;
		}
		.sp header nav ul li a {
			line-height: 2vh;
			font-size: 1.6rem;
		}
		.sp #top h1 img {
			width: auto;
			max-width: 90%;
			height: 95vh;
		}
		.sp #talk .inner .info img,
		.sp #lecture .inner .info img,
		.sp #workshop .inner .info img {
			width: 35%;
			max-width: 188px;
		}
		.sp #lecture .inner .info p ,
		.sp #workshop .inner .info p {
			margin-left: 38%;
		}
		.sp #lecture .inner h3,
		.sp #workshop .inner h3 {
			text-align: center;
		}
		.sp #lecture .inner h4,
		.sp #workshop .inner h4 {
			text-align: center;
		}
		.sp #booth .inner .shop img {
			float: left;
			margin: 0px 5% 20px 0;
			width: 30%;
			max-width: 188px;
			height: auto;
		}
		.sp #booth .inner .shop h2,
		.sp #booth .inner .shop p {
			margin-left: 35%;
		}
		.sp #access .inner .copy {
			width: 96%;
		}
	}


/* tablet
**********************************/
@media (max-width: 1199px) {
	.tablet #container {
		width: 100%;
		overflow: hidden;
	}
	.tablet header {
		position: fixed;
		width: 100%;
		min-width: inherit;
		height: 40px;
		background-color: #fff;
		z-index: 100;
	}
	.tablet header .hhhglogo {
		display: none;
	}
	.tablet header nav ul {
		width: 100%;
	}
	.tablet header nav ul li a {
		padding: 0 0 0 20px;
	}
	.tablet header nav ul li a::after {
		padding-left: 20px;
	}
	.tablet header .fb-like {
		display: none;
	}
	.tablet #top {
		position: relative;
		padding-top: 10vh;
	}
	.tablet #talk .inner .info,
	.tablet #lecture .inner .info,
	.tablet #workshop .inner .info,
	.tablet #booth .inner .shop p {
		font-weight: normal !important;
	}
	.tablet section.container span.arrow span::before {
	  left: -13%;
	}
	.tablet #about #rsv_caution {
		padding-top: 20px;
		width: 96% !important;
	}
	.tablet #booth .inner .link {
		word-wrap: break-word;
		line-height: 1;
	}
	.tablet #access .inner .images img {
		display: block;
		float: left;
		margin-bottom: 5px;
		height: auto;
	}
	.tablet #access .inner .images img:first-child {
		width: 100%;
	}
	.tablet #access .inner .images img:nth-child(2) {
		width: -webkit-calc(50% - 3px);
		width: calc(50% - 3px);
	}
	.tablet #access .inner .images img:last-child {
		width: -webkit-calc(50% - 2px);
		width: calc(50% - 2px);
	}
	.tablet #access .inner .copy {
		margin: 0 auto 40px auto;
		width: 90%;
	}
	
	@media all and (orientation: portrait) {
		.tablet header {
			height: 0;
			background-color: inherit;
		}
		.tablet header .smp_nav {
		  position: fixed;
		  display: block;
		  top: 10px;
		  right: 10px;
		  width: 50px;
		  height: 50px;
		  background: #111111;
		  border-radius: 25px;
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
		  z-index: 120;
		  cursor: pointer;
		}
		.tablet header .smp_nav span {
		  position: absolute;
		  display: block;
		  width: 20px;
		  height: 2px;
		  background: #FFF;
		  top: 50%;
		  margin-top: -1px;
		  left: 50%;
		  margin-left: -10px;
		  -webkit-transition: background 0.3s;
		  -moz-transition: background 0.3s;
		  transition: background 0.3s;
		}
		.tablet header .smp_nav span::before, .smp_nav span::after {
		  content: '';
		  position: absolute;
		  left: 0;
		  background: inherit;
		  width: 100%;
		  height: 100%;
		  -webkit-transform: translateZ(0);
		  -moz-transform: translateZ(0);
		  -ms-transform: translateZ(0);
		  -o-transform: translateZ(0);
		  transform: translateZ(0);
		  -webkit-backface-visibility: hidden;
		  backface-visibility: hidden;
		  -webkit-transition: -webkit-transform 0.3s, background 0s;
		  -moz-transition: -moz-transform 0.3s, background 0s;
		  transition: transform 0.3s, background 0s;
		}
		.tablet header .smp_nav span::before {
		  top: -6px;
		  -webkit-transform: rotate(0);
		  -moz-transform: rotate(0);
		  -ms-transform: rotate(0);
		  -o-transform: rotate(0);
		  transform: rotate(0);
		}
		.tablet header .smp_nav span::after {
		  bottom: -6px;
		  -webkit-transform: rotate(0);
		  -moz-transform: rotate(0);
		  -ms-transform: rotate(0);
		  -o-transform: rotate(0);
		  transform: rotate(0);
		}
		.tablet header .smp_nav.menu-is-open {
		  -webkit-transform: rotate(180deg);
		  -moz-transform: rotate(180deg);
		  -ms-transform: rotate(180deg);
		  -o-transform: rotate(180deg);
		  transform: rotate(180deg);
		  opacity: 0.8;
		}
		.tablet header .smp_nav.menu-is-open span {
		  background: transparent;
		}
		.tablet header .smp_nav.menu-is-open span::before, .smp_nav.menu-is-open span::after {
		  background: #FFF;
		}
		.tablet header .smp_nav.menu-is-open span::before {
		  top: 0;
		  transform: rotate(135deg);
		  -webkit-transform: rotate(135deg);
		  -moz-transform: rotate(135deg);
		  -ms-transform: rotate(135deg);
		  -o-transform: rotate(135deg);
		}
		.tablet header .smp_nav.menu-is-open span::after {
		  bottom: 0;
		  transform: rotate(225deg);
		  -webkit-transform: rotate(225deg);
		  -moz-transform: rotate(225deg);
		  -ms-transform: rotate(225deg);
		  -o-transform: rotate(225deg);
		}
		.tablet header nav ul {
			position: fixed;
			right: -45%;
			top: 0px;
			font-size: 2.5rem;
			padding-top: 56px;
			width: 45%;
			height: 100vh;
			background: #111111;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-transform: translateX(0%);
			-moz-transform: translateX(0%);
			-ms-transform: translateX(0%);
			-o-transform: translateX(0%);
			transform: translateX(0%);
			-webkit-transition: -webkit-transform 0.7s;
			-moz-transition: -moz-transform 0.7s;
			transition: transform 0.7s;
			-webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
			-moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
			transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
			opacity: 0.8;
		}
		.android.tablet header nav ul {
			height: inherit;
		}
		.tablet header nav ul li {
			float: none;
		}
		.tablet header nav ul li a {
			display: block;
			line-height: 5vh;
			color: #fff;
			padding-right: 20px;
			font-size: 3.0rem;
			text-align: right;
		}
		.tablet header nav ul li a::after {
			display: none;
		}
		.tablet header nav ul li {
			padding: 10px 0;
			/*border-top: 1px solid #55da70;*/
		}
		.tablet header nav ul.menu-is-open {
		  -webkit-transform: translateX(-100%);
		  -moz-transform: translateX(-100%);
		  -ms-transform: translateX(-100%);
		  -o-transform: translateX(-100%);
		  transform: translateX(-100%);
		  -webkit-transition: -webkit-transform 0.5s;
		  -moz-transition: -moz-transform 0.5s;
		  transition: transform 0.5s;
		  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
		  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
		  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
		}
		.tablet .mbl_inner {
			margin: 0 auto !important;
			padding: 40px 4% !important;
			width: 92% !important;
		}
		.tablet #lecture .inner .info img,
		.tablet #workshop .inner .info img {
			margin: 0px 5% 20px 0;
			width: 30%;
			max-width: 188px;
			height: auto;
		}
		.tablet #lecture .inner .info p ,
		.tablet #workshop .inner .info p {
			margin-left: 34%;
			line-height: 2.4rem;
			word-wrap: break-word;
		}
		.tablet #booth .inner .shop img {
			float: left;
			margin: 0px 5% 20px 0;
			width: 30%;
			max-width: 188px;
			height: auto;
		}
		.tablet #booth .inner .shop h2,
		.tablet #booth .inner .shop p {
			margin-left: 34%;
		}
		.tablet #access iframe {
			width: 100% !important;
		}
		.tablet #access .inner .way ul li {
			overflow: hidden;
		}
		.tablet #access .inner .way ul li a {
			float: right;
		}
		.tablet #time .tc img {
			width: 96%;
			height: auto;
		}
	}
}



#cssload-pgloading {}

#cssload-pgloading:after {
		content: "";
		z-index: -1;
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
}
#cssload-pgloading .cssload-loadingwrap {position:absolute;top:45%;bottom:45%;left:25%;right:25%;}
#cssload-pgloading .cssload-bokeh {
		font-size: 97px;
		width: 1em;
		height: 1em;
		position: relative;
		margin: 0 auto;
		list-style: none;
		padding:0;
		border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
}

#cssload-pgloading .cssload-bokeh li {
		position: absolute;
		width: .2em;
		height: .2em;
		border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
}

#cssload-pgloading .cssload-bokeh li:nth-child(1) {
		left: 50%;
		top: 0;
		margin: 0 0 0 -.1em;
		background: rgb(0,193,118);
		transform-origin: 50% 250%;
		-o-transform-origin: 50% 250%;
		-ms-transform-origin: 50% 250%;
		-webkit-transform-origin: 50% 250%;
		-moz-transform-origin: 50% 250%;
		animation: 
				cssload-rota 1.3s linear infinite,
				cssload-opa 4.22s ease-in-out infinite alternate;
		-o-animation: 
				cssload-rota 1.3s linear infinite,
				cssload-opa 4.22s ease-in-out infinite alternate;
		-ms-animation: 
				cssload-rota 1.3s linear infinite,
				cssload-opa 4.22s ease-in-out infinite alternate;
		-webkit-animation: 
				cssload-rota 1.3s linear infinite,
				cssload-opa 4.22s ease-in-out infinite alternate;
		-moz-animation: 
				cssload-rota 1.3s linear infinite,
				cssload-opa 4.22s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(2) {
		top: 50%; 
		right: 0;
		margin: -.1em 0 0 0;
		background: rgb(255,0,60);
		transform-origin: -150% 50%;
		-o-transform-origin: -150% 50%;
		-ms-transform-origin: -150% 50%;
		-webkit-transform-origin: -150% 50%;
		-moz-transform-origin: -150% 50%;
		animation: 
				cssload-rota 2.14s linear infinite,
				cssload-opa 4.93s ease-in-out infinite alternate;
		-o-animation: 
				cssload-rota 2.14s linear infinite,
				cssload-opa 4.93s ease-in-out infinite alternate;
		-ms-animation: 
				cssload-rota 2.14s linear infinite,
				cssload-opa 4.93s ease-in-out infinite alternate;
		-webkit-animation: 
				cssload-rota 2.14s linear infinite,
				cssload-opa 4.93s ease-in-out infinite alternate;
		-moz-animation: 
				cssload-rota 2.14s linear infinite,
				cssload-opa 4.93s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(3) {
		left: 50%; 
		bottom: 0;
		margin: 0 0 0 -.1em;
		background: rgb(250,190,40);
		transform-origin: 50% -150%;
		-o-transform-origin: 50% -150%;
		-ms-transform-origin: 50% -150%;
		-webkit-transform-origin: 50% -150%;
		-moz-transform-origin: 50% -150%;
		animation: 
				cssload-rota 1.67s linear infinite,
				cssload-opa 5.89s ease-in-out infinite alternate;
		-o-animation: 
				cssload-rota 1.67s linear infinite,
				cssload-opa 5.89s ease-in-out infinite alternate;
		-ms-animation: 
				cssload-rota 1.67s linear infinite,
				cssload-opa 5.89s ease-in-out infinite alternate;
		-webkit-animation: 
				cssload-rota 1.67s linear infinite,
				cssload-opa 5.89s ease-in-out infinite alternate;
		-moz-animation: 
				cssload-rota 1.67s linear infinite,
				cssload-opa 5.89s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(4) {
		top: 50%; 
		left: 0;
		margin: -.1em 0 0 0;
		background: rgb(136,193,0);
		transform-origin: 250% 50%;
		-o-transform-origin: 250% 50%;
		-ms-transform-origin: 250% 50%;
		-webkit-transform-origin: 250% 50%;
		-moz-transform-origin: 250% 50%;
		animation: 
				cssload-rota 1.98s linear infinite,
				cssload-opa 6.04s ease-in-out infinite alternate;
		-o-animation: 
				cssload-rota 1.98s linear infinite,
				cssload-opa 6.04s ease-in-out infinite alternate;
		-ms-animation: 
				cssload-rota 1.98s linear infinite,
				cssload-opa 6.04s ease-in-out infinite alternate;
		-webkit-animation: 
				cssload-rota 1.98s linear infinite,
				cssload-opa 6.04s ease-in-out infinite alternate;
		-moz-animation: 
				cssload-rota 1.98s linear infinite,
				cssload-opa 6.04s ease-in-out infinite alternate;
}







@keyframes cssload-rota {
		from { }
		to { transform: rotate(360deg); }
}

@-o-keyframes cssload-rota {
		from { }
		to { -o-transform: rotate(360deg); }
}

@-ms-keyframes cssload-rota {
		from { }
		to { -ms-transform: rotate(360deg); }
}

@-webkit-keyframes cssload-rota {
		from { }
		to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes cssload-rota {
		from { }
		to { -moz-transform: rotate(360deg); }
}

@keyframes cssload-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

@-o-keyframes cssload-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

@-ms-keyframes cssload-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

@-webkit-keyframes cssload-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

@-moz-keyframes cssload-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}