/* ★一覧ページ★ */

ul#newsList{
	margin:0;
	padding:10px;
	font-size: 0;
}

ul#newsList li{
	font-size: 0;
	border: none;
	list-style-type: none;
	margin: 0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	text-align: left;
	font-family: 'Noto Sans JP', sans-serif;
}

/* ★一覧ページ2★ */

ul#newsList3{
	margin:0;
	padding:10px;
	font-size: 0;
}

ul#newsList3 li{
	font-size: 0;
	border: none;
	list-style-type: none;
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	text-align: left;
	font-family: 'Noto Sans JP', sans-serif;
}

/* 一覧日付 */
.up_ymd {
	width:100px;
	text-align:left;
	font-size:1.5rem;
	color: #000;
	display: inline-block;
	line-height: 130%;
}

/* カテゴリ共通 */
.catName{
	width:170px;
	display: inline-block;
	padding: 5px 8px;
	border-radius: 6px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1;
	margin-top: 0;
	margin-right: 10px;
	margin-left: 2px;
	margin-bottom: 0;
	color: #fff;
	text-align: center;
}

/* カテゴリ個別、色 */
.cat-0 .catName{
	background-color: #ec9994;
}
.cat-1 .catName{
	background-color: #3ea8ee;
}
.cat-2 .catName{
	background-color: #f0c076;
}
.cat-3 .catName{
	background-color: #b4d472;
}
.cat-4 .catName{
	background-color: #78bd64;
}
.cat-5 .catName{
	background-color: #8fafdb;
}

.title {
	text-align:left;
	font-size:1.5rem;
	display: inline-block;
	line-height: 130%;
	color: #000;
}

.title a:link {color: #000;} 
.title a:visited {color: #000;} 
.title a:hover {color: #e50038;} 
.title a:active {color: #e50038;} 

.newMark{
	display:inline-block;
	font-size:1.3rem;
	line-height:1;
	color:#f36e7c;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	margin-left: 3px;
}

.rd {
	color:#e50038;
}

.rdb {
	color:#e50038;
	font-weight: bold;
}

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

.up_ymd {
	width:90px;
	font-size: 1.5rem;
	padding-bottom: 2px;
}

.catName{
	width:170px;
	font-size: 1.3rem;
}

.title {
	width:100%;
	display: block;
	font-size: 1.5rem;
	padding-top: 5px;
	padding-bottom: 5px;
}
	
.newMark{
	display:inline-block;
	font-size:1.3rem;
	line-height:1;
	color:#f36e7c;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	margin-left: 3px;
}

}

/* ★詳細ページ★ */

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

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

.up_title2 {
	width:100%;
	text-align:center;
	color: #000000;
	display: block;
	font-size: 2rem;
	font-weight: 400;
	line-height: 1.7;
	margin-top: 10px;
}

.up_ymd2 {
	width:100%;
	text-align:right;
	font-size: 1.5rem;
	color: #999999;
	display: block;
	line-height: 1.3;
	margin-top: 50px;
}

.mp3area2 {
	width:100%;
	display: block;
	margin-top: 20px;
	margin-bottom: 50px;
	text-align:left;
}

.mp3area2 audio {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.mp3area2 p {
	margin-top: 10px;
	font-size: 1.3rem;
}

audio{vertical-align:middle}

.detailText2 {
	width:100%;
	text-align:left;
	color: #000000;
	display: block;
	font-size: 1.5rem;
	line-height: 1.7;
	margin-top: 30px;
}

.detailText2 a:link {color: #e50038; text-decoration: underline;} 
.detailText2 a:visited {color: #e50038; text-decoration: underline;} 
.detailText2 a:hover {color: #e50038; text-decoration: none;} 
.detailText2 a:active {color: #e50038; text-decoration: none;} 

.detailUpfile2 {
	width:50%;
	display: block;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

.detailUpfile2 img {
	width:100%;
}

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

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

.youtube {
    position: relative;
    max-width: 100%;
    padding-top: 56.25%;
}

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

/* ★全一覧（ジャンルごと）★ */

#newsWrap3{
	width: 100%;
	margin-top: 30px;
}

.bt-cat-w {
	margin-top: 30px;
}

a.button-cat99,
a.button-cat0,
a.button-cat1,
a.button-cat2,
a.button-cat3,
a.button-cat4,
a.button-cat5 {
	display: inline-block;
	margin-bottom: 5px;
  padding: 10px 10px;
  color: #ffffff;
  text-decoration: none;
  font-size: 1.5rem;
  position: relative;
	font-weight: 400;
  width: 200px;
  text-align: center;
}

a.button-cat99{
	background-color: #e50038;
}
a.button-cat0{
	background-color: #ec9994;
}
a.button-cat1{
	background-color: #3ea8ee;
}
a.button-cat2{
	background-color: #f0c076;
}
a.button-cat3{
	background-color: #b4d472;
}
a.button-cat4{
	background-color: #78bd64;
}
a.button-cat5{
	background-color: #8fafdb;
}

a.button-cat99:link,
a.button-cat99:visited,
a.button-cat0:link,
a.button-cat0:visited,
a.button-cat1:link,
a.button-cat1:visited,
a.button-cat2:link,
a.button-cat2:visited,
a.button-cat3:link,
a.button-cat3:visited,
a.button-cat4:link,
a.button-cat4:visited,
a.button-cat5:link,
a.button-cat5:visited {
  color: #ffffff;
}

a.button-cat99:hover,
a.button-cat0:hover,
a.button-cat1:hover,
a.button-cat2:hover,
a.button-cat3:hover,
a.button-cat4:hover,
a.button-cat5: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*/
}


/* Pager style */
.pager{
	text-align:center;
	padding:10px;
	clear:both;
}

.pager a{
    border: 1px solid #3ea8ee;
    border-radius: 5px 5px 5px 5px;
    color: #3ea8ee;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}

.pager a.current{
    background: #3ea8ee;
    border: 1px solid #3ea8ee;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    font-size: 12px;
    padding: 3px 7px 2px;
	margin:0 1px;
    text-decoration: none;
}

.pager a:hover{
    background:#3ea8ee;
    color: #fff;
}

.overPagerPattern{
	padding:0 2px ;	
}

/* MP3プレイヤー調節 */

.play-pause{
	width: 37px !important;
}

p.play{
	padding: 0;
	margin: 0;
}

p.pause{
	padding: 0;
	margin: 0;
}

@media screen and (max-width:768px) {
	
.detailUpfile2 {
	width:100%;
	margin-top: 20px;
}
	
a.button-cat99,
a.button-cat0,
a.button-cat1,
a.button-cat2,
a.button-cat3,
a.button-cat4,
a.button-cat5 {
	font-size: 1.3rem;
	width: 32%;
	padding: 5px 3px;
	margin-bottom: 3px;
}
	
}

/* ニュース内で使用できるテーブル */

.news-tb1{
	width:100%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border : solid 1px #333 ;
}

.news-tb1 th{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
	vertical-align:top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #dcdcdc;
	color: #000000;
	border : solid 1px #333 ;
}

.news-tb1 td{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1.5;
	vertical-align:top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #ffffff;
	border : solid 1px #333 ;
}

.news-tb1 th.w30,
.news-tb1 td.w30{
	width: 30%;
}

.news-tb1 th.w70,
.news-tb1 td.w70{
	width: 70%;
}
	
	
@media screen and (max-width:768px) {	
	
.news-tb1 th{
	font-size: 1.4rem;
}

.news-tb1 td{
	font-size: 1.4rem;
}
	
}