@charset "UTF-8";
 
/* BORDERS
===================================

/* Create a series of empty pseudo-elements... */
html:before,html:after,body:before,body:after{
   content:"";
   background:#FFF;
   position:fixed;
   display:block;
   z-index:5;
}

/* ...and position them! */

html:before{
   height:10px;
   left:0;
   right:0;
   top:0;
}
html:after{
   width:10px;
   top:0;
   right:0;
   bottom:0;
}
body:before{
   height:10px;
   right:0;
   bottom:0;
   left:0;
}
body:after{
   width:10px;
   top:0;
   bottom:0;
   left:0;
}
html:lang(ja), body:lang(ja){
	font-size:100%;
}

/* pc_main
===================================*/

#pc_main {
	width: 100%;
	position: relative;
	overflow: hidden;
}

#pc_main h2 {
	position: absolute;
	z-index: 80;
	top: 53%;
	right: 6%;
	font-family: 'Fredericka the Great', serif, cursive, Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 48px;
	line-height: 1.2;
	color: #FFF;
	text-align: right;
}
#pc_main h2 span {
	font-size: 14px;
	display: block;
	max-width: 650px;
	margin-top: 10px;
	/*display: none;*/
}

#pc_main .dwn {
	position: absolute;
	z-index: 80;
	left: 50%;
	right: auto;
	bottom: 4%;
	-webkit-transform: translateX(-50%) ;
	-moz-transform: translateX(-50%) ;
	-ms-transform: translateX(-50%) ;
	-o-transform: translateX(-50%) ;
	transform: translateX(-50%) ;
}

#main_visual {
	width: 100%;
	position: relative;
	z-index: 1;
	line-height: 0;
}

#main_visual ul li{
	overflow: hidden;
}

#main_visual ul li:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	background-image: url(../images/bk_ami.svg);
	transition: opacity 0.2s linear;
}

.btn-circle {
    width: 60px;
    height: 60px;
    margin-top: 15px;
    padding: 2px 11px;
    /*border: 2px solid #FFF;
    border-radius: 100%!important;*/
    font-size: 40px;
    color: #FFF;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #FFF;
    /*background: rgba(0,0,0,.1);*/
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}


/* sp_main
===================================*/

#sp_main {
	width: 100%;
	position: relative;
	overflow: hidden;
}

#sp_main h2 {
	position: absolute;
	z-index: 80;
	top: 45%;
	right: 6%;
	font-family: 'Fredericka the Great', serif, cursive, Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 28px;
	line-height: 1.2;
	color: #FFF;
	text-align: right;
	max-width: 200px;
}

#sp_main h2 span{
	font-size: 10px;
	display: block;
	max-width: 300px;
	margin-top: 10px;
	/*display: none;*/
}

#sp_main .dwn {
	position: absolute;
	z-index: 80;
	left: 50%;
	right: auto;
	bottom: 4%;
	-webkit-transform: translateX(-50%) ;
	-moz-transform: translateX(-50%) ;
	-ms-transform: translateX(-50%) ;
	-o-transform: translateX(-50%) ;
	transform: translateX(-50%) ;
}


/* top_contents
===================================*/

#top_contents {
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	z-index: 11;
	position: relative;
}

#top_contents h3{
	font-size: 2.5rem;
	text-align: center;
	color: #000;
	font-weight: 400;
	/* [disabled]color: #0065B8; */
}

#top_contents h3 span{
	font-size: 1.2rem;
	display: block;
	color: #666;
	max-width: 700px;
	padding-bottom:60px;
	margin-right: auto;
	margin-left: auto;
}


/* sns_lang
===================================*/

#sns_lang {
	width: 100%;
	position: relative;
}

#sns_lang .inner {
	width: 100%;
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align:left;
}

#sns_lang ul.sns {
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	overflow: hidden;
	float: left;
	text-align: left;
}

#sns_lang ul.sns li {
	font-size:30px;
	padding-right: 0.5em;
}

#sns_lang li a{
	color: #000;	
}

#sns_lang li a:hover{
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
}

#sns_lang ul.lang {
    max-width: 200px;
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	overflow: hidden;
	float: right;
}
#sns_lang ul.lang li{
	display: inline-block;
}
#sns_lang ul.lang li span {
	text-decoration: underline;
}
#sns_lang ul.lang li a:hover {
	opacity: .7;
}
#sns_lang ul.lang li:after {
	content: "/";
	display: inline-block;
	padding: 0 5px;
}
#sns_lang .lang li:last-child:after {
	display: none;
}

