@charset "utf-8";
/*トップページのみ*/
h3 {
	padding: 5px 0 5px 20px;
	margin: 0;
	border-bottom: dashed 3px #eee;
}
.tp {
	font-size: 0.9em;
	margin: 0;
	line-height: 1.5em;
	text-align: center;
	padding: 10px 10px 0px 10px;
 	}
.tp2 {
	font-size: 0.9em;
	margin: 0;
	line-height: 1.5em;
	text-align: center;
	padding: 0px 10px 0px 10px;
 	}
img {
	max-width: 100%;
	height: auto;
}
div.gururi{
	width:50%;
	float:left;
}
div.gururi p{
	padding-left:0.3em;
	padding-right:0;
}

div.date {
	display: flex;
	align-items: center;
	float: left;
	width:140px;
}
div.topix {
	display: flex;
	align-items: center;
	float: left;
}
.date > p {
	text-align:left;
	text-indent:0px;
	margin: 0;
	padding: 1em;
	font-size:1.0em;
	line-height:1.0em;
	word-break: break-all;
}
.topix > p {
	text-align:left;
	text-indent:0px;
	margin: 0;
	padding: 1em;
	font-size:1.0em;
	line-height:1.0em;
	word-break: break-all;
}
.topix a {
	text-decoration: none;
	color:#000;
}
.topix a:hover {
	text-decoration:underline;
	color:#c00;
}
hr {
	border-top: 1px solid #eee;
	clear: both;
	line-height:0;
	margin:7px 0 2px 0;
}
table {border: none;}
td {border: none;}
.swiper-container:before {
  content: "";
  display: block;
  padding-top: calc(9/16*100%); /* 縦/横*100の値を書く */
}
.swiper-wrapper {
	width: 100%;
  position: relative;
  top: 48px;
  left: 0;
}
.swiper-wrapper img {
    width: 100%;
    height: auto;
}
.top_contents_menu {display: block;clear:both;width:99%;padding-left: 1%;}
.top_contents_menu > .box33 {width:99%;margin: 1%;border:solid 1px #1F2C5F;border-radius:10px;}
.top_contents_menu > .box33 > p {padding-left:1em;}

/* styles for tablet */
@media screen and (min-width : 960px ){
	.top_contentsmenu {display: flex;align-content: center;justify-content: center;}
	.top_contents_menu > .box33 {width:32%;margin:0.5%;}
}