@charset "UTF-8";

/*
-----------------------------------------------------
◆◆あんしん少額短期保険　スタイルシート◆◆
◇◇◇◇新着情報ページ用定義◇◇◇◇
■■■■■■■■スマホ用設定■■■■■■■■
-----------------------------------------------------
-----------------------------------------------------
【改訂履歴】
22/12/13：「.NewsContent .detailPhoto img」追加
16/10/17：初版作成
-----------------------------------------------------
*/

.News h1 { background-image:url("../../news/img/title_bk_news.jpg"); }

.NewsIndex {
	border-top:2px solid #2e238e;
	border-bottom:2px solid #2e238e;
	}

.NewsIndex dl {
	width:100%;
	margin:0px 0 0 0;
	border-bottom:1px solid #ccc;
	}

.NewsIndex dl dt {
	padding:5px 5px 5px 5px;
	background:#edf3f9;
	font-weight:normal;
	text-align:left;
	}

.NewsIndex dl dt:before {
	display:none;
	}

.NewsIndex dl dd {
	margin:0 0 0 0;
	padding:7px 5px 7px 5px;
	text-align:left;
	}

.NewsColumn {
	padding-bottom:10px;
	border-bottom:2px solid #ccc;
	}

.NewsContent .up_ymd {
	margin:0px 0px 30px 0px;
	padding-bottom:5px;
	border-bottom:2px solid #ccc;
	text-align:right;
	}

span.new_mark {
	display:inline-block;
	margin:0px 5px 0px 0px;
	padding:2px;
	background:#e52121;
	border:1px solid #e52121;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	line-height:100%;
	font-size:80%;
	font-weight:bold;
	color:#fff;
	}

.detailUpfile {
	margin-top:20px;
	}

.detailUpfile img {
	padding:10px;
	border:1px solid #ccc;
	}

.detailUpfile a {
	display:inline-block;
	padding:15px 30px 15px 45px;
	border:2px solid #2e238e;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	background:
		url("../img/icon_download.png") no-repeat 10px 50%,
		-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f5f5f5));
	background:
		url("../img/icon_download.png") no-repeat 10px 50%,
		linear-gradient(to bottom, #ffffff, #f5f5f5);
	font-size:90%;
	line-height:100%;
	color:#000;
	}

.detailUpfile a:hover {
	text-decoration:none;
	background:
		url("../img/icon_download.png") no-repeat 10px 50%,
		-webkit-gradient(linear, center top, center bottom, from(#f5f5f5), to(#ffffff));
	background:
		url("../img/icon_download.png") no-repeat 10px 50%,
		linear-gradient(to bottom, #f5f5f5, #ffffff);
	}

.pager {
	margin-top:30px;
	text-align:center !important ;
	}

.pager a {
	display:inline-block;
	margin:0px 5px;
	padding:5px 10px;
	border:1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	background:-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f5f5f5));
	background:linear-gradient(to bottom, #ffffff, #f5f5f5);
	font-size:85%;
	line-height:100%;
	color:#000;
	}

.pager a:hover {
	background:-webkit-gradient(linear, center top, center bottom, from(#f5f5f5), to(#ffffff));
	background:linear-gradient(to bottom, #f5f5f5, #ffffff);
	text-decoration:none;
	color:#666;
	}

.pager a.current {
	border:1px solid #2e238e;
	background:-webkit-gradient(linear, center top, center bottom, from(#edf3f9), to(#ffffff));
	background:linear-gradient(to bottom, #edf3f9, #ffffff);
	font-weight:bold;
	}

/*add 202212*/

.NewsContent .detailPhoto img {
	width:100% !important ;
	height:auto !important ;
	}