#fade, #loader { display: block; } .smplogo,.hdinner,#hlogo,#hdtelbox,#hdtelbox2,#menuButton{opacity:0;}

#section1{/*background:#FFF;*/
background-color:#ffd515;
width:100%;
height: auto !important;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
	padding: 0;
	padding-top: 140px;
	position: relative;
}
@media all and (min-width: 769px) {
	#section1{padding-top: 165px;	}
}


#section1 .fp-tableCell {
    vertical-align:top;

	overflow: hidden;
}
#section1 .intro{
	width: 100%;
	max-width: 100%;
	max-height:800px;
	position:relative;
	overflow:hidden;

background-position:center center;
background-repeat:no-repeat;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
background-size:cover;
margin:0;
padding:0;
-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}
#section1.bg01 .intro{	background-image:url(../images/top/bg_main.jpg?11);}

#section1.openingstart .intro{
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);

	transition: transform .8s ease-out;
    -webkit-transition: transform .8s ease-out;
    -moz-transition: transform .8s ease-out;

}
#section1 .intro::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-image:url(../images/common/polygon.svg);
	background-position:center;
background-repeat:no-repeat;
-moz-background-size: cover;
-webkit-background-size:  cover;
background-size: cover;
	top:0;
	left: 0;
	opacity: 0;
	mix-blend-mode:hard-light;
	-webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform: scale(1.5);
}
#section1.openingstart .intro::before{
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
	opacity: 0.7;
	transition: all .4s ease-out .3s;
    -webkit-transition: all .4s ease-out .3s;
    -moz-transition: all .4s ease-out .3s;

}
#section1 .intro::after{
	position: absolute;
	content: '';
	width: 0;
	height: 100%;
	background-image:url(../images/common/polygon2.svg);
	background-position:center;
background-repeat:no-repeat;
-moz-background-size: auto 100%;
-webkit-background-size: auto 100%;
background-size: auto 100%;
	top:0;
	left: 50%;
	opacity:0.8;
	mix-blend-mode:overlay;
}

#section1.openingstart .intro::after{
	width: 100%;
	left: 0;
	transition: width .3s ease-out .6s,left .3s ease-out .6s;
    -webkit-transition: width .3s ease-out .6s,left .3s ease-out .6s;
    -moz-transition: width .3s ease-out .6s,left .3s ease-out .6s;

}
@media all and (min-width: 1300px) {
	#section1 .intro::after{
		-moz-background-size: cover;
-webkit-background-size:  cover;
background-size:   cover;
		-moz-background-size: auto 64vw;
-webkit-background-size: auto 64vw;
background-size:  auto 64vw;
	}
}

	#section1 h1	{
	margin:0; padding:0 0;
	position:absolute;
	top:2%;
	left:4%;
	width:0;
	height:0;
	padding-top: 20.35%;
z-index:100;
		overflow: hidden;

		transition: width .2s ease-in-out,left .3s ease-out;
    -webkit-transition: width .2s ease-in-out,left .3s ease-out;
    -moz-transition: width .2s ease-in-out,left .3s ease-out;
	}
#section1 h1 img{
	position: absolute;
	top:0; left: 0;
	width: auto;
	height: 100%;
}

#section1.setstart h1{width:55%; left: 6%;}

#section1 .om-date	{
	margin:0; padding:0 0;
	position:absolute;
	bottom:2%;
	left:48%;
	width:0;
	height:0;
	padding-top: 17.76%;
z-index:100;
		overflow: hidden;

		transition: width .2s ease-in-out .1s,left .3s ease-out .1s;
    -webkit-transition: width .2s ease-in-out .1s,left .3s ease-out .1s;
    -moz-transition: width .2s ease-in-out .1s,left .3s ease-out .1s;
	}
#section1 .om-date img{
	position: absolute;
	top:0; left: 0;
	width: auto;
	height: 100%;
}

#section1.setstart .om-date{width:48%; left: 50%;}







#section2{
	position: relative;
	background-color:#ffd515;
	padding: 7% 0;
	z-index: 10;
}


#section2 .intro{
	padding:0;
	/*background-color: #f6f6f6;*/
	position:relative;
	z-index: 1000;
}
#section2 .intro::before{
	position: absolute;
	content: '';
	width: 18%;
	height: 0;
	top:50%;
	left: 0;
	margin-top: -9%;
	padding-top: 18%;
	background-image: url(../images/common/logo_tigers.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}