hr.style1 { 
	border: 0; 
	height: 1px; 
	margin-top: 3em;
	margin-bottom: 3em;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}
hr.style2 { 
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}


/* show_info
===================================*/

#show_info {
	width: 100%;
	position: relative;
}

#show_info .inner {
	width: 100%;
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
	padding-bottom: 6em;
}

#show_info h4{
	font-size: 2.2rem;
	font-weight: 300;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 10px;
	/* [disabled]color: #0065B8; */
}

#show_info ul {
	width: 100%;
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

#show_info li{
	width: 49%;
	vertical-align: top;
	text-align: left;
}

#show_info p{
	white-space: pre-wrap;
}

#show_info p.date{
	font-size: 1.5rem;
	font-weight: 300;
	color:#666;
}
#show_info .time{
	font-size: 1.3rem;
	font-weight: 300;
	color:#000;
}

#show_info p.location{
	font-size: 1.5rem;
	font-weight: 300;
	color:#666;
	padding-top: 1em;
	margin-bottom: 5px;
}

#show_info li a, #exhibitors li a{
	color:#000;	
}

#show_info li a:hover, #exhibitors li a:hover{
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
}
#show_info li i, #exhibitors li i, #show_info p{
	font-size: 0.9rem;
}

#show_info ul.thumb_ph {
	width: 100%;
	/*overflow: hidden;*/
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	text-align: left;
	padding-top: 1em;
}

#show_info ul.thumb_ph li {
	width: 24%;
}

.pro_ph {
	/*overflow: hidden;*/
	position: relative;
	text-align: center;
}

.pro_ph img {
	max-width: 100%;
	height: auto;
	display:block;
	margin: 0 auto;
	/*transition: transform 0.25s ease-out;
	transform: scale(1.00);*/
}
#show_info ul.thumb_ph li a:hover{
	filter: none;
	-moz-opacity: 1;
	opacity: 1;	
}



/* exhibitors
===================================*/

#exhibitors {
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	/*margin: 10% 0;*/
	padding: 60px 0;
}

#exhibitors:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 120%;
  height: 80%;
  margin: 0 -10% 0;
  background: #EFEFEF;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
}

#exhibitors .inner {
	width: 100%;
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3em;
	padding-bottom: 8em;
}

#exhibitors ul {
	width: 100%;
	/*overflow: hidden;*/
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	text-align: left;
	padding: 0;
	margin: 0;
}

#exhibitors li{
	width: 25%;
	color: #000;
	font-size: 1.2rem;
	margin-bottom: 0.5em;
}
#exhibitors li:lang(ja){
	font-size: 1rem;
}

#exhibitors li span{
	font-size: 0.85rem;
	display: block;
	color: #666;
}

#exhibitors h4{
	font-size: 1.6rem;
	text-align: left;
	padding-top: 1em;
	/* [disabled]color: #0065B8; */
}



/*----- button -----*/

.pro_ph p{
	/*display: inline-block;*/
	position: relative;
	background: none;
	border: none;
	/*color: #fff;*/
	/*font-size: 18px;*/
	cursor: pointer;
	/*margin: 20px 30px;
	background: rgba(0,0,0,0.09);
	padding-top: 0px;
	margin-top: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;*/
}
span.btn-eff{
  display: block;
  font-size: 24px;
  /*padding: 25px 80px;*/
}
.pro_ph p::before, .pro_ph p::after{
  content:"";
  width: 0;
  height: 1px;
  position: absolute;
  transition: all 0.2s linear;
  background: #000;
}
span.btn-eff::before, span.btn-eff::after{
  content:"";
  width: 1px;
  height: 0;
  position: absolute;
  transition: all 0.2s linear;
  background: #000;
}
.pro_ph p:hover::before, .pro_ph p:hover::after{
  width: 100%;
}
.pro_ph p:hover span.btn-eff::before, .pro_ph p:hover span.btn-eff::after{
  height: 100%;
}

