@charset "utf-8";
/* CSS Document */

/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }


/*-------------------------------------------------------------
	PC　お知らせCMS　トップぺージ&一覧ページ
--------------------------------------------------------------*/
/* お知らせ一覧ページのみdiv要素あり ▼ここから▼*/
#newsWrap{
    font-family: Noto Sans JP, ヒラギノ角ゴ ProN W3, Meiryo, sans-serif;
	margin:0px 0px 0px 50px;
	padding:0;
}
/* 900以下変更pixel start */
@media screen and ( max-width: 900px ) {
#newsWrap{
	margin:0px;
	padding:0;
}
}
/* お知らせ一覧ページのみdiv要素あり　▲ここまで▲ */


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


ul#newsList li{
    font-family: Noto Sans JP, ヒラギノ角ゴ ProN W3, Meiryo, sans-serif;
	color:#444;
	font-size:100%;
	margin:0px 0px 25px 0px;
	padding:0px 0px 5px 0px;
	border-bottom:1px dotted #ccc;
    line-height: 1.8;		/*行間を少し狭く*/
	list-style-type:none;

}

/*ul#newsList a{color:#444;text-decoration:none;}
ul#newsList a:hover{color:#D55069;text-decoration:underline;} 元状態*/


ul#newsList a {
  display: inline-block;
  text-decoration:none;
}

ul#newsList a:hover{
  animation: zoom .3s;
}
@keyframes zoom {
	50% {
		transform: scale(1.05);
	}
}




.up_ymd{
		font-size: 0.8em;		/*文字サイズを親要素の80%に。*/
		line-height: 100%;
		position: relative;top: 0.2em;	/*上下の配置バランスの微調整*/
        display: inline-block;	/*表示させる*/
		width: 7em;				/*幅。7文字(em)分。*/
        letter-spacing : 1px;

}


.catName{
		display: inline-block;	/*表示させる*/
		width: 7em;				/*幅。7文字(em)分。*/
		background: #dcd1c9;		/*背景色*/
		font-size: 0.7em;		/*文字サイズを親要素の70%に。*/
		text-align: center;		/*文字をセンタリング*/
		margin-right: 0em;		/*アイコンの右側に空けるスペース*/
		align-self: flex-start;	/*高さを間延びさせない指定*/
		line-height: 1.5;		/*行間を少し狭く*/
		position: relative;top: 0.2em;	/*上下の配置バランスの微調整*/
		border-radius: 4px;		/*角を丸くする指定*/
    	padding:3px;
    	/*color:#faf8f7;*/
	}

/*.catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:14px;
	line-height:100%;
	margin:0 5px 5px 0;
}
*/


.title{	
        display: inline-block;	/*表示させる*/
		font-size: 1em;		/*文字サイズを親要素の100%に。*/
		line-height: 1.8;
        margin:10px 0px 0px 0px;
}


.newMark{
    padding-left: 10px;
    font-size: 100%;
    animation: blinkAnime 0.7s infinite alternate;
}
@keyframes blinkAnime{
   0% { color: #D55069 }
 100% { color: rgba(213, 80, 105, 0.60) }
}

/*
.newMark{
	display:inline-block;
	border:1px solid #d55069;
	padding:2px 4px;
	font-size:12px;
	line-height:100%;
	background:#d55069;
	color:#fff;
	box-shadow:1px 1px 1px #999;
	border-radius:8px;
	font-style:italic;
}
*/



.comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:90%;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}

.thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:80px;
	overflow:hidden;
}



/* Pager style */
.pager{
	text-align:right;
	padding:10px;
	clear:both;
}
/*ページャーボタン*/
.pager a{
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}

/*現在のページのボタン*/
.pager a.current{
    background: #999;
    border: 1px solid #999;
    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:#999;
    color: #fff;
}

.overPagerPattern{
	padding:0 2px ;	
}

/* /Pager style */

/* 900以下変更pixel start */
@media screen and ( max-width: 900px ) {
    
.title{	
		font-size: 0.9em;		/*文字サイズを親要素の90%に。*/
}
.newMark{
        padding-left: 5px;
		font-size: 0.9em;		/*文字サイズを親要素の90%に。*/
}    
   
    
}

/*-------------------------------------------------------------
	PC　お知らせCMS　詳細ページ
--------------------------------------------------------------*/

.pNav{
    font-size: 1em;		/*文字サイズを親要素の100%に。*/
}

.detail_title{
    font-size: 1.8rem;	/*文字サイズ*/
	font-weight: 500;	/*文字の太さ*/
	color:#444;
	line-height: 1.4;
    margin:50px 0px 0px 0px;
}

/* 700以下変更pixel start */
@media screen and ( max-width: 700px ) {
.detail_title{
    font-size: 5vw;	/*文字サイズ*/
    font-weight: 700;	/*文字の太さ*/
}
}

#up_ymd{	
    color:#666;
	text-align:left;
    font-size: 0.8em;		/*文字サイズを親要素の80%に。*/
    margin:3px 0px 50px 3px;
}

.detailText{
    margin:0px 0px;
	width:90%;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}

/* 700以下変更pixel start */
@media screen and ( max-width: 700px ) {
.detailText{
    margin:0px auto;
	width:96%;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}

}


    
.detailUpfile{
	margin:10px 0 35px;
	text-align:center;
}

.detailUpfile img{
	max-width:100%;
	height:auto;
}


.backORcloseBtn{
	text-align:center;
	line-height:100%;
	margin:50px 0px 0px 0px;
}

.backORcloseBtn a{
	display:inline-block;
	padding:12px;
	border:1px solid #aaa;
	color:#422b26;
	border-radius:6px;
	text-decoration:none;
	font-size:20px;
}