@charset "utf-8";
/* CSS Document */
#HeaderWrapper {
}
#header{
}
#HeaderWrapper.sticky-top {
}
#TopNews{
}
#FeedBox {
	/*height: 255px;*/
	overflow: hidden;
}
#FeedBox a {
	color: #555555;
	border-bottom: #555555 1px dotted;
	text-align: left;
}
#FeedBox a li div.title {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
	vertical-align: middle;
}

#greeting{
	background-image: url(/w/wp-content/uploads/2025/01/greeting_bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
}

#TopContents #pict2{
	background-image: url(/w/wp-content/uploads/2025/05/ab5174e10721cfc646f14044ea72eeba.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#TopContents #pict3{
	background-image: url(/w/wp-content/uploads/2025/01/pict3.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#TopContents #pict4{
	background-image: url(/w/wp-content/uploads/2025/02/pict4.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#TopContents .pict{
  filter: grayscale(100%);
  transition: all 0.3s ease-in;
}
#TopContents .colorscale{
  filter: grayscale(0%);
}
#TopContents .thumb{
  filter: grayscale(0%);
  transition: all 0.3s ease-in;
}
#TopContents .grayscale{
  filter: grayscale(100%);
}
#TopContents a:hover {
	opacity: 1;
}
#TopContents a:hover .bg-gray{
	color: #555555;
	opacity: 0.7;
	transition: all 0.3s ease;
	text-decoration: none;
}
#TopContents #wagara1,
#TopContents #wagara2,
#TopContents #wagara3{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#TopContents #wagara1{
	background-image: url(/w/wp-content/uploads/2025/01/wagara1.png);
}
#TopContents #wagara2{
	background-image: url(/w/wp-content/uploads/2025/01/wagara2.png);
}
#TopContents #wagara3{
	background-image: url(/w/wp-content/uploads/2025/01/wagara3.png);
}


/* ########### 1299px以下 ＞xl ########### */
@media (max-width: 1299px) {
}
/* ########### 991px以下 ＞lg ########### */
@media (max-width: 991px) {
}
/* ########### 767px以下 ＞md ########### */
@media (max-width: 767px) {
}
/* ########### 575px(sm)以下 ########### */
@media (max-width: 575px) {
}
/*トップページ用 設定 OnlyTop*/