/*共通*/
body {
	background:#fdd100;
	font-size: 14px;
}

.scrEvent {
	transition: 1s ease;
	transform : translateY(200px);
	opacity: 0;
}

.scrEvent2 {
	transition: .5s ease;
	opacity: 0;
}


.mb10 {
	margin-bottom: 10px !important;
}

.wrap {
	display: none;
	width: 100%;
	height: 100%;
}

.wrap2 {
	display: none;
	width: 100%;
	height: 100%;
}
footer {
	line-height: 3;
	border-top: 2px solid #8a3a00;
	margin-top: 50px;
	color:#8a3a00;
	font-size: 1.2em;
}

.text-shadow {
	text-shadow: 2px 2px 2px rgba(255,255,255,.7);
	font-weight: 500px;
}

/*共通*/

/*トップに戻る*/
.go-top {
	background: orange;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	color: #fff;
	font-size: 3em;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	border-radius: 50%;
	display: none;
	z-index: 5;
}

.go-top a {
	color: #fff;
}

.go-top:hover {
	text-decoration: none;
	color: #fff;
  opacity: .5;
}

/*トップに戻る(終)*/

/*ローディング画面*/
#loader-bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:#fdd100;
	z-index: 2;
}

#loading {
	position: absolute;
	top:50%;
	left: 0;
	right: 0;
	margin-top: -100px;
}

#line {
    width:100%;
    height:2.5px;
    margin:40px auto;
    background:#ddd;
}

.fullwidth .expand {
    width:100%;
    height:2.5px;
    margin:0;
    background:#8a3a00;
    position:absolute;
  	animation:fullexpand 1s ease-out;
}

@keyframes fullexpand {
    0%  { width:0px;}
    100%{ width:100%;}
}

span.count {
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #8a3a00;
}

.margin-bottom{
	margin-bottom: -40px;
}
/*ローディング画面*/
/*トップビュー*/
.textbound1 {
	animation: bound 2s ease;
}

.textbound2 {
	animation: bound2 2s ease;
}

.fade {
	animation: fade 2s ease;
	font-size: 2em;
	opacity: 1;
}

@keyframes bound {
	0% {transform: scale(0) translate(0,-500px);opacity: 0;}
  100% {transform: scale(1) translate(0,0);opacity: 1;}
}

@keyframes bound2 {
  0% {transform:translate(0,-500px);opacity: 0;}
  100% {transform: translate(0,0);opacity: 1;}
}

@keyframes fade {
	0% {opacity: 0; transform: translate(0,-100px);}
	90% {opacity: 0.2; transform: translate(0,-10px);}
  100% {opacity: 1;transform: translate(0,0px);}
}

.logo-area {
    letter-spacing: 2em;
}

.logo-area img {
	width: 8em;
}

.aisatu {
	font: .5em;
	line-height: 1.2;
	color:#8a3a00;
}

.read-txt {
	text-shadow: none;
	font-size: 1.2em;
}

.top-view {
	padding-top: 5%;
	padding-bottom: 5%;
}

.image1 {
	width: 100%;
}

.image2 {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

.top2 {
	position: relative;
	width: 100%;
}

/*トップビュー  (終)*/
/*イベントページ*/
.cacth-copy {
	font-size: 5em;
	color:#8a3a00;
	font-weight: bold;
	line-height: 2;
}

.cacth-copy2 {
	font-size: 1.5em;
	font-weight: lighter;
	line-height: 2;
	color:#8a3a00;
	margin-top: 20px;
}

.event3-inner {
	position: relative;
	background-image: url("../images/background2.png");
	padding:30px 0;
}

.enjoy {
	top: 20px;
	right: 0;
	width: 500px;
	z-index: 2;
	position: absolute;
}

.enjoy2 {
	top: 120px;
	right: 0%;
	width: 300px;
	z-index: 2;
	position: absolute;
}

.event3 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.target {
	transition: .5s ;
	transform: rotateY( 0deg ) ;
}

.nav-list:hover .target {
	transform: rotateY( 180deg ) ;
}

.caption h3 {
	font-size: 2em;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 12px;
}

.caption {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -150px;
	color: #fff;
	font-size: 1em;
	line-height: 2;
	font-weight: normal;
	width: 300px;
}

.event4{
	margin-top: 50px;
}
/*イベントページ (終)*/
/*プログラム*/
.event5 .container {
    padding-top: 100px;
		position: relative;
}

.title {
	margin: 50px auto;
	color: #fff;
  line-height: 2;
}

.purogu2 {
	position: absolute;
	top: 80px;
	left: 0%;
	right: 0%;
}

.purogu2 img {
	width: 100%;
}

.purogu img {
	margin-top: 100px;
	width: 100%;
}

.zyouhou h1{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.enjoy3{
	width: 500px;
	margin: 50px auto;
}

.target{
	width: 255px;
}
/*プラグラム (終)*/
/*プログラム-スポーツ*/
#sports {
	margin-top: 50px;
	position: relative;
}

#marushe,
#fes,
#sport-challenge,
#n-schole {
	margin-top: 100px;
	position: relative;
}

