/******************************************************************************/
/* リトリート・イン浦富メインページ headline_style.css	                      */
/*																			  */
/* リトリート・イン浦富のお知らせと周辺イベントお知らせ						  */
/*																			  */
/* Ver.1.0 2025.03.01                                                         */
/*																			  */
/******************************************************************************/

.HeadlineWarrap {
	width:100%;
	text-align: center;

}

.headline_area {
	margin : 20px 7vw 10px 7vw;


}

/* 項目のテーブル全体の設定 */
.Headline_item {
    width: 100%;
    margin-left:0px;
    margin-right:auto;
    border: 0px #696969 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

/* 項目のテーブル項目 */
.Headline_item th {
    padding: 5px;
    border: #696969 solid;
    border-width: 0 0 1px 0px;
    background: #F5F5F5;
    font-weight: bold;
/*    font-size: 1.0vw; */
    line-height: 120%;
    text-align: center;

}

/* テーブル内容 */
.Headline_item td {
	font-size:90%;
    padding: 5px;
    border: dashed 1px ;			/* 破線指定(dashed)  */
    border-width: 0 0 1px 0px;
    text-align: left;

}

.news_item_size {
	width: 100%;
	height: 350px;
	overflow: auto;

}

/* マウスが乗った時お知らせのtable要素の行にかぶせる設定 */
.line_nolink tr:hover td {
	background-color: #ebebea;

}

.news_date{
	width:8vw;
	text-align: center;

}

.news_content {
	width:90vw;

}


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

	.news_date{
		width:14vw;
		text-align: center;

	}


}


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

	.Headline_item th {
		font-size: 0.7em;

	}

	.Headline_item td {
		font-size: 0.7em;

	}

	.news_date{
		width:15vw;
		text-align: center;

	}


}