/*----- button 1 -----*/
.btn-1::before, .btn-1::after{
  transition-delay: 0.2s;
}
.btn-1 span.btn-eff::before, .btn-1 span.btn-eff::after{
  transition-delay: 0s;
}
.btn-1::before{
  right: 0;
  top: 0;
}
.btn-1::after{
  left: 0;
  bottom: 0;
}
.btn-1 span.btn-eff::before{
  left: 0;
  top: 0;
}
.btn-1 span.btn-eff::after{
  right: 0;
  bottom: 0;
}
.btn-1:hover::before, .btn-1:hover::after{
  transition-delay: 0s;
}
.btn-1:hover span.btn-eff::before, .btn-1:hover span.btn-eff::after{
  transition-delay: 0.2s;
}


/* sponsors
===================================*/

#sponsors {
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	/*margin: 10% 0;*/
}

#sponsors .inner {
	width: 100%;
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 6em;
}

#sponsors ul {
	width: 100%;
	/*overflow: hidden;*/
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	text-align: left;
	padding-top: 0em;
	padding-bottom: 0em;
}

#sponsors li {
	width: 20%;
}

#sponsors h4 {
	font-size: 1.5rem;
	/* [disabled]color: #0065B8; */
}


/* top_insta
===================================*/

#top_insta {
	width: 100%;
	position: relative;
}

#top_insta:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 120%;
  height: 80%;
  margin: 0 -10% 0;
  background: #EFEFEF;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
}

#top_insta .inner {
	width: 100%;
	max-width: 1080px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5em;
	padding-bottom: 10em;
}


/*
#top_insta h3{
	padding-bottom: 10px;
}
#top_insta p.icon{
	margin-bottom: 30px;
}
*/



/* ==============================================================================

[Media Queries] smart phone : Landscape

============================================================================== */


@media only screen and (min-width:1px) and (max-width:740px) {


/* top_contents
===================================*/

#top_contents h3{
	font-size: 1.5rem;
}


/* show_info
===================================*/

#show_info .inner {
	padding-top: 1em;
	padding-bottom: 4em;
}

/* recommend
===================================*/

#exhibitors .inner {
	padding-top: 1em;
	padding-bottom: 0em;
}
#show_info ul.thumb_ph {
	padding-top: 0em;
	padding-bottom: 0em;
}


/* sponsors
===================================*/

#sponsors .inner {
	padding-top: 0em;
	padding-bottom: 3em;
	margin-top: 60px;
}

/* top_insta
===================================*/

#top_insta .inner {
	padding-top: 3em;
	padding-bottom: 7em;
}


} /*@mediaEnd*/





/* ==============================================================================

[Media Queries] smart phone : Portrait

============================================================================== */

@media only screen and (min-width:1px) and (max-width:480px){


/* top_contents
===================================*/

#top_contents h3{
	font-size: 1.3rem;
}

#top_contents h3 span{
	font-size: 0.9rem;
	padding-bottom: 30px;
	max-width: 350px;
	margin-right: auto;
	margin-left: auto;
}

/* sns_lang
===================================*/

#sns_lang ul.sns li {
	font-size:30px;
	padding-right: 0.2em;
}

/* show_info
===================================*/

#show_info ul {
	padding-top: 0;
	padding-bottom: 0;
}

#show_info li{
	width: 100%;
	margin-bottom: 0px;
}

#show_info p.date, #show_info p.location, #show_info .time {
	font-size: 1rem;
}

#show_info h4{
	font-size: 1.1rem;
}

#show_info li p{
	font-size: 0.9rem;
}
#show_info ul.thumb_ph li{
	width: 49%;
	margin-bottom: 7px;
}

/* exhibitors
===================================*/

#exhibitors {
	/*padding: 40px 0;*/
}

#exhibitors:before {
  height: 97%;
}

#exhibitors ul {
	padding-top: 0em;
	padding-bottom: 1em;
}
	
#exhibitors li{
	width: 48%;
	margin-bottom: 0px;
	font-size: 1.15rem;
}
#exhibitors li:lang(ja){
	font-size: 1rem;
}

#exhibitors h4{
	font-size: 1.1rem;
	padding-top: 1em;
}

#exhibitors li span{
	font-size: 0.7rem;
	margin-bottom: 10px;
}

#exhibitors li:last-child{
	margin-bottom: 0px;
}



/* sponsors
===================================*/

#sponsors ul {
	padding-top: 0em;
	padding-bottom: 1em;
}
	
#sponsors li{
	width: 50%;
	margin-bottom: 0px;
}

#sponsors h4{
	font-size: 1rem;
}



/* top_insta
===================================*/

} /*@mediaEnd*/


@media only screen and (min-width:1px) and (max-width:320px){

} /*@mediaEnd*/