@charset "utf-8";

@media print,screen and (min-width: 1100px){

div#nav{
	margin-bottom:10px !important;
	}

#slider {
	width: 100%;
	overflow: hidden;
	height: 470px !important;
	margin-bottom: 50px;
	position: relative;
}

#slider div {
	position: relative;
	z-index: 100;
	height: 470px;
}
#slider .pc img {
	position: absolute;
	width:100%;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#slider .pc img.first-child {
	position: absolute;
	width:100%;
	bottom:0;
	top:auto;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	}

#slider #slider_container {
	position: absolute;
	height: 10px !important;
	width: 1100px;
	left: 50%;
	margin-left: -550px;
	display:inline-block;
	z-index: 500;

}

#slider p {
	position: absolute;
	left: 0;
	bottom: 20px;
	font-size: 1.3em;
	color: #FFFFFF;
	letter-spacing: 0.05em;
		-moz-text-shadow:2px 2px 2px rgba(0, 0, 0, 0.7); 
    -webkit-text-shadow:2px 2px 2px rgba(0, 0, 0, 0.7); 
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.7); 

}

#slider #slider_container p br{
	display:none;
	}


#slider #slider_container div {
	position: absolute;
	top: 20px;
	right: 0;
	display:inline;
}

#slider div.bxslider div div{
	position: absolute;
	height: 470px;
	width: 1100px;
	left: 50%;
	margin-left: -550px;
	display:inline-block;
	z-index: 1000;
	}

#slider div.bxslider div div p{
	position: absolute;
	left: 0;
	bottom: 20px;
	font-size: 1.3em;
	color: #FFFFFF;
	letter-spacing: 0.05em;
	}
	
#slider div.bxslider div div p br{
	display:none
	}	

#section01 {
	margin-bottom: 40px;
}
#section01 div {
	float: left;
	width: 350px;
	margin-right: 25px;
	position: relative;
}
#section01 div:last-child {
	margin-right: 0;
}

#section01 div>a:hover,
#section01 div>h2:hover,
#section01 div>p:hover{
	opacity:0.5;
	}

#section01 div img {
	display: block;
	width: 100%;
	padding-bottom: 30px;
}
#section01>div>h2>a{
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;	font-weight: 500;
	font-weight: normal;
	font-size: 1.7em;
	padding-bottom: 0.5em;
	text-align: center !important;
	letter-spacing: 0.1em;
	display:block
	
	
}

#section01>div>p{
	margin-bottom: 30px;
	}

#section01>div>p>a{
	font-size: 1.1em;
	
	padding:0 10px;
	display:block;
	
}
/*20160120*/
#section01>div>dl{
	position:absolute;
	top:20px;
	z-index:100;
	left:50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	}
	
#section01>div>dl>dt{
	
	text-align:center;
	}

#section01>div>dl>dt>a>img{
	width:122px;
	margin-bottom:10px;
	display:inline;
	opacity:1 !important
	}
	
#section01>div>dl>dd{
	white-space:nowrap;
	color:#ffffff;
	}	

#section01 div h2 a,
#section01 div p a{
	text-decoration:none;
	}
	
#section01 div h2 a:link,
#section01 div p a:link,
#section01 div h2 a:visited,
#section01 div p a:visited{
	color:#494949;
	}
	

#section01 div ul {
	width: 370px;
	clear: both;
}
#section01 div ul li {
	width: 165px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#section01 div ul li p {
	font-size: 0.75em;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	margin-bottom: 1em !important;
	padding:0;
}
#section01 div ul li p a {
	text-decoration: none;
}

#section01 div ul li a:hover{
	opacity:0.5;
	}

#section01 div ul li img {
	padding-bottom: 1em !important;
}
#section01 div ul li:nth-child(odd) {
	clear: both
}
#section01 div ul li:nth-last-child(2), #section01 div ul li:last-child {
	margin-bottom: 0 !important;
}
#section01 div:last-child {
	margin-right: 0;
}
#section01 div:last-child>img {
	width: 90%;
	display: block;
	margin: 0 auto 30px auto;
}
#section01 div:last-child p img {
	width: 170px;
	float: left;
	margin-right: 1em;
}
#section01 div:last-child p.clearfix {
	font-size: 0.75em;
	line-height: 1.5em;
	letter-spacing: 0.05em;
}

