@charset "utf-8";

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


#header p{
	
	position:relative !important;
	display:block;
	}
	
#header h1{
	display:none !important
	}
	
#header h1.pc{
	display:none !important
	}

#header h1 img{
	height:70px;
	}	
	
#slider {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom:1em;
}
#slider div {
	position: relative;
	z-index: 100;
}

#slider .sp{
	display:block !important;
	overflow:hidden;
	}

.bx-viewport{
	height:210px !important;
	}

#slider .sp img {
	position: relative;
	width:100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
/*
#slider .pc{
	display:block !important;
	height:250px;
	overflow:hidden;
	}

.bx-viewport{
	height:210px !important;
	}

#slider .pc img {
	position: relative;
	width:100%;
	min-width:767px;
	min-height:350px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#slider .pc img.first-child {
	position: absolute;
	width:100%;

	}

*/
	
.bx-wrapper{
	margin-bottom:0 !important;
	}	

#slider div canvas {
	position: relative;
	width:100%;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
#slider #slider_container {
	position: absolute;
	z-index: 1000;
	height:10px !important;
	width: 100%;
}

#slider p {
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 1em;
	line-height:1.5em;
	color: #FFFFFF;
	-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 div {
	position: absolute;
	top: 10px;
	right: 10px;
}

#slider div.bxslider div div{
	position: absolute;
	height: 200px !important;
	width: 96%;
	display:inline-block;
	z-index: 1000;
	left:50% !important;
	-webkit-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
	}

#slider div.bxslider div div p{
	position: absolute;
	left: 0;
	bottom: 40px;
	font-size: 1.1em;
	color: #FFFFFF;
	letter-spacing: 0.05em;
	line-height:1.5em
	}
	
#section01 {
	margin-bottom: 40px;
}
#section01 div {
	width: 100%;
	position: relative;
	margin-bottom:2em
}

#section01 div:last-child{
	margin-bottom: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: 20px;
}
#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;
	letter-spacing: 0.1em;
	text-decoration:none;
	display:block;
}
#section01>div>p>a {
	font-size: 1.2em;
	margin-bottom: 20px;
	padding:0 10px;
	text-decoration:none;
	display:block;
}

/*20160120*/
#section01>div>dl{
	position:absolute;
	top:10px;
	z-index:100;
	left:50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width:40%;
	}
	
#section01>div>dl>dt{
	text-align:center;
	position:relative;
	}

#section01>div>dl>dt>a>img{
	width:100%;
	padding-bottom:5px;
	display:inline;
	opacity:1 !important
	}
	
#section01>div>dl>dd{
	white-space:nowrap;
	position:absolute;
	color:#ffffff;
	left:50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	}
	
	
#section01 div ul {
	width: 100%;
	clear: both;
	
}
#section01 div ul li {
	width: 47.5%;
	float: left;
	margin-right: 5%;
	margin-bottom: 5%;
}

#section01 div ul li:nth-child(even){
	margin-right:0;
	}

#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 a:hover{
	opacity:0.5;
	}

#section01 div ul li p a {
	text-decoration: none;
}
#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: 70%;
	display: block;
	margin: 0 auto 20px auto;
}
#section01 div:last-child p.clearfix {
	font-size: 0.75em;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	margin-bottom:0 !important;
}

#section01 div#event li a.img{
	width:100%;
	height:200px;
	display:block;
	position:relative;
	overflow:hidden;
	padding-bottom: 1em !important;
	}
	
#section01 div#event li a.img img{
	min-width:165px;
	min-height:112px;
	width:100%;
	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{

	}
#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;	
	text-decoration:none !important;
}

#section01 div a.finish{
	text-decoration:none !important;
	position:relative;	
	display:block
	}

#section01 div a.finish span{
	position:absolute;
	z-index:10;
	display:block;
	width:100%;
	padding:20px;
	line-height:1.5em;
	color:#cc0000;
	text-decoration:none !important;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	
	}	
	
	
#section01 div a.finish img{
	position:relative;
	z-index:0;
	opacity:0.25 !important;
		}	