#section2 .intro::after{
	position: absolute;
	content: '';
	width: 18%;
	height: 0;
	top:50%;
	right: 0;
	margin-top: -9%;
	padding-top: 18%;
	background-image: url(../images/common/logo_orix.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}
#section2 .bnrbox{
	margin: 0 auto;
	padding: 2px 0;
	width: 60%;
	border: #DD0954 3px solid;
	background-color: #fff;
	transition: all .1s ease-out;
    -webkit-transition:  all .1s ease-out;
    -moz-transition:  all .1s ease-out;
}
#section2 .bnrbox a{
	margin: 0;
	padding: 0;
	display: block;
}
#section2 .bnrbox img{
	width: 100%;
	height: auto;
}
#section2 .bnrbox img.bnr-entry01{
	width: 43%;
	height: auto;
}
#section2 .bnrbox img.bnr-entry02{
	width: 57%;
	height: auto;
}

@media all and (max-width: 768px) {
	#section2 .bnrbox img.bnr-entry02{display: none;}
	#section2 .bnrbox img.bnr-entry01{width: 90%;}
}
@media all and (min-width: 769px) {
	#section2 .bnrbox:hover{ border-width: 6px; padding: 0px 0;}
	#section2 .bnrbox:hover img{opacity: 0.6;}
}
#section3{
	position: relative;
	background-color: #FFF;
	padding: 0;
	overflow: hidden;
}






#section3 .intro{
	width: 100%;
	max-width: 100%;
	position: relative;
	z-index: 10;
}

#section3::before{
	position: absolute;
	content: '';
	background: linear-gradient(70deg, #3ade25,#ffec01,#ff9000);
	width: 100%;
	height: 0;
	padding-top: 20%;
	top:0;
	margin-top: -6%;
	left: 0;
	-webkit-transform: scaleX(1.1) rotate(-10deg);
    -moz-transform: scaleX(1.1) rotate(-10deg);
    transform: scaleX(1.1) rotate(-10deg);
}


#section3::after{
	position: absolute;
	content: '';
	background: linear-gradient(70deg, #3ade25,#ffec01,#ff9000);
	width: 100%;
	height: 0;
	padding-top: 20%;
	bottom:0;
	margin-bottom: -6%;
	right: 0;
	-webkit-transform: scaleX(1.1) rotate(-190deg);
    -moz-transform: scaleX(1.1) rotate(-190deg);
    transform: scaleX(1.1) rotate(-190deg);
}

@media all and (max-width: 768px) {
	#section3::before,#section3::after{padding-top: 25%;}
}
#section3 .intro h2{
	text-align: left;
	color: #FFF;
	margin: 0 auto;
	width: 90%;
	font-weight: 400;
	letter-spacing: 0.06em;
}
#fbbox{
	width: 100%; margin: 0; position: relative;
	padding: 4% 0 0;
}

#fbbox::before{
	position: absolute;
	content: '';
	width: 0%;
	height: 70%;
	top:0;
	left: 0;
	background-color: #ddd;

}
#section3.setstart #fbbox::before{
	width: 100%;
	-moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
	}

#fbbox .swiper-container {
        width: 100%;
        height: 100%;
        padding: 0 4% 40px;
    }
   	#fbbox .swiper-container .swiper-slide {
        text-align: center;
     height:auto;
     background-color: #ffffff;
		border: 1px solid #dd0954;
    }

				#fbbox .swiper-container .swiper-slide img{
					width:100%;
					height:auto;
				}
				#fbbox .swiper-container .swiper-slide .fbimgbox{
					width:100%;
					height:0;
					padding-top: 100%;
					background-color: #eee;
					border: 1px solid #fff;
					overflow: hidden;
		background-position:center;
		background-repeat:no-repeat;
		-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
background-size:cover;
				}

#fbbox .swiper-container .swiper-slide .fbimgbox.noimg{
	background-position:center;
	background-image: url(../images/common/hlogo.svg);
	-moz-background-size:50% auto;
-webkit-background-size:50% auto;
-o-background-size:50% auto;
-ms-background-size:50% auto;
background-size:50% auto;
}

				#fbbox .swiper-container .swiper-slide .newsinner{
					padding:10px;
/*					background-color: #F7F7F7;*/

				}
				#fbbox .swiper-container .swiper-slide .newsinner p.fb_date{
					font-family: 'Teko', sans-serif;
					text-align:left;
					margin:0 0 5px;
					padding: 0;
					font-weight:normal;
					letter-spacing: 0.06em;
					font-size: 1.4em;
					color:#dd0954;
					line-height: 1.1em;
				}