#section01 div#event li a.img{
	width:165px;
	height:112px;
	display:block;
	position:relative;
	overflow:hidden;
	margin-bottom: 1em !important;
	}
	
#section01 div#event li a.img img{
	min-width:165px;
	min-height:112px;
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	}	

#section01 div#event li p{
	margin-bottom:0 !important;
	}
	
#section01 div#event li p:last-child{
	margin-bottom:1em !important;
	}	

/*20160525*/
#section01 div a.finish{
	position:relative;
	height:175px;
	}
#section01 div a.finish *{	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}

#section01 div a.finish span{
	position:absolute;
	left:0;
	top:26px;
	z-index:10;
	display:block;
	width:350px;
	padding:20px;
	line-height:1.5em;
	color:#cc0000;
	}	
	
#section01 div a.finish img{
	position:relative;
	z-index:0;
	opacity:0.25 !important;
		}	

#section02 {
	clear: both;
	margin-bottom: 50px;
}
#section02 h3 {
	position: relative;
	height: 35px;
	border-bottom: 1px solid #333333;
	margin-bottom: 1em;
}
#section02 h3 a, #section02 h3 span {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#section02 h3 a:link, #section02 h3 a:visited {
	color: #333333;
	text-decoration: none;
}
#section02 h3 a:active, #section02 h3 a:hover {
	color: #999999;
	text-decoration: none;
}
#section02 #news {
	width: 725px;
	float: left;
	padding-bottom:15px;
	border-bottom: 1px solid #333333;
}
#section02 #news dt {
	width: 90px;
	float: left;
	text-align: left;
}
#section02 #news dd {
	width: 625px;
	float: right;
}
#section02 #news dd li {
	clear: both;
	margin-bottom: 0.1em;
}
#section02 #news dd li p {
	float: right;
	width: 540px;
}
#section02 #news dd li .date {
	float: left;
	width: 80px;
}
#section02 #news dd li a:link, #section02 #news dd li a:visited {
	color: #333333;
	text-decoration: none
}
#section02 #news dd li a:active, #section02 #news dd li a:hover {
	color: #999999;
}
#section02 #topics {
	width: 350px;
	float: right;
	padding-bottom:17px;
	border-bottom: 1px solid #333333;
}
#section02 #topics div img {
	width: 200px;
	float: left;
}
#section02 #topics div p {
	width: 140px;
	float: right;
	font-size: 0.9em;
	line-height: 1.5em;
}
#section03 {
	clear: both;
	margin-bottom: 50px;
}
#section03 h2, #section04 h2, #section05 h2 {
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;	font-weight: 500;
	font-weight: normal;
	font-size: 2.3em;
	margin-bottom: 1em;
	text-align: left;
	clear: both;
}

#section03 h2 br,
#section04 h2 br,
#section05 h2 br{
	display:none
	}

#section03 div {
	float: left;
	width: 350px;
	margin-right: 25px;
	position: relative;
}
#section03 div:last-child {
	margin-right: 0;
}
#section03 div img {
	display: block;
	width: 100%;
	padding-bottom: 30px;
}
#section03>div>h3>a {
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;	font-weight: 500;
	font-weight: normall;
	font-size: 1.7em;
	padding-bottom: 0.5em;
	text-align: center;
	letter-spacing: 0.1em;
	display:block;
	text-decoration:none;
}
#section03>div>p>a {
	font-size: 1.2em;
	margin-bottom: 30px;
	padding:0 10px;
		display:block;
	text-decoration:none;
}

#section03>div>h3>a:link,
#section03>div>p>a:link,
#section03>div>h3>a:visited,
#section03>div>p>a:visited{
	color:#494949;
	}
	
#section03>div>h3>a:hover,
#section03>div>p>a:hover,
#section03>div>h3>a:active,
#section03>div>p>a:active{
	color:#cccccc;
	}
	