#section02 {
	clear: both;
	margin-bottom: 40px;
}

#section02 #news_sp{
	margin-bottom:20px;
	}
	
#section02 #news_sp h2{
	background:#333333;
	padding:7px;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:1em
	}	

#section02 #news_sp h2 img.button{
	position:absolute;
	right:5px;
	top:5px;
	width:20px;
	}

#section02 #news_sp dl{
	display:none;
	}

#section02 #news_sp dd li{
	padding:10px;
	border-bottom:1px solid #e3e3e3;
	line-height:1.5em;
}
#section02 #news_sp dd li p.date{
	margin-bottom:0.25em;
	letter-spacing:0.1em
	}
	
#section02 #news_sp dd li:nth-child(odd){
	background:#f3f3f3;
	}	


#section02 #topics_sp{
	border:1px solid #333333;
	}
	
#section02 #topics_sp h2{
	background:#333333;
	padding:3px 7px;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}	

#section02 #topics_sp div{
	padding:1em;
	line-height:1.5em;
	position:relative;
	}
	
#section02 #topics_sp div img{
	width:80%;
	margin:0 auto 1em auto;
	display:block;
	}	

#section03 {
	clear: both;
	margin-bottom: 20px;
}
#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: 1.9em;
	padding-bottom: 1em;
	text-align: left;
	clear: both;
	line-height:1.5em
}

#section03 div {
	width: 100%;
	position: relative;
	padding-bottom:2em
}

#section03 div:last-child {
	margin-right: 0;
}
#section03 div img {
	display: block;
	width: 100%;
	padding-bottom: 20px;
}
#section03>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.1em;
	text-decoration:none;
	display:block;
}
#section03>div>p>a {
	font-size: 1.2em;
	padding-bottom: 20px;
	padding:0 10px;
	text-decoration:none;
	display:block;
}

#section04{
	clear: both;
	margin-bottom: 20px;
}



#section05 {
	clear: both;
	margin-bottom: 20px;
}

#section04 div, #section05 div {
	width: 47.5%;
	float: left;
	margin-right: 5%;
	margin-bottom: 5%;
}

#section04 div div, #section05 div div {
	width: auto;
	float: none;
	margin-right: 0;
	margin-bottom: 0;
}

#section04 div:nth-child(2n+1),
#section05 div:nth-child(2n+1),
#section04 div:last-child,
#section05 div:last-child {
	margin-right: 0;
}

#section04 div:nth-child(2n+2),
#section05 div:nth-child(2n+2){
	clear:both	
	}

#section04 div img, #section05 div img {
	display: block;
	width: 100%;
	padding-bottom: 20px;
}
#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.2em;
	padding-bottom: 0.5em;
	text-align: center;
	text-decoration:none;
	display:block;
}

#section04 div h3 img {
	width: auto;
	display: block;
	margin: 0 auto;
	height:20px;
	padding-bottom:7px;
}

#section04>div>p>a, #section05>div>p>a {
	font-size: 1em;
	margin-bottom: 20px;
	line-height:1.5em;
	text-decoration:none;
	display:block;
}

div#jkit-lightbox-content{	
	position:fixed;
	width:610px;
	height:348px;
	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: 20px;
}

#section06 ul{
	margin:0 10px;
	}
	
#section06 ul li{
	
	-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:110px;
	transition: all .3s;
	margin-bottom:10px;
	width:48%;
	}
	
#section06 ul li:nth-child(odd){
	float:left;
	}
	
#section06 ul li:nth-child(even){
	float:right;
	}	
	
#section06 ul li:nth-child(2n+1){
	clear:both;
	}		
	
#section06 ul li:hover{
	opacity:0.5;
	}		

#section06 ul li:last-child{
	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:70%;
	display:block;
	margin:0 auto 10px auto; 
	}

	
#section06 ul li div{
	
	letter-spacing:0;
	width:100%;
	position:relative;
	}
	
#section06 ul li div p{
	line-height:1.3em;
	text-align:center;
	font-size:0.78em;
	letter-spacing:-0.1em
	}
	#section06 ul li div p br{
		display: none
	}

}