#sports img,
#marushe img,
#fes img,
#sport-challenge img,
#n-schole img {
	width: 30%;
}

.sport-inner {
	background: #00abdf;
	text-shadow: none;
	position: relative;
	padding-top: 40px;
  padding-bottom: 20px;
}

.sport-inner h3 {
	color:#fdd100;
	font-weight: bold;
	font-size: 2em;
}

.sport-inner h3 .bg-y {
	background: #fdd100;
	border-radius: 15px;
	padding: 6px;
	font-size: .5em;
	color: #00abdf;
	vertical-align: middle;
	display: inline-block;
  margin-bottom: 5px;
}

.sport-inner .time {
	font-size: 1.5em;
	font-weight: bold;
}

.sport-inner p {
	color: #fff;
}

.sport-inner .taiken,
.sport-inner .charenge {
	background: #fff;
	color:#00abdf;
	text-shadow: none;
	padding: 10px;
	font-size: 1.4em;
}

.taiken{
	font-size: 1em;
}

.taiken-span{
	font-size: .8em;
}

.taiken small{
	font-size: .7em;
	line-height: 1.5;
}
.sport-inner .yellow {
	color: #fdd100;
	font-size: 140%;
}

#sports .img1 {
	position: absolute;
	top:-50px;
	right:  0;
	width: 350px;
	z-index: 2;
}

#sports .img2 {
	position: absolute;
	bottom:-20px;
	left: 0;
	width: 300px;
	z-index: 2;
}

.img4 {
	position: absolute;
	top: 50px;
	right: 30%;
	width: 250px;
}

.tyarenzi {
	margin-top: 30px;
}

.kyousan {
	background: #fff;
	border-radius: 10px;
	margin-top: 30px;
}

.kyousan h3 {
	color: #00abdf;
	font-size: 2em;
	line-height: 2;
	font-weight: bold;
}

.kyousan span {
	font-size: .7em;
	margin-right: 20px;
}

.kyousan-content h4 {
	background: #00abdf;
	color: #fdd100;
	font-size: 1.2em;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
	border: 10px solid #00abdf;
}

.kyousan-content h5 {
	color: #00abdf;
	font-size: 1em;
	font-weight: bold;
}

.kyousan-content {
	margin-bottom: 20px;
}

.kyousan-outer {
	border: 2px solid #00abdf;
	border-radius: 10px;
	position: relative;
	height: 100%;
}

.item-box {
	padding: 15px 30px;
}

.kyousan-content p {
	color:#000;
	font-weight: lighter;
}

.kyousan-content .gentei {
	font-size: 1em;
	color: #00abdf;
	background: #fdd100;
	line-height: 2;
}

.kyousan-content .gentei2 {
	color: #00abdf;
	border: 1px solid #00abdf;
	line-height: 2;
}

.KHB {
	color: #00abdf;
	list-style: none;
}

.neko {
	width: 200px;
}

.kyousan-content .freedom {
	color: #00abdf;
	background: #d0ebf8;
	line-height: 2;
	border-radius: 20px;
}

.kyousan-content.last h4{
	border-radius: 10px;
}

.gentei-wrap2 {
margin: 0;
padding: 0;
}

.rule {
	background: #edfaff;
	margin-top: 50px;
	border-radius: 10px;
	padding: 15px;
	width: 100%;
}

.rule h3 {
	background: #00abdf;
	color:#fff;
	line-height: 2;
	border-radius: 10px;
}

.rule2 p {
	color: #000;
}

.rule-content h4 {
	color: #00abdf;
	font-weight: bold;
}

.rule-content li {
	font-weight: bold;
	list-style: none;
	line-height: 2;
}

.rule-wrap {
	border: 1px solid #000;
	line-height: 2;
}

.rule .rule2 {
	line-height: 1.4;
	padding: 20px;
}

.rule-outer {
	padding: 30px;
}

.rule-outer:nth-of-type(2) {
	border-left: 2px dashed  #00abdf;
}

.indent-1em {
	padding-left: .7em;
    text-indent: -.7em;
}
.kaigyou {
	display: none;
}
/*プログラム-スポーツ（終）*/
/*プログラム-マルシェ*/
.marushe-inner {
	border-left:10px solid #e74250;
	border-right:10px solid #e74250;
	border-top:50px solid #e74250;
	border-bottom:50px solid #e74250;
	background: #ffeeec;
	color:#000;
	text-shadow: none;
	padding: 0;
	font-size: 1em;
	line-height: 1.2;
}

