@charset "utf-8";

/* slideshow
-------------------------------- */
.slideshow{
position:fixed;
top:-10px;
bottom:0;
left:0;
right:0;
z-index:-1;
width:100%;
text-align:center;
background:#2c2c41;
}
.slideshow .slider-pro img.sp-image{ max-width:1920px; }
.slideshow .sp-image-container{ max-height:900px; }
@media only screen and (max-width:640px){
.slideshow{top:-2%;}
.slideshow .sp-image-container{ max-height:630px; }
}
@media only screen and (max-width:500px){
.slideshow{top:-3%;}
.slideshow .sp-image-container{ max-height:500px; }
.slideshow .slider-pro img.sp-image{ max-width:500px; }
}
.switch { visibility: hidden; }

/* topics
-------------------------------- */
.topics{
position:relative;
width:100%;
margin:0px auto;
text-align:center;
font-size:1.3em;
font-weight:bold;
}
@media print, screen and (min-width:781px){
	.topics{ height:800px; }
}
@media only screen and (max-width:780px){
	.topics{ height:1200px; }
}
@media only screen and (max-width:640px){
	.topics{ height:950px; }
}
@media only screen and (max-width:500px){
	.topics{ height:800px; }
}
.topics_box{
position:absolute;
bottom:15px;
left:0;
right:0;
}
.topics_box a{
display:inline-block;
vertical-align:bottom;
position:relative;
margin:5px;
background:#fff;
}
@media only screen and (min-width:640px){
	.topics_box a img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}
}
.topics_box a span{
position:absolute;
bottom:0;
left:0;
background-color: rgba(0,0,0,0.8);
color:#fff;
width:96%;
padding:10px 2%;
}
@media print, screen and (min-width:781px){
	.topics a{ width:30%; max-width:350px; }
}
@media only screen and (max-width:780px){
	.topics{ width:100%;}
	.topics_box{ width:100%;bottom:0;background:#2c2c41;padding:3px 0px;}
	.topics a{ width:100%;height:170px;overflow:hidden;margin:0px auto;}
	.topics_box a span{top:0;height:0.95em;font-size:0.95em;}
	.topics a img{ width:100%;}
}

/* contents
-------------------------------- */
.contents{
width:100%;
margin:0px auto;
padding:10px 0px;
text-align:center;
background:#2c2c41;
}
@media only screen and (max-width:500px){
	.contents { padding:1px 0px; }
	.contents h2{ display:none;}
}

/* top_message
-------------------------------- */
.top_message{
background:#ccd8da;
width:100%;
margin:5px auto 0px;
}

.top_message a{
display:block;
width:100%;
position:relative;
overflow:hidden;
margin:0px auto;
color:#353535;
}
@media print, screen and (min-width:991px){
	.top_message a{ max-width:1100px; height:450px; }
}
@media only screen and (max-width:990px){
	.top_message a{ height:320px; }
}
@media only screen and (max-width:680px){
	.top_message a{ height:200px; }
}
@media only screen and (max-width:320px){
	.top_message a{ height:180px; }
}


@media only screen and (min-width:640px){
	.top_message a:hover > img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}
}

.top_message a .txt{
position:absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
text-align:left;
}
@media print, screen and (min-width:791px){
	.top_message a .txt{ width:50%;height: 150px;font-size:1.6em;line-height:1.7em; }
}
@media only screen and (max-width:790px){
	.top_message a .txt{ width:55%;height:130px;font-size:1.4em;line-height:1.6em; }
}
@media only screen and (max-width:680px){
	.top_message a .txt{ width:60%;height:80px;font-size:1.1em;line-height:1.5em; }
}
@media only screen and (max-width:500px){
	.top_message a .txt{ width:100%;height:80px;text-align:center; }
	.top_message a img{ width:auto;max-width:150%;height:100;opacity: 0.5; }
}

.top_message a .txt p{
font-weight:bold;
 text-shadow: 2px 2px 3px #fff,
    -2px 2px 3px #fff,
    2px -2px 3px #fff,
    -2px -2px 3px #fff;
}
.top_message a .txt .b_link{
font-size:0.7em;
padding:0px 30px 0px 10px;
}

/* staff_message
-------------------------------- */
.staff_message a{
display:block;
position:relative;
}
.staff_message a  img{
width:100%;
}
.staff_message a .txt{
position:absolute;
bottom:15px;
left:25px;
text-align:left;
}
.staff_message a .txt .icon{
display:inline-block;
color:#3e3e3e;
font-weight:bold;
background:#fff;
border:1px solid #f9f9f9;
margin-bottom:5px;
padding:2px 10px;
font-size:0.9em;
line-height:1.3em;
}
.staff_message a .txt p{
color:#fff;
font-weight:bold;
text-shadow: 1px 1px 3px #000;
font-size:1.6em;
line-height:1.2em;
}
@media print, screen and (min-width:991px){
	.staff_message a .txt p{ font-size:1.4em;line-height:1.4em; }
}
@media only screen and (max-width:990px){
	.staff_message a .txt p{ font-size:1.3em;line-height:1.45em; }
	.staff_message a .txt{ height:30%; }
}
@media only screen and (max-width:956px){
	.staff_message a .txt{ height:40%; }
}
@media only screen and (max-width:690px){
	.staff_message a .txt p{ font-size:1.1em;line-height:1.5em; }
	.staff_message a .txt{ height:68%; }
}
@media only screen and (max-width:500px){
	.staff_message a img{ opacity: 0.6; }
	.staff_message a{ background:#ccd8da; }
	.staff_message a .txt{
	top: 0;
	right: 0;
	left:0;
	bottom: 0;
	margin: auto;
	text-align:center;
	height:110px;
	}
	.staff_message a .txt p{
	color:#353535;
	text-shadow: 2px 2px 3px #fff,
	-2px 2px 3px #fff,
	2px -2px 3px #fff,
	-2px -2px 3px #fff;
	}
}

@media only screen and (min-width:640px){
	.staff_message a:hover > img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}
}

/* link_box
-------------------------------- */
.link_box{
width:95%;
max-width:1300px;
}
.link_box a{
display:inline-block;
vertical-align:top;
color:#fff;
font-size:0.8em;
line-height:1.5em;
text-decoration:none;
}
.link_box a:hover > span {
color:#2c2c41;
border:1px solid #2c2c41;
background:#ff7200;
}
.link_box a span{
display:inline-block;
color:#ff7200;
border:1px solid #ff7200;
font-size:0.7em;
padding:0px 10px;
margin:10px auto;
}
@media print, screen and (min-width:681px){
	.link_box { margin:50px auto; }
	.link_box a{ width:32.8%; }
	.link_box a p{ margin:10px auto; }
}
@media only screen and (max-width:680px){
	.link_box { margin:5px auto 0px; }
	.link_box a{ width:100%;padding:10px 0px;border-bottom:1px solid #4c4c68; }
	.link_box a br{ display:none; }
	.link_box a p{ margin:0px auto; }
}