/*-----------------------------------------
layoutbox
------------------------------------------*/
#sidemenu-top {
	position:relative;
	z-index:999;
	border-radius:5px;
	overflow:hidden;
}
/*--------mediaquery-------*/
@media screen and (max-width: 768px) {
	#sidemenu-top {
	width:230px;
	}
	.item {
	width:230px;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	}
	.item-3x {
	}
	.newsframe h2 {
	font-size:100%;	
	}
}
@media screen and (min-width : 769px){
	#sidemenu-top {
	width:230px;
	height:500px;
	}
	.item {
	width:230px;
	margin-top:10px;
	margin-left:10px;
	}
	.item-3x {
	width:710px;
	height:245px;
	}
	.newsframe h2 {
	font-size:112.5%;	
	}
	#sidemenu-top #menu {
	display:block;	
	}
	#sidemenu-top #sidemenu {
	width:230px;	
	}
	#sidemenu-top #toggle{ 
	display: none;
	}
}
/*--------mediaquery end-------*/
#sidemenu-top ul li {
	border-top: 1px solid #e7e5df;
}
.newsframe h2 {
	margin:8px;
	color:#ffffff;
	background-color:#000000;
	font-weight:normal;
	padding:5px;
	text-align:center;
	border-radius:3px;
}
/*--------mediaquery-------*/
@media screen and (max-width: 768px) {
	.masonry-image {
	margin:0px auto;
	}
	.masonry-image img {
	margin:0px auto;
	display:block;
	width:100%;
	max-width:230px;
	}
}
@media screen and (min-width : 769px){

}
/*--------mediaquery end-------*/
@media screen and (max-width: 479px) {
	#top-visual {
	height: 220px;
	position:relative;
	}	
	#top-visual-left {
	padding-top: 20px;
	}
	#top-visual-right {
	padding-top:20px;
	text-align:center;
	}
	#top-visual-right a {
	display:inline-block;
	width:70%;
	}
}

@media screen and (min-width: 480px) and (max-width: 768px) {
	#top-visual {
	height: 300px;
	position:relative;
	}
	#top-visual-left {
	padding-top: 20px;
	}
	#top-visual-right {
	padding-top:20px;
	text-align:center;
	}
	#top-visual-right a {
	display:inline-block;
	width:70%;
	}	
}
@media screen and (min-width : 769px){
	#top-visual {
	height: 264px;
	position:relative;
	}
	#top-visual-left {
	position:absolute;
	padding-top: 48px;
	}
	#top-visual-right {
	position:absolute;
	right:10px;
	text-align: right;
	padding-top:182px;
	}
	#top-visual-right a {
	display:inline-block;
	width:230px;
	}
}
#top-visual-right a {
	display:inline-block;
	text-align:center;
	padding:9px 0;
	border-radius:5px;
	background-color:rgb(223,124,9);
	background-color:rgba(223,124,9,0.9);
	background-image: url(../images/allow.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	color:#fff;
	font-size:112.5%;
	text-decoration:none;
}
#top-visual-right a:hover {
	display:inline-block;
	text-align:center;
	padding:9px 0;
	border-radius:5px;
	background-color:rgb(233,96,154);
	background-color:rgba(233,96,154,0.9);
	background-image: url(../images/allow.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	color:#fff;
	font-size:112.5%;
	text-decoration:none;
}
@media screen and (max-width: 959px) {
	#top-visual-left img {
	width:100%;
	height:auto;
	max-width:608px;
	}
}
@media screen and (max-width: 768px) {
.newsframe-inner {
	margin:0 10px;
	height:140px;
	overflow-y:scroll;	
}
.newsframe p {
}
}
@media screen and (min-width : 769px){
.newsframe-inner {
	margin:0 10px;
	height:180px;
	overflow-y:scroll;	
}
.newsframe p {
padding-right:15px;
}
}

.item .newsframe-inner a {
	display:inline;	
}

.footer-sns {
display:flex;
align-items:center;
justify-content:center;
}
.footer-sns a {
	display:block;
	height:auto;
}
.footer-sns a img {
	max-width:100%;
height:auto;
}
@media screen and (max-width: 768px) {
.footer-sns {
gap:5vw;
}
.footer-sns a {
	width:10vw;
}
}
@media screen and (min-width : 769px){
.footer-sns {
gap:24px;
padding-top:96px;
}
.footer-sns a {
	width:32px;
}
}