#section04{
	clear: both;
	margin-bottom: 50px;
}

#section04 .sp{
	display:none;
	}

#section04 .pc{
	display:block;
	}


#section05 {
	clear: both;
	margin-bottom: 30px;
}
#section04 div, #section05 div {
	float: left;
	width: 260px;
	margin-right: 20px;
	position: relative;
}
#section04 div:last-child, #section05 div:last-child {
	margin-right: 0;
}
#section04 div img, #section05 div img {
	display: block;
	width: 100%;
	padding-bottom: 30px;
}
#section04>div>h3>a,
#section05>div>h3>a {
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;	font-weight: 500;
	font-weight: normal;
	font-size: 1.7em;
	padding-bottom: 0.5em;
	text-align: center;
	letter-spacing: 0;
	display:block;
	text-decoration:none;
}

#section04>div>h3 img,
#section05>div>h3 img{
	padding-bottom:0;
	}

#section04>div:nth-child(2)>h3>a{
	white-space:nowrap
	}

#section04 div h3 img {
	width: auto;
	display: block;
	margin: 0 auto;
	position:relative;
	top:-8px;
}
#section04 div p a, #section05 div p a{
	font-size: 1.1em;
	padding-bottom: 30px;
	padding:0 10px;
	display:block;
	text-decoration:none;	
}

#section04>div>h3>a:link,
#section04>div>p>a:link,
#section04>div>h3>a:visited,
#section04>div>p>a:visited,
#section05>div>h3>a:link,
#section05>div>p>a:link,
#section05>div>h3>a:visited,
#section05>div>p>a:visited{
	color:#494949;
	}
	
#section04>div>h3>a:hover,
#section04>div>p>a:hover,
#section04>div>h3>a:active,
#section04>div>p>a:active,
#section05>div>h3>a:hover,
#section05>div>p>a:hover,
#section05>div>h3>a:active,
#section05>div>p>a:active{
	color:#cccccc;
	}

komuten_button{
	cursor:pointer;
	}
	
#movie{
	background-color: rgba(0,0,0,0.5);  
	z-index:200;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none
	}
	
#movie div{
	width:1000px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:40px;
	border:10px solid #cccccc;
	letter-spacing:0.1em;
	position:fixed;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background:#ffffff;
	box-shadow:0px 0px 5px 3px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 0px 5px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 0px 5px 3px rgba(0,0,0,0.2);
	}
		
#movie .close{
	position:absolute;
	right:15px;
	top:15px;
	}
	
div#jkit-lightbox-content{	
	position:fixed;
	width:1010px;
	height:573px;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	padding:10px 0 0 10px;
	background:#000000
}

#section06 {
	clear: both;
	margin-bottom: 100px;
}

#section06 ul{
	}
	
#section06 ul li{
	float:left;
	margin-right:10px;
	width:212px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:10px;
	position:relative;
	border-width:5px;
	border-style:solid;
	border-top-color:#e5e5e5;
	border-right-color:#b3b3b3;
	border-bottom-color:#999999;
	border-left-color:#cccccc;
	height:100px;
	transition: all .3s;
	margin-bottom:10px;
	}
	
	
#section06 ul li:last-child img{
	width:160px;
	}

	
#section06 ul li:hover{
	opacity:0.5;
	}		

#section06 ul li:nth-child(5n){
	margin-right:0;
	}

#section06 ul li div{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	}

#section06 ul li a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:100;
	opacity:0;
	}	

#section06 ul li img{
	width:150px;
	display:block;
	margin:0 auto;
	padding-bottom:10px;
	}
	
#section06 ul li:nth-child(1) img{
	width:130px;
	display:block;
	margin:0 auto; 
	}
	
#section06 ul li div{
	font-size:0.8em;
	line-height:1.4em;
	letter-spacing:0.1em
	}
	
#section06 ul li div p{
	white-space: nowrap;
	text-align:center;
	}		

#section06 ul li div p br{
	display: block !important
	}		
	
	#section06 ul li p:last-child img{
	padding-bottom:0;
	}
	
}