/*# ★★トップページ表示用★★ */

.news-i-waku {
	width: 30%;
	height: auto;
	display: inline-block;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 50px;
}

.news-i-t1{
font-family: 'Noto Sans JP', sans-serif;
	margin-top: 0px;
	font-size: 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	vertical-align:baseline;
	padding-bottom: 3px;
	position: relative;
	text-align: left;
	margin-bottom: 10px;
}

.news-i-t1 i{
	font-size: 30px;
	color: #4099d2;
	vertical-align:baseline;
}

.news-i-t1:after{
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 200px;
  border-bottom: 2px solid #57d5df;
}

.iframe-content {
	margin-top: 5px;
	display: block;
	position: relative;
	width: 100%;
	height: 150px;
	padding: 0;
	margin: 0;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
}

.iframe-content iframe {
    position: absolute;
	top: 0;
	left: 0;
    width: 100%;
	height: 150px;
}

@media screen and (max-width:992px) {

.news-i-waku {
	width: 90%;
	height: auto;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
	
.news-i-t1{
	font-size: 16px;
}

.news-i-t1 i{
	font-size: 25px;
}
	
.iframe-content {
	width: 100%;
	height: 100px;
}
	
.iframe-content iframe {
    width: 100%;
	height: 100px;
}
	
}

ul#newsList{
	margin:0 0 15px;
	padding:0;
}

ul#newsList li{
	color: #fff;
	font-size: 14px;
	margin-bottom: 3px;
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	text-align: left;
}

.y-w {
	display: inline-block;
}

.t-w {
	display: inline-block;
}

.up_ymd {
	width:130px;
	text-align:left;
	font-size:14px;
	color: #999999;
	display: inline-block;
	line-height: 130%;
}

.catName{
	width: 100px;
	display: inline-block;
	padding: 5px 8px;
	border-radius: 6px;
	font-size: 14px;
	line-height: 100%;
	margin-top: 0;
	margin-right: 10px;
	margin-left: 2px;
	margin-bottom: 0;
	color: #fff;
	text-align: center;
}

.cat-0 .catName{
	background-color: #57d5df;
}

.cat-1 .catName{
	background-color: #57d5df;
}

.cat-2 .catName{
	background-color: #57d5df;
}

.cat-3 .catName{
	background-color: #57d5df;
}

.cat-4 .catName{
	background-color: #57d5df;
}

.cat-5 .catName{
	background-color: #57d5df;
}

.cat-6 .catName{
	background-color: #8e44ad;
}

.cat-7 .catName{
	background-color: #bdc3c7;
}

.cat-8 .catName{
	background-color: #2c3e50;
}

.cat-9 .catName{
	background-color: #7f8c8d;
}

.title {
	text-align:left;
	font-size:14px;
	display: inline-block;
	line-height: 130%;
	color: #404040;
}