#fbbox .swiper-container .swiper-slide .newsinner p.fb_txt{
					text-align:left;
					margin:0 0 5px;
					padding: 0;
					font-weight:normal;
					letter-spacing: normal;
					font-size: 0.9em;
					color:#222;
					line-height: 1.4em;
	overflow:auto;
	overflow-x: hidden;
	padding-right: 6px;
	position: relative;
	max-height:200px;

				}
/*#fbbox .swiper-container .swiper-slide.changebox p.fb_txt{
	max-height:300px;
	overflow:auto;
	padding-right:10px;
	position:relative;
}*/
#fbbox .swiper-container .swiper-slide .newsinner p.fb_txt small{
	font-size:0.95em;
	color:#968130;
}
/*#fbbox .swiper-container .swiper-slide .newsinner p.fb_txt a.truncate_more_link{
	background:#444;
	font-weight: 100;
	color:#FFF;
	line-height:1.1;
	font-size:0.8em;
	letter-spacing:0.06em;
	padding:0px 4px ;
	text-decoration:none;
}
#fbbox .swiper-container .swiper-slide .newsinner p.fb_txt a.truncate_more_link:hover{
	background:#555;
}
#fbbox .swiper-container .swiper-slide .newsinner p.fb_txt .clearboth{
	text-align:right;
}
*/

#fbbox .swiper-container .swiper-slide a{text-decoration: none;}
				/* Arrows */
#fbbox .swiper-button-prev,
#fbbox .swiper-button-next {
  margin-top: -32px;
}



				/* Bullets */
#fbbox .swiper-pagination-bullet {
/*
  width: 40px;
  height: 4px;
*/
  display: inline-block;
/*  border-radius:0;*/
  background: #FFF;
  opacity: 1;
}
#fbbox .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0px;
}

#fbbox .swiper-pagination-bullet-active {
	opacity: 1;
  background:#DD0954;
}
#fbbox .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 7px;
}


#fbbox .swiper-button-prev{
	top:40%;
	left: 0;
  margin: 0;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background-color: #d80c18;
}
#fbbox  .swiper-button-next {
	top:40%;
	right: 0;
  margin: 0;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background-color: #d80c18;
}

@media all and (max-width: 480px) {
	#fbbox .swiper-container .swiper-slide .newsinner p.fb_txt{font-size: 0.75em;max-height:180px;}
}





#section4{
	position: relative;
	background-color: #DD0954;
	padding: 0;
}


#section4 .intro{
	position: relative;
	z-index: 10;
}

#section4 .intro h2{
	text-align: center;
	color: #FFF;
	margin: 0 auto;
	line-height: 1.2;
}


.videobox{padding:10px 0 10px; position:relative;	overflow:hidden; box-sizing:border-box;
margin: 1% auto;
max-width: 600px;}

