@charset "utf-8";

.swiper-slide {
	overflow: hidden;
}
.swiper-slide img {
	width: 50%;
}
.swiper-slide#onepic img {
	width: 100%;
}
.swiper-slide div {
	width: 50%;
	height: 0;
	display: inline-block;
	padding-top:43.2%;
	position:relative;
	overflow:hidden;
	float: left;
}
.swiper-slide div iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.iframe_wrap {
   position: relative;
 width: 100%;
    padding: 56.25% 0 0 0;
}
.iframe_wrap iframe {
    position: absolute;
 top: 0;
 left: 0;
    width: 100%;
    height: 100%;
}

/*-------------------------------------------------
#top_footer
------------------------------------------------*/
#top_footer {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	height: 60px;
	background: #fff;
	text-align: right;
	z-index: 999;
	padding: 5px 0 0;
	box-sizing: border-box;
	opacity: 1;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}
#top_footer .top_footer_inner {
	position: relative;
}
#top_footer ul.sns {
	position: absolute;
	left:1%;
	top:15px;
	padding-right: 25px;
	display: inline-block;
}
#top_footer ul.sns li {
	float: left;
	width: 40px;
}
#top_footer ul.sns li.facebook {
	width: 9px;
	margin: 0 0 0 20px;
}
#top_footer ul.sns li.instagram {
	width: 16px;
	margin: 0 0 0 20px;
}
#top_footer ul.sns li.twitter {
	width: 17px;
	margin: 0 0 0 15px;
}
#top_footer ul.sns li.youtube {
	width: 22px;
	margin: 0 0 0 15px;
}


#top_footer ul.logo {
	padding-right: 25px;
	display: inline-block;
}
#top_footer ul.logo li {
	float: left;
}
#top_footer ul.logo li:nth-child(1) {
	width: 115px;
	margin: 8px 25px 0 0;
}
#top_footer ul.logo li:nth-child(2) {
	width: 50px;
    margin-top: 5px;
}
#top_footer.hide {
	opacity: 0;
	-webkit-transform: translate(0,100%);
	transform: translate(0,100%);
}

/*-------------------------------------------------
.bg_area
------------------------------------------------*/
.bg_area {
	background: url('../imgs/top/bg.jpg') no-repeat;
	background-size: auto 100%;
	padding: 120px 0 0;
}

/*-------------------------------------------------
section
------------------------------------------------*/
.section_wrapper {
	max-width: 968px;
	margin: 0 auto;
	position: relative;
}
.section_wrapper section {
	font-size: 0;
	position: absolute;
	opacity: 0;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
}
.section_wrapper section.visible_visible {
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

.section_wrapper section.show {
}
.section_wrapper section .textarea {
	letter-spacing: 0.07em;
}
.section_wrapper section .textarea h2 {
	margin: 0 0 5px;
	font-size: 3.7rem;
	line-height: 1.2;
	letter-spacing: 0.07em;
	color: #b90613;
	font-weight: normal;
	position: relative;
}
.section_wrapper section .textarea h2 span {
	display: table;
	position: relative;
	opacity: 0;
	transform: translateX(-50px);
	transition: opacity 0.5s ease-out 0.8s,transform 0.5s ease-out 0.8s;
}
.section_wrapper section.visible .textarea h2 span, .section_wrapper section.visible_visible .textarea h2 span {
	opacity: 1;
	transform: translateX(0px);
}

.section_wrapper section.visible .textarea p, .section_wrapper section.visible_visible .textarea p {
	opacity: 1;
	transform: translateX(0px);
	margin-bottom: 10px;
}



.section_wrapper section .textarea p {
	font-size: 1.2rem;
	line-height: 1.5;
	margin: 0;
	position: relative;
	opacity: 0;
	transform: translateX(-50px);
	transition: color 0.3s ease, opacity 0.5s ease-out 0.9s,transform 0.5s ease-out 0.9s;
}

.section_wrapper section .textarea .txt {
	position: relative;
}

.blinking {
    -webkit-animation: 0.8s linear 0s alternate none infinite running blink;
    -moz-animation: 0.8s linear 0s alternate none infinite running blink;
    animation: 0.8s linear 0s alternate none infinite running blink;
}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}

