/*
 * COSMICRAY OWS STYLE-SHEET for PC 
 * Copyright(c) 2026 COSMICRAY,Inc. All Rights Reserved.
 * https://www.cosmicray.co.jp/
 */
main{
	background-image: url("../img/category/bg_body2160.jpg");
	background-position: 50% 0%;
	background-attachment: fixed;
	margin: 0;
}
/* ---- general ---- */
#main {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	min-width: 1200px;
	background-color: rgba(254, 253, 255, 0.6);
}
#main .home_slider{
	display: block; margin: 0; padding: 0;
	width: 100%; max-height: 900px; overflow: hidden;
}
#home {
	display: block; min-width: 1200px;
	width: 85vw; margin: 0 auto; padding: 50px 0px 0px;
}
#home h2 {
	font-size: 140%; display: block; margin: 0; padding: 3px 6px 2px;
	text-align: left;
	border-left: #8c8fcc 6px solid; border-bottom: #8c8fcc 1px solid;
	border-image: linear-gradient(to right, #8c8fcc 0%, #dfdeef 100%) 1;

}
#news, #banner .banner_flex {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}
#news {
	align-items: flex-start;
	justify-content:flex-start;
	margin-bottom: 10px; padding: 0px;
	text-align: left;
}
#news div { line-height: 160%; }
#news .news_contents {
	display: block;
	width: 390px;height: 565px;
	margin: 5px 5px 4px; padding: 0;
	background: linear-gradient(120deg,rgb(223 222 239 /80%), transparent 70.71%),
		linear-gradient(310deg,rgb(140 143 204 /80%), transparent 70.71%),
		linear-gradient(0deg,rgb(255 255 255 /80%), transparent 80.71%);
	border-radius: 10px;
}
#news .news_image {
	display: block; width: 350px; height: 350px;
	margin: 0 auto; overflow: hidden;
	text-align: center;
}
#news .news_image img       { margin-top: 15px; width: 350px; transition: 1s all; }
#news .news_image img:hover { transform:scale(1.03,1.03); }

#news .release    {
	display: block; background-color: #fff;
	margin: 5px 20px 10px; padding: 10px 10px 5px;
	text-align: left;
	border-radius: 10px;
}
#news .rel_text {
	height:150px; white-space: normal;
	overflow: hidden; text-overflow: ellipsis;
}
#news .date         { margin: 0; text-align: right; }
#news .date::before { content: url("../img/home/clock.gif"); vertical-align: text-top; display: inline-block; }

#home .news_footer {
	display: block;
	margin: 5px 30px 100px;
	text-align: right;
}

#banner {
	display: block;
	margin: 0; padding: 20px 0px 100px;
	text-align: center;
}
#banner ul { list-style-type: none; }
#banner img       { transition: .3s all; }
#banner img:hover { transform: scale(1.08,1.08); }

#banner .banner_flex {
	align-items: center;
	justify-content: center;
	gap: 30px;
}

.release a:link, .release a:visited, .news_footer a:link, .news_footer a:visited {text-decoration: underline;}
.release a:hover, .release a:active, .news_footer a:hover, .news_footer a:active {text-decoration: none;}
.release a::before, .news_footer a::before { content: "▶ "; color: #7eea37; }