.title a:link {color: #404040;} /*未訪問のリンクの色*/
.title a:visited {color: #404040;} /*訪問済みのリンクの色*/
.title a:hover {color: #797979;} /*カーソルが乗っているリンクの色*/
.title a:active {color: #797979;} /*クリック中のリンクの色*/

.newMark{
	display:inline-block;
	font-size:11px;
	line-height:100%;
	color:#F00;;
	font-style:italic;
}

ul#newsList2{
	width:100%;
	margin: 0;
}

ul#newsList2 li{
	color: #fff;
	font-size: 14px;
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	text-align: left;
}

.up_ymd2 {
	width:100%;
	text-align:left;
	font-size:13px;
	color: #999999;
	display: block;
	line-height: 130%;
}

.title2 {
	width:100%;
	text-align:left;
	font-size:14px;
	display: block;
	line-height: 130%;
	color: #404040;
	margin-top: 3px;
}

.title2 a:link {color:#404040;} /*未訪問のリンクの色*/
.title2 a:visited {color:#404040;} /*訪問済みのリンクの色*/
.title2 a:hover {color: #FF432E;} /*カーソルが乗っているリンクの色*/
.title2 a:active {color: #FF432E;} /*クリック中のリンクの色*/

.comment {
	width:100%;
	display: block;
	font-size:14px;
	line-height: 130%;
	color: #000;
}

.p-box {
	width:100%;
	display: block;
	padding-bottom: 30px;
	font-size:0;
}

.pNav {
	width:80%;
	font-size:14px;
	display: inline-block;
}

.up_ymd3 {
	width: 20%;
	font-size: 14px;
	color: #999999;
	display: inline-block;
	line-height: 130%;
	text-align: right;
}

.n-title {
	width:100%;
	display: block;
	padding-bottom: 30px;
	font-size: 26px;
	font-weight: 700;
}

.detailText {
	width: 100%;
	font-size: 14px;
	margin-top: 20px;
}

.detailUpfile {
	width: 100%;
	font-size: 14px;
	margin-top: 20px;
}

.backORcloseBtn {
	width: 100%;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 30px;
}

@media screen and (max-width:1200px) {
	
.title {
	width:100%;
	display: block;
	margin-top: 5px;
}

}

@media screen and (max-width:992px) {
	
.pNav {
	width:100%;
	display: block;
}

.up_ymd3 {
	width:100%;
	display: block;
	margin-top: 10px;
}
	
}

@media screen and (max-width:768px) {

.y-w {
	width:100%;
	display: block;
}

.t-w {
	width:100%;
	display: block;
}

.up_ymd {
	padding-bottom: 5px;
}

.title {
	width:auto;
}

}

/* ニュース用カテゴリボタン */

.cat-b-ti,
.cat-b-ti2 {
	width: 100%;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-top: 10px;	
	padding-bottom: 10px;
	font-size: 18px;
	margin-bottom: 10px;
	text-align: center;
}

.cat-b-ti2 {
	margin-top: 20px;
}

.news-line {
	width: 70%;
	float: left;
}

.cat-b-s {
	width: 25%;
	display: block;
	padding: 20px;
	border : solid 1px #999 ; 
	border-radius: 10px;
	margin-bottom: 20px;
	float: right;
}

.cat-b00-s {
	background-color: #57d5df;
}

.cat-b01-s {
	background-color: #57d5df;
}

.cat-b02-s {
	background-color: #57d5df;
}

.cat-b03-s {
	background-color: #57d5df;
}

.cat-b04-s {
	background-color: #57d5df;
}

.cat-b05-s {
	background-color: #57d5df;
}


.cat-b00-s,
.cat-b01-s,
.cat-b02-s,
.cat-b03-s,
.cat-b04-s,
.cat-b05-s {
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	display: block;
	border-radius: 8px;
	margin-top: 5px;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.cat-b00-s a,
.cat-b01-s a,
.cat-b01-s a,
.cat-b02-s a,
.cat-b03-s a,
.cat-b04-s a,
.cat-b05-s a {
	color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.cat-b00:hover,
.cat-b01:hover,
.cat-b02:hover,
.cat-b03:hover,
.cat-b04:hover,
.cat-b05:hover,
.cat-b06:hover,
.cat-b07:hover,
.cat-b08:hover,
.cat-b09:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}


/* youtube自動レスポンシブ化 */
.youtube {
    position: relative;
    max-width: 100%;
    padding-top: 56.25%;
}

.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

@media screen and (max-width:1200px) {
	
.news-line {
	width: 65%;
}

.cat-b-s {
	width: 30%;
	padding: 10px;
	margin-bottom: 20px;
}
	
}

@media screen and (max-width:768px) {
	
.news-line {
	width: 100%;
	display: block;
	float: none;
	margin-bottom: 50px;
}

.cat-b-s {
	width: 100%;
	display: block;
	float: none;
	padding: 10px;
	border : solid 1px #999 ; 
	border-radius: 10px;
	margin-bottom: 0px;
}
	
.cat-b-ti,
.cat-b-ti2 {
	padding-top: 5px;	
	padding-bottom: 5px;
	font-size: 14px;
	margin-bottom: 10px;
}

.cat-b00-s,
.cat-b01-s,
.cat-b02-s,
.cat-b03-s,
.cat-b04-s,
.cat-b05-s {
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	border-radius: 8px;
	margin-top: 5px;
}
	
}

@media screen and (max-width:568px) {
	
.news-line {
	width: 100%;
	display: block;
	float: none;
	margin-bottom: 50px;
}

.cat-b-s {
	width: 100%;
	display: block;
	float: none;
	padding: 10px;
	border : solid 1px #999 ; 
	border-radius: 10px;
	margin-bottom: 0px;
}
	
}