.section_wrapper section .textarea a:hover p {
	color:#b90613;
}
.section_wrapper section .textarea p span {
	color: #b90613;
	font-size: 1.4rem;
	text-decoration: underline;
	font-weight: bold;
}

.section_wrapper section .imagearea {
	position: relative;
}
.section_wrapper section .imagearea img {
	width: 100%;
}
.section_wrapper section .imagearea .color {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: .26s ease-out;
	transition: .26s ease-out;
}
.section_wrapper section .imagearea a:hover .color {
	opacity: 1;
}
.section_wrapper section#winners {
	top: 0;
	left: 0;
	right: 0;
}
.section_wrapper section#winners .imagearea {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px 0 0;
}


.section_wrapper section#winners .textarea {
	display: inline-block;
	vertical-align: middle;
	max-width: 50%;
}
.section_wrapper section#about {
	top: 20%;
	right: 0;
	width: 38%;
}
.section_wrapper section#about .imagearea {
	margin: 0 0 20px;
}
.section_wrapper section#interview-report {
	top: 35%;
	left: 7%;
	width: 38%;
}

.section_wrapper section#interview-report img {
	margin-top: 10px;
}

.section_wrapper section#juries {
	top: 53%;
	right: 0;
	left: 0;
}
.section_wrapper section#juries .imagearea {
	width: 39%;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 0;
}
.section_wrapper section#juries .textarea {
	display: inline-block;
	vertical-align: top;
	max-width: 22%;
	margin: 20% 5% 0 28%;
}

.section_wrapper section#schedule {
	width: 40%;
	top: 70%;
	left: 7%;
}

.section_wrapper section#contact {
	top: 92%;
	left: 30%;
}



/*-------------------------------------------------

SmartPohne

------------------------------------------------*/
@media screen and (max-width: 735px) {
  /* top_footer */
  #top_footer {
  	height: 42px;
  }
  #top_footer ul.sns {
  	left: 0;
  	top:7px;
  }
  #top_footer ul.logo li:nth-child(1) {
  	width: 90px;
  	margin: 5px 15px 0 0;
  }
  #top_footer ul.logo li:nth-child(2) {
  	width: 37px;
  }

  /* bg_area */
  .bg_area {
		background: url('../imgs/top/bg_sp.jpg') no-repeat;
		background-size: auto 100%;
		padding-top: 60px;
	}

  /* section */
  .section_wrapper {
  	padding: 0 48px 50px;
  }
  #slider {
  }
  #wrapper_wrap .section_wrapper section {
  	position: relative;
  	top:0;
  	left:0;
  	right:auto;
  	bottom:auto;
  	width: 100%;
  	height: auto;
    margin: 0 0 50px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  .section_wrapper section#juries {
  }
  .section_wrapper section .textarea h2 span {
  	transition: opacity 0.5s ease-out 0.2s,transform 0.5s ease-out 0.1s;
  }

  .section_wrapper section .textarea p {
  	transition: color 0.3s ease, opacity 0.5s ease-out 0.3s,transform 0.5s ease-out 0.2s;
  }

  .section_wrapper section .imagearea,
  .section_wrapper section .textarea {
  	width: 100%!important;
  	max-width: none!important;
  	display: block!important;
  }
  .section_wrapper section .imagearea {
  	margin: 0 0 20px!important;
  }
  .section_wrapper section .imagearea a {
  	display: block;
  	height: 100%;
  	position: relative;
  }
  .section_wrapper section .textarea {
  	text-align: center;
  	margin: 0!important;
  }
  .section_wrapper section .textarea h2 {
  	font-size: 2.4rem;
  	line-height: 0.9;
  }
  .section_wrapper section .textarea h2 span {
  	margin: 0 auto;
  }
  .section_wrapper section .textarea h2 span::after {
  	-webkit-transform-origin: center;
  	transform-origin: center;
  }
  
  .swiper-slide div {
	width: 100%;
	height: 0;
	padding-top:86.2527716186252772%;
	position:relative;
	overflow:hidden;
}


}