/*

*/

/*------------------------------------*\
    SuperBox
\*------------------------------------*/
*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
body {
	background:#eeeeee;
}
ul {
	list-style:none;
}
img {
	vertical-align:bottom;
}
h1 {
	display: none;
}

.wrapper {
	max-width:1280px;
	margin:0 auto;
}
.logo {
	margin:25px 0;
	text-align:center;
}
.logo-img {
	max-width:95%;
}
.clearfix {
	clear:both;
}
/* SuperBox */
.superbox-list {
	display:inline-block;
	*display:inline;
	zoom:1;
	width:12.5%;
}
.superbox-img {
	max-width:100%;
	width:100%;
	cursor:pointer;
}
.superbox-show {
	text-align:center;
	position:relative;
	background:#333;
	box-shadow:inset 0 1px 5px #111;
	-webkit-box-shadow:inset 0 1px 5px #111;
	-moz-box-shadow:inset 0 1px 5px #111;
	width:100%;
    float:left;
	padding:25px;
	display:none;
}
.superbox-current-img {
	max-width:100%;
	box-shadow:0 1px 4px #222;
	border:1px solid #222;
}
.superbox-img:hover {
	opacity:0.8;
}
.superbox-float {
	float:left;
}
.superbox-close {
	opacity:0.7;
	cursor:pointer;
	position:absolute;
	top:25px;
	right:25px;
	background:url(../image/close.gif) no-repeat center center;
	width:35px;
	height:35px;
}
.superbox-close:hover {
	opacity:1;
}
.photo_album_list { margin: 0 auto; }

@media only screen and (min-width: 320px) {
	.superbox-list {
		width:50%;
	}
	.event_date { width: 100%; }
	.event_title { width: 100%; }
	form { text-align: left; margin-left: 0px; }
	form .field-body { display: inline-block; width: 280px; text-align: left; }
	form .field-body textarea { width: 20px; }
	form .field-body input[type=text] { width: 75%; }
	form .field-body textarea { width: 75%; height: 100px; }

	.newslist ul li { text-align: center; }
	.member_news_list ul li .event_body { text-align: left; }
}
@media only screen and (min-width: 486px) {
	.superbox-list {
		width:25%;
	}
	form { text-align: center; margin-left: 30px; }
	form .field-body { display: inline-block; width: 400px; text-align: left; }
	form .field-body input[type=text] { width: 263px; }
	form .field-body textarea { width: 263px; height: 100px; }

	.photo_album_list { width: 486px; margin: 0 auto; }
	.photo_album_list div { }

}
@media only screen and (min-width: 768px) {
	.superbox-list {
		width:16.66666667%;
	}
	.event_date { width: 120px; text-align: left; }
	.event_title { width: 500px; text-align: left; }
	.newslist ul li { text-align: left; }
	#top .newslist ul li { text-align: center; }
}
@media only screen and (min-width: 1025px) {
	.superbox-list {
		width:12.5%;
	}
	.event_body {
		width: 640px;
		margin: 0 auto;		
	}

}

.event_desc a { cursor: pointer; padding: 5px 0px 3px 30px; }
.event_body { 
	display: none;
	background: #333;
	border-top: #666 solid 1px;
	border-bottom: #666 solid 1px;
	padding: 20px 10px;
	margin-bottom: 20px;
}

.event_date { 
	display: inline-block;
	font-family: monospace;
	font-size: 12px;
}

.event_title {
	overflow:hidden;
	display: inline-block;
	font-family: monospace;
	vertical-align: baseline;
}

.event_thumbnail {
	display: inline-block;
	margin: 3px;
}

.event_title img { vertical-align:middle; display: inline-block; padding-bottom:4px; }
.event_subject img { vertical-align:middle; }
.newslist ul li { margin-bottom: 5px; }
h2 { margin-bottom: 10px; }

@media screen and (-webkit-min-device-pixel-ratio:0) { /* chromeでのみ適用 */
	.event_date {
		position: relative;
		top: -8px;
	}

	.member_news_list .event_date {
		position: relative;
		top: -3px;
	}
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: transparent;
    text-decoration: none;
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 0px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: transparent;
}

.remodal .contact_message { margin-bottom: 20px; margin-top: 20px; }
form div { margin-bottom: 10px; }
form .field-label { display: inline-block; width: 100px; text-align: left; }
form .field-require { color: red; text-align: left; }
form .field-require { display: inline-block; margin-left: 10px; }
form .form-buttons { text-align: center; }
form .field-explain { color: #5b6e87;}
label.field-radio-label { margin-left: 5px; margin-right: 15px; }

.remodal-error-message, .remodal-waiting-message { display: none; }
.remodal-waiting-message { color: #16a085; }



div.newslist-title-container {
  height: 30px;
}

div.newslist-container {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 10px 0px 0px 0px;
}

div.newslist-container a.news-slidedown {
  color: #00f;
}

div.newslist-container a.news-slidedown:hover {
  color: #33f;
}

div.newslist-container span.news-category {
  color: #000;
}