.marushe-inner .red {
	color:#e74250;
	font-size: 1.2em;
	line-height: 1.2;
	font-weight: bold;
}

.marushe-inner .content {
	border: 1px solid #e74250;
	padding-top: 15px;
}

.marushe-inner .content:nth-child(3n) {
	border-right: none;
}

#marushe .img5 {
	position: absolute;
	right: 0;
	bottom: -30px;
	width: 150px;
	z-index:2;
}

#marushe .img6 {
	position: absolute;
	right: 100px;
	top: -20px;
	width: 150px;
	z-index:2;
}

#marushe .img7 {
	position: absolute;
	left: 100px;
	top: 30px;
	width: 100px;
	z-index:2;
}

#marushe .img8 {
	position: absolute;
	left: 20px;
	bottom: -30px;
	width: 100px;
	z-index:2;
}

/*プログラム-マルシェ（終）*/
/*プログラム-フェス*/
.fes-inner {
	background: #ee7932;
	text-shadow: none;
	color: #fff;
	padding: 50px;
	line-height: 2;
}

.fes-inner .yellow2 {
	color: #fdd100;
	font-size: 1.5em;
}

.content.back2 {
    background: #fff;
    color: #000;
    display: inline-block;
    padding: 20px;
    border-radius: 10px;
		text-align: center;
}

span.yellow3 {
    color: #ea7b18;
    font-size: 1.8em;
}

#fes .img9 {
	position: absolute;
	left: 200px;
	bottom: -30px;
	width: 120px;
	z-index:2;
}

#fes .img10 {
	position: absolute;
	right:  200px;
	top: 30px;
	width: 120px;
	z-index:2;
}

#fes .img11 {
	position: absolute;
	left: 20px;
	top: -50px;
	width: 212px;
	z-index:2;
}

#fes .img12 {
	position: absolute;
	right: 20px;
	bottom: -30px;
	width: 200px;
	z-index:2;
}

#fes .img-l {
	position: absolute;
	left: 20px;
	top: -50px;
	width: 186px;
	z-index:2;
}

#fes .img-rt {
	position: absolute;
	right: 0px;
	top: -40px;
	width: 170px;
	z-index:2;
}

#fes .img-rb {
	position: absolute;
	right: 20px;
	bottom: -30px;
	width: 100px;
	z-index:2;
}

.img13 {
	position: absolute;
	z-index: 2;
	bottom: 100px;
	right: 30px;
}

/*プログラム-フェス（終）*/
/*プログラム-スポチャレ*/
.sport-challenge-inner {
	background: #e74250;
	text-shadow: none;
	color: #fff;
	line-height: 2;
}

.sport-challenge-inner .yellow2 {
	color: #fdd100;
	font-size: 1.5em;
}

#sport-challenge .img-l {
	position: absolute;
	left: 20px;
	top: -30px;
	width: 109px;
	z-index:2;
}

#sport-challenge .img-rt {
	position: absolute;
	right: 40px;
	top: -20px;
	width: 115px;
	z-index:2;
}

#sport-challenge .img-rb {
	position: absolute;
	right: 10px;
	bottom: -20px;
	width: 140px;
	z-index:2;
}
/*プログラム-スポチャレ（終）*/
/*プログラム-Nスコーレ*/
.n-schole-inner {
	background: #1f3b95;
	text-shadow: none;
	color: #fff;
	line-height: 2;
}

.n-schole-inner .yellow2 {
	color: #fdd100;
	font-size: 1.5em;
}

#n-schole .img-l {
	position: absolute;
	left: 20px;
	bottom: -30px;
	width: 176px;
	z-index:2;
}

#n-schole .img-r {
	position: absolute;
	right: 20px;
	top: -30px;
	width: 189px;
	z-index:2;
}
/*プログラム-Nスコーレ（終）*/

/*協賛*/
.sponsorship {
    margin-top: 80px;
    margin-bottom: 30px;
    text-shadow: none;
		font-weight: normal;
}

.sponsorship dl {
    display: table;
}

.sponsorship dt,
.sponsorship dd {
    display: table-cell;
		font-weight: normal;
}

.sponsorship dt {
    width: 5em;
}

.sponsorship span.sponsors {
	padding: 10px 25px;
  background-color: #fdd100;
  color: #8a3900;
  border-radius: 30px;
}

.bnr-area a {
	transition: all .3s;
}

.bnr-area a:hover {
	opacity: .7;
}