@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {
  font-family: 'Noto Sans JP', sans-serif;
    background-color: #fff;
}
.wrap {
  max-width: 1200px;
}
.content-in {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
margin:0 auto;
}

.main {
    width: 66%;
    background:#fbfbfb;
}
.sidebar {
    width: 32%;
    background:#fbfbfb;
}
#content {
  margin: 5% 0;
}
.eye-catch-wrap {
  /* display: none; */
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/************************************
調整
************************************/

.main {
  background: #fff;
  padding: 0;
}
.sidebar {
  background: #f9f9f9;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
  font-weight: 500;
  margin: 0 0 16px;
}
/*サイド
************************************/
.sidebar h3 {
  background-color: #00A583;
  color: #fff;
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover {
  background-color: #f9f9f9;
}
/*カテゴリ
************************************/
.a-wrap:hover {
  background-color: #f9f9f9;
}

.pagination .current {
  background-color: #00A583;
  color: #fff;
}
.pagination-next-link:hover, .comment-btn:hover {
  background-color: #f9f9f9;
}
.pagination a:hover {
  background-color: #f9f9f9;
}
.entry-title, .archive-title {
    margin: 0 0 16px;
}
/*投稿ページ
************************************/
.pager-post-navi a .iconfont {
  color: #00A583;
}

.sns-share, .sns-follow,
.article-footer.entry-footer{
  display: none;
}

.eye-catch-wrap figure.eye-catch .cat-label{
  display: none;
}
.pager-post-navi {
  display: flex;
  flex-wrap: wrap;
  flex-direction: unset;
}
.under-entry-content{
  padding: 1% 2%;
  background: #f9f9f9;
}
@media screen and (max-width: 480px){
  .entry-title, .article h2 {
      font-size: 20px;
      padding: 0;
  }
}
/************************************
** 日付関係のスタイル
************************************/
span.post-update {
    display: none;
}
.pager-post-navi a.prev-post,
.pager-post-navi a.next-post {
  width: 50%;
  box-sizing: border-box;
}



/*=================
個別設定　お知らせ
===================*/
ul.tab_area{
	overflow:
	hidden;
	display: flex;
	margin:0;
	font-size: 20px;
	padding: 0;
}
ul.tab_area li{
	width: 100%;
	/* height:49px; */
	text-align:
	center;
	/* border-right: 1px dotted #909090; */
	cursor: pointer;
	vertical-align:
	middle;
	/* display:
	table-cell; */
	color:#333333;
	background-color:#ffffff;
	border-radius: 10px 10px 0 0;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	/* border-bottom: 2px solid #ccc; */
	list-style: none;
	box-sizing:
	border-box;
	list-style-type:
	none;
	padding: 15px 0;
	line-height: 1.6;
}
ul.tab_area li:nth-child(1){
	border-top: 2px solid #808080;
	border-left: 2px solid #808080;
	border-right: 2px solid #808080;
}
ul.tab_area li:nth-child(2){
	border-top: 2px solid #29abe2;
	border-left: 2px solid #29abe2;
	border-right: 2px solid #29abe2;
	color: #29abe2;
}
ul.tab_area li:nth-child(3){
	border-top: 2px solid #ff931e;
	border-left: 2px solid #ff931e;
	border-right: 2px solid #ff931e;
	color: #ff931e;
}
.all_area {
	/* background:#efefef; */
	padding: 0;
	overflow: hidden;
	max-width: 1000px;
	margin: 0 auto;
}
.all_area div.content_area{
	/*Tabの内容を表示するエリアの装飾*/
	background:#ffffff;
	padding: 3% 5% 5%;
	box-sizing: border-box;
	border-radius: 0 0 10px 10px;
}
.all_area div.content_area .news-list{
	margin: 0 0 3%;
}
.all_area div.content_area .news-list li:nth-of-type(n+4){
		display:none;
	}
.all_area div.content_area:nth-of-type(1){
	border: 2px solid #808080;
}
.all_area div.content_area:nth-of-type(2){
	border: 2px solid #29abe2;
}
.all_area div.content_area:nth-of-type(3){
	border: 2px solid #ff931e;
}

ul.tab_area li.select{
	/* background-color:#ffffff; */
	/* background-image:
	none; */
	/* color:#333333; */
	/* border-top:2px solid #e94545; */
	border-bottom: none!important;
	color: #fff;
}
ul.tab_area li:nth-child(1).select{
	background: #808080;
}
ul.tab_area li:nth-child(2).select{
	background: #29abe2;
}
ul.tab_area li:nth-child(3).select{
	background: #ff931e;
}

ul.tab_area li:nth-child(1):not(.select){
	/* border-bottom: 3px solid #808080; */
}
ul.tab_area li:nth-child(2):not(.select){
	/* border-bottom: 3px solid #29abe2; */
}
ul.tab_area li:nth-child(3):not(.select){
	/*border-bottom: 3px solid #ff931e;*/
}

.hide{display:none;}


.top-news {
    width: 100%;
    max-width: 1200px;
    /* border: 2px solid #cccccc; */
    box-sizing: border-box;
    /* padding: 2rem; */
    /* border-radius: 20px; */
    margin: 0 auto;
}


.top-news-wrap {
    width: 100%;
    margin: 0 auto 3%;
    padding: 0;
}

.top-news-box {
    margin: 0;
}

.top-news-box:last-of-type{
	margin-bottom: 0;
}

.top-news-box-top {
    display: flex;
    border-bottom: 2px solid #ccc;
    padding: 20px 0;
    margin: 0;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

p.news-cate {
    font-size: 0.8rem;
    line-height: 1;
    padding: 5px 0;
    min-width: 10rem;
    text-align: center;
    box-sizing: border-box;
}
.Ncate00{
	color: #333 !important;
	border: 1px solid #333;
}
.Ncate01{
	color: #29abe2 !important;
	border: 1px solid #29abe2;
}
.Ncate02{
	color: #ff931e !important;
	border: 1px solid #ff931e;
}
.Ncate03{
	color: #ff7bac !important;
	border: 1px solid #ff7bac;
}

p.news-date {
    font-size: 0.8rem;
}

.top-news-box-btm{
	width: 65%;
}
a.news-ttl {
    font-size: 1rem;
    text-align: left;
    width: 100%; /* 省略せずに表示するサイズを指定 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.top-news-menu {
    display: flex;
    flex-wrap: wrap;
    max-width: 90%;
    margin: 0 auto;
	justify-content: space-between;
}


a.top-news-menu-link {
    /* display: block; */
    width: 29%;
    text-align: center;
    /* line-height: 1; */
    padding: 0.6rem;
    font-size: 1rem;
    box-sizing: border-box;
    text-decoration: none;
}
a.top-news-menu-link:after {
    content:"»";
}

a.Ncate00:hover{
	color: #fff !important;
	border: 1px solid #333;
	background: #333;
}
a.Ncate01:hover{
	color: #fff !important;
	border: 1px solid #29abe2;
	background: #29abe2;
}
a.Ncate02:hover{
	color: #fff !important;
	border: 1px solid #ff931e;
	background: #ff931e;
}
a.Ncate03:hover{
	color: #fff !important;
	border: 1px solid #ff7bac;
	background: #ff7bac;
}

.top-news-menu {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 3% auto 0;
    justify-content: space-between;
    padding: 0;
}

.btn-all-info a{
	width:100%;
	background:#333;
	display:
	block;
	padding:15px;
	text-align:
	center;
	color:#fff;
	box-sizing: border-box;
}
.btn-all-info a:hover{
	opacity:0.8;
}
.btn-all-info a:after{
	content:"»";
}
.cl-0 a{
	background:#333;
}
.cl-2 a{
	background:#29abe2;
}
.cl-3 a{
	background: #ff931e;
}
@media(max-width:960px){
	ul.tab_area{
		overflow:
		hidden;
		display: flex;
		margin:0;
		font-size: 20px;
	}
	ul.tab_area li{
		width: 100%;
		/* height:49px; */
		text-align:
		center;
		/* border-right: 1px dotted #909090; */
		cursor: pointer;
		vertical-align:
		middle;
		/* display:
		table-cell; */
		color:#333333;
		background-color:#ffffff;
		border-radius: 10px 10px 0 0;
		border-top: 2px solid #ccc;
		border-left: 2px solid #ccc;
		border-right: 2px solid #ccc;
		/* border-bottom: 2px solid #ccc; */
		list-style: none;
		box-sizing:
		border-box;
		list-style-type:
		none;
		padding: 10px 0;
		font-size: 18px;
	}
	ul.tab_area li:nth-child(1){
		border-top: 2px solid #808080;
		border-left: 2px solid #808080;
		border-right: 2px solid #808080;
	}
	ul.tab_area li:nth-child(2){
		border-top: 2px solid #29abe2;
		border-left: 2px solid #29abe2;
		border-right: 2px solid #29abe2;
		/* color: #29abe2; */
	}
	ul.tab_area li:nth-child(3){
		/* border-top: 2px solid #ff931e; */
		/* border-left: 2px solid #ff931e; */
		/* border-right: 2px solid #ff931e; */
		/* color: #ff931e; */
	}
	.all_area {
		/* background:#efefef; */
		padding: 0;
		overflow: hidden;
		max-width: 1000px;
		margin: 0 auto;
	}
	.all_area div.content_area{
		/*Tabの内容を表示するエリアの装飾*/
		background:#ffffff;
		padding: 3% 5% 5%;
		/* border-bottom: 2px solid #ccc; */
		/* border-left: 2px solid #ccc; */
		/* border-right: 2px solid #ccc; */
		box-sizing: border-box;
		border-radius: 0 0 10px 10px;
	}
	.all_area div.content_area:nth-of-type(2){
		/* border-bottom: 2px solid #29abe2; */
		/* border-left: 2px solid #29abe2; */
		/* border-right: 2px solid #29abe2; */
	}
	.all_area div.content_area:nth-of-type(3){
		/* border-bottom: 2px solid #ff931e; */
		/* border-left: 2px solid #ff931e; */
		/* border-right: 2px solid #ff931e; */
	}
	
	ul.tab_area li.select{
		background-color:#ffffff;
		background-image:
		none;
		/* color:#333333; */
		/* border-top:2px solid #e94545; */
		border-bottom: none!important;
	}
	ul.tab_area li:nth-child(1).select{
		/* background:#ffffff; */
	}
	
	ul.tab_area li:nth-child(1):not(.select){
		/* border-bottom: 2px solid #ccc; */
	}
	ul.tab_area li:nth-child(2):not(.select){
		/* border-bottom: 2px solid #29abe2; */
	}
	ul.tab_area li:nth-child(3):not(.select){
		/* border-bottom: 2px solid #ff931e; */
	}
	
	.hide{display:none;}
	
	
	.top-news {
	    /* width: 90%; */
	    max-width: 1200px;
	    /* border: 2px solid #cccccc; */
	    box-sizing: border-box;
	    /* padding: 2rem; */
	    /* border-radius: 20px; */
	    /* margin: 8rem auto; */
	}
	
	
	.top-news-wrap {
	    width: 100%;
	    margin: 0 auto 3%;
	    padding: 0;
	}
	
	.top-news-box {
	    margin: 0;
	}
	
	.top-news-box:last-of-type{
		margin-bottom: 0;
	}
	
	.top-news-box-top {
	    display: block;
	    border-bottom: 2px solid #ccc;
	    padding: 20px 0;
	    margin: 0;
	    justify-content: space-between;
	    align-items: center;
	    flex-wrap: wrap;
	}
	
	p.news-cate {
	    font-size: 0.8rem;
	    line-height: 1;
	    padding: 3px 0;
	    min-width: 10rem;
	    text-align: center;
	    box-sizing: border-box;
	    width: 100%;
	    max-width: 165px;
	}
	.Ncate00{
		color: #333 !important;
		border: 1px solid #333;
	}
	.Ncate01{
		color: #29abe2 !important;
		border: 1px solid #29abe2;
	}
	.Ncate02{
		color: #ff931e !important;
		border: 1px solid #ff931e;
	}
	.Ncate03{
		color: #ff7bac !important;
		border: 1px solid #ff7bac;
	}
	
	p.news-date {
	    font-size: 0.8rem;
	}
	
	.top-news-box-btm{
		width: 100%;
		margin: 5px 0;
	}
	a.news-ttl {
	    font-size: 1rem;
	    text-align: left;
	    width: 100%; /* 省略せずに表示するサイズを指定 */
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: block;
	}
	
	.top-news-menu {
	    display: flex;
	    flex-wrap: wrap;
	    max-width: 90%;
	    margin: 0 auto;
		justify-content: space-between;
	}
	
	
	a.top-news-menu-link {
	    /* display: block; */
	    width: 32%;
	    text-align: center;
	    /* line-height: 1; */
	    padding: 2%;
	    font-size: 14px;
	}
	a.top-news-menu-link:after {
	    content:"»";
	}
	
	a.Ncate00:hover{
		color: #fff !important;
		border: 1px solid #333;
		background: #333;
	}
	a.Ncate01:hover{
		color: #fff !important;
		border: 1px solid #29abe2;
		background: #29abe2;
	}
	a.Ncate02:hover{
		color: #fff !important;
		border: 1px solid #ff931e;
		background: #ff931e;
	}
	a.Ncate03:hover{
		color: #fff !important;
		border: 1px solid #ff7bac;
		background: #ff7bac;
	}
	
	.top-news-menu {
	    display: flex;
	    flex-wrap: wrap;
	    max-width: 100%;
	    margin: 3% auto 0;
	    justify-content: space-between;
	    padding: 0;
	}
	
	.btn-all-info a{
		width:100%;
		background:#333;
		display:block;
		padding:15px;
		text-align:center;
		color:#fff;
	}
	.btn-all-info a:hover{
		opacity:0.8;
	}
	.btn-all-info a:after{
		content:"»";
	}
	.cl-0 a{
		background:#333;
	}
	.cl-2 a{
		background:#29abe2;
	}
	.cl-3 a{
		background: #ff931e;
	}
}
@media(max-width:768px){
	
	ul.tab_area{
		overflow:
		hidden;
		display: flex;
		margin:0;
		font-size: 20px;
	}
	ul.tab_area li{
		width: 100%;
		/* height:49px; */
		text-align:
		center;
		/* border-right: 1px dotted #909090; */
		cursor: pointer;
		vertical-align:
		middle;
		/* display:
		table-cell; */
		color:#333333;
		background-color:#ffffff;
		border-radius: 10px 10px 0 0;
		border-top: 2px solid #ccc;
		border-left: 2px solid #ccc;
		border-right: 2px solid #ccc;
		/* border-bottom: 2px solid #ccc; */
		list-style: none;
		box-sizing:
		border-box;
		list-style-type:
		none;
		padding: 10px 0;
		font-size: 15px;
		    line-height: 3;
	}
	ul.tab_area li:nth-child(1){
		border-top: 2px solid #808080;
		border-left: 2px solid #808080;
		border-right: 2px solid #808080;
	}
	ul.tab_area li:nth-child(2){
		border-top: 2px solid #29abe2;
		border-left: 2px solid #29abe2;
		border-right: 2px solid #29abe2;
		/* color: #29abe2; */
	}
	ul.tab_area li:nth-child(3){
		border-top: 2px solid #ff931e;
		border-left: 2px solid #ff931e;
		border-right: 2px solid #ff931e;
		/* color: #ff931e; */
	}
	.all_area {
		/* background:#efefef; */
		padding: 0;
		overflow: hidden;
		max-width: 1000px;
		margin: 0 auto;
	}
	.all_area div.content_area{
		/*Tabの内容を表示するエリアの装飾*/
		background:#ffffff;
		padding: 3% 5% 5%;
		border-bottom: 2px solid #ccc;
		border-left: 2px solid #ccc;
		border-right: 2px solid #ccc;
		box-sizing: border-box;
		border-radius: 0 0 10px 10px;
	}
	.all_area div.content_area:nth-of-type(2){
		border-bottom: 2px solid #29abe2;
		border-left: 2px solid #29abe2;
		border-right: 2px solid #29abe2;
	}
	.all_area div.content_area:nth-of-type(3){
		border-bottom: 2px solid #ff931e;
		border-left: 2px solid #ff931e;
		border-right: 2px solid #ff931e;
	}
	
	ul.tab_area li.select{
		background-color:#ffffff;
		background-image:
		none;
		/* color:#333333; */
		/* border-top:2px solid #e94545; */
		border-bottom: none!important;
	}
	ul.tab_area li:nth-child(1).select{
		/* background:#ffffff; */
	}
	
	ul.tab_area li:nth-child(1):not(.select){
		/* border-bottom: 2px solid #ccc; */
	}
	ul.tab_area li:nth-child(2):not(.select){
		/* border-bottom: 2px solid #29abe2; */
	}
	ul.tab_area li:nth-child(3):not(.select){
		/* border-bottom: 2px solid #ff931e; */
	}
	
	.hide{display:none;}
	
	
	.top-news {
	    padding: 0;
	    /* margin: 10% auto; */
	}
	
	.top-news-wrap {
	    width: 100%;
	    margin: 0 auto 3%;
	    padding: 0;
	}
	
	.top-news-box {
	    margin: 0;
	}
	
	.top-news-box:last-of-type{
		margin-bottom: 0;
	}
	
	.top-news-box-top {
	    display: block;
	    border-bottom: 2px solid #ccc;
	    padding: 15px 0;
	    margin: 0;
	    justify-content: space-between;
	    align-items: center;
	    flex-wrap: wrap;
	}
	
	p.news-cate {
		font-size: 0.7rem;
	    line-height: 1;
	    padding: 3px 0;
	    min-width: 8rem;
	    text-align: center;
	    box-sizing: border-box;
	    width: 100%;
	    max-width: 165px;
	}
	a.news-ttl {
		font-size: 0.9rem;
	}
	
	.Ncate00{
		color: #333 !important;
		border: 1px solid #333;
	}
	.Ncate01{
		color: #29abe2 !important;
		border: 1px solid #29abe2;
	}
	.Ncate02{
		color: #ff931e !important;
		border: 1px solid #ff931e;
	}
	.Ncate03{
		color: #ff7bac !important;
		border: 1px solid #ff7bac;
	}
	
	p.news-date {
	    font-size: 0.8rem;
	}
	
	.top-news-box-btm{
		width: 100%;
		margin: 5px 0;
	}
	a.news-ttl {
	    font-size: 1rem;
	    text-align: left;
	    width: 100%; /* 省略せずに表示するサイズを指定 */
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: block;
	}
	
	.top-news-menu {
	    display: flex;
	    flex-wrap: wrap;
	    max-width: 90%;
	    margin: 0 auto;
		justify-content: space-between;
	}
	
	
	a.top-news-menu-link {
	    /* display: block; */
	    width: 32%;
	    text-align: center;
	    /* line-height: 1; */
	    padding: 2%;
	    font-size: 12px;
	}
	a.top-news-menu-link:after {
	    content:"»";
	}
	
	a.Ncate00:hover{
		color: #fff !important;
		border: 1px solid #333;
		background: #333;
	}
	a.Ncate01:hover{
		color: #fff !important;
		border: 1px solid #29abe2;
		background: #29abe2;
	}
	a.Ncate02:hover{
		color: #fff !important;
		border: 1px solid #ff931e;
		background: #ff931e;
	}
	a.Ncate03:hover{
		color: #fff !important;
		border: 1px solid #ff7bac;
		background: #ff7bac;
	}
	
	.top-news-menu {
	    display: flex;
	    flex-wrap: wrap;
	    max-width: 100%;
	    margin: 3% auto 0;
	    justify-content: space-between;
	    padding: 0;
	}
	
	.btn-all-info a{
		width:100%;
		background:#333;
		display:block;
		padding:15px;
		text-align:center;
		color:#fff;
	}
	.btn-all-info a:hover{
		opacity:0.8;
	}
	.btn-all-info a:after{
		content:"»";
	}
	.cl-0 a{
		background:#333;
	}
	.cl-2 a{
		background:#29abe2;
	}
	.cl-3 a{
		background: #ff931e;
	}
}

@media(max-width:580px){
	
	ul.tab_area{
		overflow:
		hidden;
		display: flex;
		margin:0;
		font-size: 20px;
	}
	ul.tab_area li{
		width: 100%;
		/* height: 49px; */
		text-align:
		center;
		/* border-right: 1px dotted #909090; */
		cursor: pointer;
		vertical-align:
		middle;
		/* display:
		table-cell; */
		color:#333333;
		background-color:#ffffff;
		border-radius: 10px 10px 0 0;
		border-top: 2px solid #ccc;
		border-left: 2px solid #ccc;
		border-right: 2px solid #ccc;
		/* border-bottom: 2px solid #ccc; */
		list-style: none;
		box-sizing:
		border-box;
		list-style-type:
		none;
		padding: 2% 0;
		font-size: 2.8vw;
	}
	ul.tab_area li:nth-child(1){
		border-top: 2px solid #808080;
		border-left: 2px solid #808080;
		border-right: 2px solid #808080;
	}
	ul.tab_area li:nth-child(2){
		border-top: 2px solid #29abe2;
		border-left: 2px solid #29abe2;
		border-right: 2px solid #29abe2;
		/* color: #29abe2; */
	}
	ul.tab_area li:nth-child(3){
		border-top: 2px solid #ff931e;
		border-left: 2px solid #ff931e;
		border-right: 2px solid #ff931e;
		/* color: #ff931e; */
	}
	.all_area {
		/* background:#efefef; */
		padding: 0;
		overflow: hidden;
		max-width: 1000px;
		margin: 0 auto;
	}
	.all_area div.content_area{
		/*Tabの内容を表示するエリアの装飾*/
		background:#ffffff;
		padding: 3%;
		border-bottom: 2px solid #ccc;
		border-left: 2px solid #ccc;
		border-right: 2px solid #ccc;
		box-sizing: border-box;
		border-radius: 0 0 10px 10px;
	}
	.all_area div.content_area .news-list{
		margin: 0 0 6%;
	}
	.all_area div.content_area:nth-of-type(2){
		border-bottom: 2px solid #29abe2;
		border-left: 2px solid #29abe2;
		border-right: 2px solid #29abe2;
	}
	.all_area div.content_area:nth-of-type(3){
		border-bottom: 3px solid #ff931e;
		border-left: 3px solid #ff931e;
		border-right: 3px solid #ff931e;
	}
	
	ul.tab_area li.select{
		background-color:#ffffff;
		background-image:
		none;
		/* color:#333333; */
		/* border-top:2px solid #e94545; */
		border-bottom: none!important;
	}
	ul.tab_area li:nth-child(1).select{
		/* background:#ffffff; */
	}
	
	ul.tab_area li:nth-child(1):not(.select){
		/* border-bottom: 2px solid #ccc; */
	}
	ul.tab_area li:nth-child(2):not(.select){
		/* border-bottom: 2px solid #29abe2; */
	}
	ul.tab_area li:nth-child(3):not(.select){
		/* border-bottom: 2px solid #ff931e; */
	}
	
	.hide{display:none;}
	
	
	.top-news {
	    padding: 0;
	    /* margin: 10% auto; */
	}
	
	.top-news-wrap {
	    width: 100%;
	    margin: 0 auto 3%;
	    padding: 0;
	}
	
	.top-news-box {
	    margin: 0;
	}
	
	.top-news-box:last-of-type{
		margin-bottom: 0;
	}
	
	.top-news-box-top {
	    display: block;
	    border-bottom: 2px solid #ccc;
	    padding: 5% 0;
	    margin: 0;
	    justify-content: space-between;
	    align-items: center;
	    flex-wrap: wrap;
	}
	
	p.news-cate {
		font-size: 3.5vw;
		line-height: 1;
		padding: 2px 0;
		min-width: unset;
		text-align: center;
		box-sizing: border-box;
		width: 100%;
		max-width: 45%;
	}
	a.news-ttl {
		font-size: 0.9rem;
	}
	
	.Ncate00{
		color: #333 !important;
		border: 1px solid #333;
	}
	.Ncate01{
		color: #29abe2 !important;
		border: 1px solid #29abe2;
	}
	.Ncate02{
		color: #ff931e !important;
		border: 1px solid #ff931e;
	}
	.Ncate03{
		color: #ff7bac !important;
		border: 1px solid #ff7bac;
	}
	
	p.news-date {
	    font-size: 3.5vw;
	}
	
	.top-news-box-btm{
		width: 100%;
		margin: 3% 0 2%;
	}
	a.news-ttl {
	    font-size: 4.12vw;
	    text-align: left;
	    width: 100%; /* 省略せずに表示するサイズを指定 */
	    white-space: unset;
	    overflow: unset;
	    text-overflow: unset;
	    display: block;
	}
	
	.top-news-menu {
	    display: flex;
	    flex-wrap: wrap;
	    max-width: 90%;
	    margin: 0 auto;
		justify-content: space-between;
	}
	
	
	a.top-news-menu-link {
	    display: block;
	    width: 32%;
	    text-align: center;
	    /* line-height: 1; */
	    padding: 2%;
	    font-size: 12px;
	}
	a.top-news-menu-link:after {
	    content:"»";
	}
	
	a.Ncate00:hover{
		color: #fff !important;
		border: 1px solid #333;
		background: #333;
	}
	a.Ncate01:hover{
		color: #fff !important;
		border: 1px solid #29abe2;
		background: #29abe2;
	}
	a.Ncate02:hover{
		color: #fff !important;
		border: 1px solid #ff931e;
		background: #ff931e;
	}
	a.Ncate03:hover{
		color: #fff !important;
		border: 1px solid #ff7bac;
		background: #ff7bac;
	}
	
	.top-news-menu {
	    display: flex;
	    flex-wrap: wrap;
	    max-width: 100%;
	    margin: 3% auto 0;
	    justify-content: space-between;
	    padding: 0;
	}
	
	.btn-all-info a{
		width:100%;
		background:#333;
		display:block;
		padding:15px;
		text-align:center;
		color:#fff;
	}
	.btn-all-info a:hover{
		opacity:0.8;
	}
	.btn-all-info a:after{
		content:"»";
	}
	.cl-0 a{
		background:#333;
	}
	.cl-2 a{
		background:#29abe2;
	}
	.cl-3 a{
		background: #ff931e;
	}

	.top-news-wrap {
		padding: 0 0 3% 0;
	}
	.top-news-menu {
		display: flex;
		padding: 0;
		justify-content: space-between;
	}
	a.top-news-menu-link {
		width: 48%;
		font-size: 3.5vw;
		margin: 0 auto 2%;
		display: block;
		border-radius: 5px;
		padding: 2% 2%;
	}
}


/*==================
記事一覧 記事単体
====================*/
.main-news{
	margin: 0 auto 50px;
	width: 90%;
	max-width: 1000px;
}

/*記事一覧*/
.free-ttl-news{
	font-size: 50px;
	font-family: 'Noto Serif JP', serif;
	line-height: 1;
	font-weight: 400;
	text-align: center;
	box-sizing: border-box;
	margin: 0 auto 50px;
	/* max-width: 1000px; */
}
.free-ttl-news span{
	display: block;
	padding: 40px 0 0 0;
	font-size: 20px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
#free-news{
	/* max-width:1000px; */
	margin: 20px auto 10px;
	width: 100%;
}
.news-inner{
	border:2px solid #ccc;
	border-radius:20px;
	padding: 4% 5%;
}
ul.news-list{
	margin: 0 0 25px;
	padding: 0;
}

ul.news-list li{
	list-style:none;
    display: flex;
    border-bottom: 2px solid #ccc;
    padding: 20px 0;
    margin: 0;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

p.news-tag {
    font-size: 12px;
    line-height: 1;
    padding: 5px 0;
    min-width: 10rem;
    text-align: center;
    box-sizing: border-box;
}

p.news-date {
    font-size: 0.8rem;
}
.news-cont{
	width: 65%;
	line-height: 1.6;
}
.news-cont a {
    font-size: 1rem;
    text-align: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    color: #333;
    text-decoration: none;
}

.news-menu {
	display: flex;
	padding: 0;
	justify-content: space-between;
	/* flex-wrap:wrap; */
}
a.news-menu-link {
	width: 24%;
	font-size: 15px;
	margin: 1% auto;
	display: block;
	border-radius: 5px;
	padding: 2% 0;
	box-sizing:
	border-box;
	text-align: center;
	text-decoration: none;
}
.link-top a{
	text-decoration:none;
	font-size:16px;
}
.btn-all-info{
	margin: 0 0 25px;
}
.btn-all-info a{
	width:100%;
	background:#333;
	display:block;
	padding:15px;
	text-align:center;
	color:#fff;
	box-sizing: border-box;
	text-decoration:none;
	font-size:15px;
}
.btn-all-info a:hover{
	opacity:0.8;
}
.btn-all-info a:after{
	content:"»";
}
.color-all{
	color: #333;
	border: 1px solid #333;
}
.color-topics{
	color: #29abe2;
	border: 1px solid #29abe2;
}
.color-media{
	color: #ff931e;
	border: 1px solid #ff931e;
}
.color-momoproject{
	color: #ff7bac;
	border: 1px solid #ff7bac;
}
a.color-all:hover{
	color: #fff;
	background:#333;
}
a.color-topics:hover{
	color: #fff;
	background:#29abe2;
}
a.color-media:hover{
	color: #fff;
	background:#ff931e;
}
a.color-momoproject:hover{
	color: #fff;
	background:#ff7bac;
}
.cl-0 a{
	background:#333;
	color:#fff;
}
.cl-2 a{
	background:#29abe2;
	color:#fff;
}
.cl-3 a{
	background: #ff931e;
	color:#fff;
}

@media(max-width:960px){
	
	
	ul.news-list li{
	    display: block;
	    border-bottom: 2px solid #ccc;
	    padding: 20px 0;
	    margin: 0;
	    justify-content: space-between;
	    align-items: center;
	    flex-wrap: wrap;
	}
	
	p.news-tag {
	    /* font-size: 0.8rem; */
	    line-height: 1;
	    padding: 3px 0;
	    min-width: 10rem;
	    text-align: center;
	    box-sizing: border-box;
	    width: 100%;
	    max-width: 165px;
	}
	
	p.news-date {
	    font-size: 0.8rem;
	}
	
	.news-cont{
		width: 100%;
		margin: 5px 0;
	}
	.news-cont a {
	    font-size: 1rem;
	    text-align: left;
	    width: 100%;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: block;
	}
	
}
@media(max-width:768px){
	.free-ttl-news{
		font-size: 40px;
		font-family: 'Noto Serif JP', serif;
		line-height: 1;
		font-weight: 400;
		text-align: center;
		box-sizing: border-box;
		margin: 10% 0 7%;
	}
	.free-ttl-news span{
		display: block;
		padding: 5% 0 0 0;
		font-size: 20px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
	}
	
	ul.news-list li{
	    display: block;
	    border-bottom: 2px solid #ccc;
	    padding: 15px 0;
	    margin: 0;
	    justify-content: space-between;
	    align-items: center;
	    flex-wrap: wrap;
	}
	
	p.news-tag {
		font-size: 11px;
		line-height: 1.4;
		padding: 3px 0;
		min-width: 160px;
		text-align: center;
		box-sizing: border-box;
		width: 100%;
		max-width: 165px;
	}
	
	p.news-date {
	    font-size: 0.8rem;
	}
	
	.news-cont{
		width: 100%;
		margin: 5px 0;
	}
	.news-cont a {
	    font-size: 1rem;
	    text-align: left;
	    width: 100%;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: block;
	}
	.news-menu {
		display: flex;
		padding: 0;
		justify-content: space-between;
		flex-wrap:
		wrap;
	}
	a.news-menu-link {
		width: 49%;
		font-size: 15px;
		margin: 1% auto;
		display: block;
		border-radius: 5px;
		padding: 3% 0;
		box-sizing:
		border-box;
		text-align: center;
		text-decoration: none;
	}
}

@media(max-width:580px){
	.free-ttl-news{
		font-size: 7vw;
		font-family: 'Noto Serif JP', serif;
		line-height: 1;
		font-weight: 400;
		text-align: center;
		box-sizing: border-box;
		margin: 10% 0 7%;
		/* display: none; */
	}
	.free-ttl-news span{
		display: block;
		padding: 5% 0 0 0;
		font-size: 3.5vw;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
	}
	
	ul.news-list li{
	    display: block;
	    border-bottom: 2px solid #ccc;
	    padding: 5% 0;
	    margin: 0;
	    justify-content: space-between;
	    align-items: center;
	    flex-wrap: wrap;
	}
	p.news-tag {
		font-size: 3.5vw;
		line-height: 1.4;
		padding: 2px 0;
		min-width: unset;
		text-align: center;
		box-sizing: border-box;
		width: 100%;
		max-width: 55%;
	}
	p.news-date {
	    font-size: 3.5vw;
	}
	
	.news-cont {
		width: 100%;
		margin: 2% 0 2%;
	}
	.news-cont a {
	    font-size: 4.12vw;
	    text-align: left;
	    width: 100%;
	    white-space: unset;
	    overflow: unset;
	    text-overflow: unset;
	    display: block;
	}
	
}

/*記事単体*/
.ttl-detaile{
	display:
	none;
}
.news-detaile-status{
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid #ccc;
	padding:0 0 10px;
	margin:0 0 20px;
}
.news-detaile-ttl{
	font-size:25px;
	margin:0 0 30px;
}
.news-detaile {
	margin:30px 0;
}
.news-detaile h4{
	font-size:20px;
	padding:10px 15px;
	background:#efefef;
	margin:30px 0 10px 0;
}
.news-detaile p {
    font-size: 16px;
	line-height:1.8;
    margin: 10px 0;
}
.news-detaile p strong{
    font-weight:bold;
	color:#008832;
}
.news-detaile p a{
    color: #00f;
    text-decoration: underline;
}
    
.news-detaile b{
	color:#0000ff;
	text-decoration:underline;
}
.news-detaile figure{
	display:block;
	margin:0 auto;
	text-align:center;
}
.news-detaile figure img{
	margin:0 0 10px;
}

.back-news-list a{
	padding:15px;
	display:block;
	font-size:14px;
	text-align:center;
}
.back-news-list a:after{
	content:"»";
	margin:0 0 0 10px;
}
.back-news-list.color-all a{
	color: #fff;
	background:#333;
	opacity: 1;
}
.back-news-list.color-topic a{
	color: #fff;
	background:#29abe2;
	opacity: 1;
}
.back-news-list.color-topic a:hover{
	color: #29abe2;
	background:#fff;
}
.back-news-list.color-media a{
	color: #fff;
	background:#ff931e;
	opacity: 1;
}
.back-news-list.color-media a:hover{
	color: #ff931e;
	background:#fff;
}
.back-news-list.color-momo a{
	color: #fff;
	background:#ff7bac;
	opacity: 1;
}
.back-news-list.color-momo a:hover{
	color: #ff7bac;
	background:#fff;
}
@media screen and (max-width:580px){
	.ttl-detaile{
		display: block;
		text-align: center;
		margin: 3% auto 7%;
		font-size: 4.3vw;
		font-weight: 500;
	}

	.news-detaile-status{
		display:
		flex;
		justify-content:
		space-between;
		border-bottom:1px solid #ccc;
		padding:0 0 10px;
		margin: 0 0 3%;
	}
	.news-detaile-ttl{
		font-size: 5vw;
		margin: 0 0 6%;
	}
	.news-detaile {
		margin: 6% 0;
	}
	.news-detaile h4{
		font-size:5vw;
		padding:3% 5%;
		margin:7% 0 3% 0;
	}
	.news-detaile p{
		font-size:4.3vw;
	}
	.news-detaile b{
		color:#0000ff;
		text-decoration:underline;
	}
	.news-detaile figure img{
		margin:0 0 3%;
	}
	.news-detaile figure figcaption{
		font-size:4vw;
	}
	.back-news-list{
		display:none;
	}
	.back-news-list a{
		padding:15px;
		display:block;
		font-size:14px;
		text-align:center;
	}
	.back-news-list a:after{
		content:"»";
		margin:0 0 0 10px;
	}

	.news-menu {
		display: flex;
		padding: 0;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	a.news-menu-link {
		width: 48%;
		font-size: 3.5vw;
		margin: 0 auto 2%;
		display: block;
		border-radius: 5px;
		padding: 2%;
		box-sizing:
		border-box;
		text-align: center;
	}
}


/*==============
トップページ読込用調整
================*/
#ins-top.top-news {
    width: 90%;
}
@media(max-width:768px){
	#ins-top .free-ttl-news {
		margin: 0 0 7%;
	}
}