.videobox a{ text-decoration:none; color:#fff; display:block; width:100%; height:auto; position:relative;}
.videobox a:first-child::after{
	position:absolute;
	content: '';
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background-image: url(../images/common/pattern.png);
	background-position: center;
	background-repeat: repeat;
	opacity: 0.6;
	-moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.videobox a p{ color:#fff; text-decoration:none; font-size:0.9em;}
.videobox a:hover p{ text-decoration:underline;}
.videobox a img{ width:100%; height:auto; margin:0 auto;}
.videobox a span{ position:absolute; text-align:center; margin:-1.2em auto 0; top:50%; left:0; width:100%; color:#E62117; font-size:36px; font-weight:600; line-height:1.2em; z-index: 10;}
.videobox a span::before{ content:''; position:absolute; width:1em; height:1em;
top:0; bottom:0; left:0; right:0; margin:auto; background:#fff;}
.videobox a span i{ font-size:2.4em; font-weight:normal; position:relative;}
@media all and (min-width: 769px) {
	.videobox a:first-child:hover::after{opacity: 0.3;}
}
@media all and (max-width: 600px) {
	.videobox a span{margin-top:-0.8em;}
	.videobox a span i{ font-size:1.6em; }
}
@media all and (max-width: 480px) {
.videobox a p{font-size:0.8em;}
}

.lity.lity-inline{/*background:rgba(242,240,234,0.98) url(../images/bnr/slide_LR2.png) center top repeat;*/background-color:rgba(20,20,20,0.9);}
	.lity.lity-inline .lity-content::after{box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}
	/*.lity-inline .lity-close{display: none;}*/
	.lity-inline .lity-close{
		font-family: 'Work Sans',sans-serif;
		font-weight:100;
	}



#section5{
	position: relative;
	background-color: #eee;
	padding: 0;
	z-index: 10;
}


#section5 .intro{
	position: relative;
	z-index: 10;
}

#section5 .intro h2{
	text-align: left;
	color: #333;
	margin: 0;
	line-height: 1.2;
}
@media all and (max-width: 768px) {
#section5 .intro h2{text-align: center; margin: 10px auto;}
}
	.newsbox{
		width:100%;
		background-color: #fff;
		padding: 15px;
	}


.newsbox ul{
		margin:0 auto;
	width:100%;
	list-style:none;

}
.newsbox ul li{
	width:100%;
	/* margin:0 0 2%; */
	margin:0;
	padding:0;
	position:relative;
}
.newsbox ul li a,
.newsbox ul li .aspan{
	display: block;
	/* padding:10px; */
	padding:20px 10px;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.newsbox ul li a p,
.newsbox ul li .aspan p{text-decoration: none;}

.newsbox ul li:nth-child(odd) a,
.newsbox ul li:nth-child(odd) .aspan{
	background-color:#f6f6f6;
}
.newsbox ul li a p.news_date,
.newsbox ul li .aspan p.news_date{
					font-family: 'Teko', sans-serif;
					text-align:left;
					margin:0 0 5px;
					padding: 0;
					font-weight:normal;
					letter-spacing: 0.06em;
					font-size: 1.4em;
					color:#dd0954;
					line-height: 1.1em;
				}
.newsbox ul li a p.news_txt,
.newsbox ul li .aspan p.news_txt{
					text-align:left;
					margin:0 0 5px;
					padding: 0;
					font-weight:normal;
					letter-spacing: normal;
					font-size: 0.9em;
					color:#222;
					line-height: 1.4em;
	padding-right: 6px;
	position: relative;

				}
@media all and (min-width: 769px) {
.newsbox ul li a:hover,.newsbox ul li:nth-child(odd) a:hover{	background-color:#eee;}
}
@media all and (max-width: 480px) {
.newsbox ul li a p.news_txt,
.newsbox ul li .aspan p.news_txt{	font-size: 0.8em;}
}

.news_detail{
	padding: 4%;
	background-color: #FFF;
}

.news_detail h3{
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.news_detail p.news_date{
					font-family: 'Teko', sans-serif;
					text-align:left;
					margin:0 0 5px;
					padding: 0;
					font-weight:normal;
					letter-spacing: 0.06em;
					font-size: 1.4em;
					color:#dd0954;
					line-height: 1.1em;
				}
.news_detail p.news_txt{
					text-align:left;
					margin:0 0 5px;
					padding: 0;
					font-weight:normal;
					letter-spacing: normal;
					font-size: 0.9em;
					color:#222;
					line-height: 1.4em;
	padding-right: 6px;
	position: relative;

				}



.accessbox{
		width:100%;
		padding: 15px;
	background-color: #fff;
	}

.mapbox{
		width:100%;
		height:320px;
		background:#535353;
	border: 1px solid #fff;
	}

#map{
		width:100%;
		height:100%;
	}
	#map{
		_display:none;
	}





.section .intro{
	padding:6% 0;
	/*background-color: #f6f6f6;*/
	position: relative;
}


.section h2{
		width:90%;
		text-align:left;
		font-size: 3.6em;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.6;
		color:#222;
		margin:10px auto 3%;
	position: relative;
	z-index: 11;
	}
#section2.section h2{color:#fff;}
.section h2 span{position: relative;}
.section h2 span::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	bottom:0.1em;
	left: 0;
	background-color: #CCC;

}
.section .intro h3{
	font-size: 1.8em;
	line-height: 1.7;
/*	color: #222;*/
	color: #ff0051;
	font-weight: 700;
	letter-spacing: 0.06em;
	padding: 0;
	margin: 3% auto 5%;
}
.section .intro h3 strong{font-size: 1.4em;}
@media all and (max-width: 600px) {
	.section h2{font-size: 2.8em;}
}




/* --------------------------------------------
 BASE TABLE
----------------------------------------------*/
.basetbl{
 margin:10px auto;
	padding:0px;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

}
.basetbl table{
 margin:0px auto;
	padding:0px ;
	width:100%;
	/*border: #222 solid 1px;*/
	background:none;
	text-align:center;

	}
.basetbl table span.sstx{font-size: 70%;}
.basetbl table th{
 margin:0px ;
	padding:10px 10px ;
	/*min-width: 8em;*/
	border: none;
	/*border-bottom: #000 solid 1px;*/
	background-color:#ddd;
	font-weight:bold;
	text-align:center;
	line-height:1.4;
	}
.basetbl table thead th{background-color:#FF0051; color: #fff;}

.basetbl table td{
 margin:0px ;
	padding:10px ;
/*border-bottom: #000 solid 1px;*/
/*	border-left: #000 solid 2px;*/
	border:none;
	line-height:1.4;
	text-align:center;
	}

.basetbl table tr:last-child th,.basetbl table tr:last-child td{
	border-bottom: none;
	}
.basetbl table tr:nth-child(even) th{
	background-color:#d3d3d3;
}
.basetbl table tr:nth-child(even) td{
	background-color:#f6f6f6;
}

	span.formkome{
		color:#666;
		font-size:0.8em;
	}
.basetbl p{font-size: 0.9em; text-align: left; color: #CC3437;}







.memobox{
	border:1px solid #CC3437;
	padding: 10px 15px 0;
	text-align: left;
	max-width: 600px;
	margin: 6% auto 3%;
}
.memobox h5{ font-weight: 600; font-size: 1.1em;}
.memobox ul li{ font-size: 0.9em;}








/*------------------
   CONTACT
		------------------*/
.contactbox{ width:100%; letter-spacing:0.06em; padding-bottom:10%;}

.basetbl table textarea{
	width:90%;
}
.basetbl{
	width:100%;
	/*font-size:0.9em;*/
}
.basetbl table{
	overflow:hidden;
}
 .basetbl table td input[type="text"],
			.basetbl table td select,
			.basetbl table td textarea{
				max-width:100%;
			}
			.basetbl table td input[type="text"]{
				width:250px;
			}
			.basetbl table td label{
				margin-right:12px;
			}
			.basetbl table td input[type="radio"]{
				margin-right:5px;
				margin-top:-0.25em;
				border:1px solid #ccc;

			}

td.errortd{
	background:#FEE;
}
.basetbl table tr:nth-child(even) td.errortd{
	background:#fFE5E5;
}
			.contactbox button{
	height: 30px;
	padding:0 15px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	outline: none;
	font-size:0.9em;
	border:none;
cursor: pointer;
		-moz-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}


		.contactbox button.submit{
	background-color:#231F20;
	color: #fff;
}

	.contactbox button.reset{
	background-color: #A3A3A3;
	color: #231F20;
}


.contactbox button:hover{
	background-color: #fc3;
	color: #231F20;

}

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

			.basetbl table td input[type="text"],
			.basetbl table td select,
			 .basetbl table td textarea{
				width:100%;
			}
}


.basetbl.weektbl{max-width: 500px; margin: 3% auto 2%; font-size: 0.8em; border-bottom:1px solid #666; border-right:1px solid #666;}
.basetbl.weektbl table{}
.basetbl.weektbl th{font-weight: normal;}
.basetbl.weektbl td{width: 10%;}
.basetbl.weektbl table th,
.basetbl.weektbl table td{border-top:1px solid #666; border-left:1px solid #666; padding: 0.5em; line-height: 1.1;}
.basetbl.weektbl table tr:first-child th:last-child{white-space: nowrap;}


a.contactbtn{
	display: block;
	height: 50px;
	padding:0 15px;
	margin: 20px auto;
	width: 70%;
	max-width: 250px;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	letter-spacing: 0.1em;
	font-size:0.9em;
	border:none;

	background-color:#231F20;
	color: #fff;

		-moz-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

a.contactbtn:hover{
	background-color: #fc3;
	color: #231F20;

}

/*↓バナー2ndエリア 追加↓*/
		 #section2{overflow: hidden;}
		 .bnr2ndwrap{ position: relative; padding:14% 0 0; }
		 .bnr2ndwrap::before{ position: absolute; width: 100%; height: 100%;
			 content: ''; top:0; left: 0; margin-top: 7%; background-color: #dd0954; padding:7% 0 0; }
		 #section2 .bnrbox.bnr2nd{ width: 80%; max-width: 800px; border-color: #FFD500;}
/*↑バナー2ndエリア 追加↑*/