@charset "utf-8";
/*
Theme Name: safeline
Theme URI: http://www.saferinternet.or.jp
Description: セーファーインターネット協会 - セーフラインのWPテーマです
Author: セーファーインターネット協会
Version: 1.0
*/

/* ===================================================================
リセット
=================================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}html{overflow-y:scroll}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ol,ul{list-style:none}fieldset,img{border:0}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal}a:active,a:focus{outline:0}

/* ===================================================================
全ページ共通のスタイル指定(ヘッダー、フッターなど)
=================================================================== */
/* body */
body,html{
	height:100%;
}
body{
	background:#fff;
	font-size:14px;
	font-family:Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:24px;
	color:#333;
}
a:link{
	color:#007b43;
	text-decoration:none;
}
a:visited{
	color:#007b43;
	text-decoration:underline;
}
a:hover{
	color:#e3792c;
	text-decoration:underline;
}

/* その他 */
img{
	vertical-align:bottom;/* イメージに余白が出てしまうのを防止 */
}
strong{
	font-weight:bold;
}
ol {
	list-style: decimal;
	margin: 0 0 0 2em;
}
ol li {
	margin: 0 0 10px 0;
}

/* =====汎用クラス===== */
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.alignleft{
	float:left;
}
.alignright{
	float:right;
}
.centering{
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.txt_red{
	color:red;
}

/* =====全体===== */
#container{
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}
@media screen and (max-width: 964px) and (min-width: 0px){
	#container{
		height: auto;
		min-height: auto;
	}
}
/* =====ヘッダー===== */
#header{
	position: relative;
	padding-top:20px;
	margin:0 auto 12px auto;
	width:950px;
	height:64px;
}
#header-english{
	position: absolute;
	right:0;
	bottom:0;
	font-size:85.7%;
	font-weight:bold;
	line-height:1;
}
#header-english span.none{
	color:#fff;
	display:block;
	border:1px solid #ccc;
	padding:6px 16px 5px 25px;
	background:url("images/header-english-bg.png") no-repeat 12px 9px #e5e5e5;
}
#header-english a{
	color:#000;
	display:block;
	border:1px solid #999;
	padding:6px 16px 5px 25px;
	background:url("images/header-english-bg.png") no-repeat 12px -40px #f2f2f2;
	text-decoration:none;
}
#header-logo{
	float:left;
	width:368px;
	height:64px;
}

@media screen and (max-width: 964px) and (min-width: 0px){
	#header{
		width:auto;
		margin-left:10px;
	}
	#header-english{
		right:15px;
	}
}
@media screen and (max-width: 639px) and (min-width: 0px){
	#header{
		margin:0 15px;
		height:auto;
		padding:10px 0 15px 0;
	}
	#header-english{
		position:relative;
		right: auto;
		bottom:auto;
		float:right;
		margin:0 0 15px 0;
	}
	#header-logo{
		float:none;
		width:100%;
		height:auto;;
		margin:0;
		text-align:center;
	}
	#header-logo img{
		max-width: 100%;
		height: auto;
		width: auto;
	}
}

/* =====グローバルナビゲーション===== */
#globalnavi{
	position: relative;
	background:url("images/gn-bg.png") repeat-x 0 0;
	overflow:hidden;
	height:32px;
	border-bottom:2px solid #f08300;
	font-size:14px;
}
#globalnavi ul{
	width:949px;
	margin:0 auto;
	padding:1px 0 0 1px;
}
#globalnavi li{
	float:left;
	width:157px;
	height:30px;
	font-size:92.9%;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	letter-spacing:1px;
	overflow: hidden;
	margin-right:1px;
}

/* 工事中用ボタン */
#globalnavi li .preparation{
	color:#999;
	display:block;
	background:url("images/gn-li-bg.png") no-repeat 0 -135px;
	text-decoration:none;
}

/* ノーマル */
#globalnavi li a{
	color:#fff;
	display:block;
	background:url("images/gn-li-bg.png") no-repeat 0 -135px;
	text-decoration:none;
}
/* ロールオーバー */
#globalnavi li a:hover{
	background-position:0 -67px;
	color:#ffd421;
}
/* 該当ページ */
#globalnavi li a.active{
	background-position:0 0;
	color:#ffd421;
}

@media screen and (max-width: 964px) and (min-width: 0px){
	#globalnavi{
		background:#272f26;
		overflow:hidden;
		height:auto;
	}
	#globalnavi ul{
		width:100%;
		margin:0;
		padding:0;
	}
	#globalnavi li{
		width:33.33%;
		margin-right:0;
		height:40px;
		line-height:40px;
	}
	#globalnavi li a,#globalnavi li .preparation{
		background:#555;
		border-right:1px solid #fff;
		border-top:1px solid #fff;
	}
	#globalnavi li a:hover,#globalnavi li.current-menu-item a:hover,#globalnavi li.current-page-ancestor a:hover,#globalnavi li.current-menu-item a,#globalnavi li.current-page-ancestor a{
		background:#999;
	}
	#globalnavi li:nth-child(3n) a,#globalnavi li:nth-child(3n) .preparation{
		border-right:none;
	}
}
@media screen and (max-width: 639px) and (min-width: 0px){
	#globalnavi li{
		font-size:85.7%;
		letter-spacing:0;
	}
}

/* =====コンテンツ===== */
#contents{
	margin:25px auto 0 auto;
	padding-bottom:140px;
	width:950px;
}
@media screen and (max-width: 964px) and (min-width: 0px){
	#contents{
		width:auto;
		padding:0;
		margin:20px;
	}
}

/* =====メイン===== */
#main{
	float:right;
	width:730px;
}

/* 見出し */
#main h1{
	font-size:142.9%;
	font-weight:bold;
	line-height:1;
	border-bottom:1px solid #b2b2b2;
	padding:0 0 5px 0;
	margin-bottom:20px;
	letter-spacing:2px;
}
#main h2{
	height:25px;
	background:url("images/h2-bg.png") no-repeat 0 0;
	border:1px solid #b2b2b2;
	padding-left:12px;
	margin-bottom:12px;
	font-size:114.3%;
	font-weight:bold;
	line-height:25px;
	color:#444;
}
#main h3{
	font-size:114.3%;
	font-weight:bold;
	line-height:1;
	padding:0 0 2px;
	margin:0 0 15px 18px;
	border-bottom:1px dotted #b2b2b2;
	color:#d65e23;
}
#main h4{
	background:url("images/h4-bg.png") no-repeat 0 4px;
	font-size:114.3%;
	font-weight:bold;
	line-height:1;
	padding-left:12px;
	margin:0 0 7px 18px;
	color:#000;
}

/* h2〜４用テキスト */
.h2_txt{
	padding-left:13px;
}
.h3_txt{
	padding-left:18px;
}
.h4_txt{
	padding-left:30px;
}

/* 外部サイトアイコン */
#main .content a[target="_blank"]{
	background:url("images/link-icon-external.png") no-repeat right center;
	padding-right:19px;
	margin-right:5px;
}
#main .content a.noticon[target="_blank"]{
	background:none;
	padding-right:0;
	margin-right:0;
}

/* 回り込み画像 */
#main .content img.alignleft{
	margin:0 15px 10px 0;
}
#main .content img.alignright{
	margin:0 0 10px 15px;
}


@media screen and (max-width: 964px) and (min-width: 0px){
	#main{
		float:none;
		width:100%;
		margin-bottom:30px;
	}
	#main h1{
		line-height:1.2;
		letter-spacing:0;
	}
	#main h3{
		line-height:1.3;
	}
	#main h4{
		background-position:0 5px;
		line-height:1.3;
		margin:0 0 10px 18px;
	}
	#main .content img{
		max-width:100%;
		height:auto;
	}
}

@media screen and (max-width: 639px) and (min-width: 0px){
	#main h2{
		height:auto;
		background:#f6f6f6;
		margin-bottom:12px;
		line-height:1.3;
		border-left:3px solid #ea5506;
		padding:5px 8px;
	}
	#main .content img.alignleft{
		float:none;
		display:block;
		text-align:center;
		margin:0 auto 15px auto;
	}
	#main .content img.alignright{
		float:none;
		display:block;
		text-align:center;
		margin:0 auto 15px auto;
	}
}

@media screen and (max-width: 480px) and (min-width: 0px){
	#main h3{
		margin-left:10px;
	}
	.h3_txt{
		padding-left:10px;
	}
	#main h4{
		margin-left:12px;
	}
	.h4_txt{
		padding-left:12px;
	}
}

/* =====サイド===== */
#side{
	float:left;
	width:184px;
	min-height:1px;
	background:#f2f2f2;
	padding:8px 8px 18px;
	margin-bottom:15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url("/htc/PIE.htc");
}
/* 先祖ページタイトル */
#parent-title{
	font-size:114.3%;
	font-weight:bold;
	color:#e3792c;
	letter-spacing:1px;
	line-height:1;
	margin:8px 0 5px 0;
}
#parent-title a{
	color:#e3792c;
	text-decoration:none;
}

/* 子ページリスト */
#menulist{
	border-top:1px dotted #ccc;
}
#menulist > li{
	font-size:85.7%;
	border-bottom:1px dotted #ccc;
}
#menulist > li  > a{
	display:block;
	padding:8px 5px 7px 10px;
	text-decoration:none;
	color:#333;
	border-left:2px solid #f2f2f2;
}
#menulist > li > a:hover,
#menulist > li.current_page_item > a{
	color:#7f7f7f;
	background:#fff;
	border-left:2px solid #e3792c;
}

/* 孫ページリスト */
.grandchild{
	padding:0 5px 0 15px;
	background:#fff;
	border-left:2px solid #e3792c;
	margin:0;
}
.grandchild > li{
	font-size:91.7%;
	line-height:1.3;
	overflow:hidden;
	margin:0;
	padding:0 0 8px 1em;
}
.grandchild > li:before{
	content:"・";
	float:left;
	display:inline-block;
	margin-left:-1em;
}
.grandchild > li a{
	color:#333;
}
.grandchild > li > a:hover,.grandchild > li.current_page_item > a{
	color:#e3792c;
}
@media screen and (max-width: 964px) and (min-width: 0px){
	#side{
		float:none;
		width:auto;
		padding:15px;
		margin-bottom:30px;
		border:1px solid #ccc;
	}
	#menulist > li{
		font-size:100%;
		font-weight:bold;
		border-bottom:1px solid #ccc;
	}
	#menulist > li  > a{
		padding:12px 5px 10px 10px;
		color:#555;
	}
	.grandchild > li{
		padding:0 0 10px;
	}
	.grandchild > li > a{
		font-weight:normal;
	}
}

/* =====フッター===== */
#footer{
	height:87px;
	position: absolute;
	bottom:0;
	width:100%;
}
#footer .wrap{
	width:950px;
	margin:0 auto;
}

/* フッターメニュー */
#footer-menu{
	font-size:71.4%;
	line-height:1;
	color:#333;
}
#footer-menu ul{
	margin:0 0 5px 0;
	float:right;
}
#footer-menu li{
	border-left:1px solid #333;
	padding:0 6px;
	float:left;
}
#footer-menu li:first-child{
	border-left:none;
}
#footer-menu li a:link,
#footer-menu li a:visited{
	color:#333;
}

/* フッターコンテンツ */
#footer-content{
	background:url("images/footer-bg.png") repeat-x 0 0;
	border-top:2px solid #f08300;
	height:70px;
	width:100%;
	color:#fff;
}
#footer-logo{
	margin:15px 0 0 50px;
	float:left;
}
#copyright{
	float:right;
	font-size:71.4%;
	line-height:70px;
}
/* トップへ戻る */
#go-pagetop{
	position: fixed;
	right:10px;
	bottom:0px;
	padding:7px 7px 3px 7px;
	display:block;
	color: #fff;
	background:#222;
	font-size:70%;
	line-height:1;
	cursor:pointer;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
}

@media screen and (max-width: 964px) and (min-width: 0px){
	#footer{
		height:auto;
		position:static;
	}
	#footer .wrap{
		width:100%;
		margin:0;
	}
	#footer-menu ul{
		margin:0 10px 10px 0;
	}
	#copyright{
		margin-right:15px;
	}
	#footer-logo{
		margin-left:15px;
	}
}
@media screen and (max-width:639px) and (min-width: 0px){
	#footer-logo{
		margin:8px 0 0 0;
		float:none;
		text-align:center;
	}
	#copyright{
		margin:8px 0 0 0;
		float:none;
		text-align:center;
		line-height:1;
	}
}

/* =====汎用テーブル===== */
/* テーブル１ */
.table-style01{
	border-top:1px solid #aaa;
	margin:0 20px;
	max-width:690px;
	width:100%;
}
.table-style01 thead th,.table-style01 thead td{
	background:url("images/table-style01-th-bg.png") repeat-x 0 0 #5ea170;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:5px 20px;
	border:1px solid #b2b2b2;
}
.table-style01 thead th:first-child,.table-style01 thead td:first-child{
	white-space:nowrap;
}

.table-style01 tbody th{
	background:#f2f2f2;
	font-weight:normal;
	color:#333;
	border:1px solid #b2b2b2;
	padding:5px 20px;
	white-space:nowrap;
}
.table-style01 tbody td{
	border:1px solid #b2b2b2;
	padding:7px;
	line-height:1.5;  /*1.3から1.5へ変更　202107014*/
}

/* テーブル内でのリスト表示　マージン（左）ピクセル指定・P行間調整*/
.table-style01 .ol-style01{
	margin:0;
} 


.table-style01 .ol-style01 li p{
	line-height: 1.5em;
}

/* テーブル２ */
.table-style02{
	border-collapse:separate;
	border-spacing: 4px;
}
.table-style02 th{
	background:#f2f2f2;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px 15px;
	white-space:nowrap;
	text-align:left;
}
.table-style02 td{
	background:#f2f2b0;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px 10px 5px 10px;
}

/* テーブル３　統計情報　*/
.table-style03{
	margin:0 20px;
	max-width:90%;
}
.table-style03 thead th{
	background:url("images/table-style01-th-bg.png") repeat-x 0 0 #5ea170;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:5px 2em;
	border:1px solid #b2b2b2;
}
.table-style03 thead td br, .table-style03 tbody th br{display:none}
.table-style03 thead td{
	background-color:	#f0e2c7;
	text-align:left;
	font-weight:bold;
	padding:5px 2em;
	border:1px solid #b2b2b2;
	white-space: nowrap;
}
.table-style03 thead td:not(:first-child){
	text-align:right;
}
.table-style03 tbody th{
	background-color:#f2f2f2; 
	text-align:left;
	font-weight:bold;
	padding:5px 2em;
	border:1px solid #b2b2b2;
	white-space: nowrap;
}
.table-style03 tbody td{
	text-align:right;
	padding:5px 2em;
	border:1px solid #b2b2b2;
}




@media screen and (max-width:964px) and (min-width: 0px){
	.table-style01{
		margin:0;
		max-width:100%;
		width:100%;
	}
}
@media screen and (max-width:639px) and (min-width: 0px){
	.table-style01{ 
		border:none;
	}
	.table-style01 thead{ 
		display: none; 
	}
	.table-style01 tbody th{ 
		display: block;
		padding:7px 10px;
		line-height:1;
		margin:10px 0 0 0;
	}
	.table-style01 tbody td{ 
		display: block;
		padding:7px 10px;
		border-top:none;
		line-height:1.3;　/*1から1.3へ変更　2021/07/14*/
	}
	.table-style02{
		border-collapse:collapse;
	}
	.table-style02 th{
		display:block;
		border:1px solid #ccc;
		padding:5px;
		background:#ccc;
		font-weight:bold;
	}
	.table-style02 td{
		display:block;
		margin-bottom:15px;
		background:#f2f2f2;
		border-left:1px solid #ccc;
		padding:10px;
	}
}

@media screen and (max-width:480px) and (min-width: 0px){
	.table-style03{ 
		margin:0px;
		width:100%;
	
	}
	.table-style03 thead th{
		white-space: nowrap; 

	}
	.table-style03 thead td:not(:first-child), .table-style03 tbody td{
		white-space: nowrap;
		text-align:center;
	}
	.table-style03 thead td, .table-style03 tbody th, .table-style03 tbody th {
		padding:5px 10px; 
	}
	.table-style03 thead td br, .table-style03 tbody th br{display:inline}
}

/* 20151005 追加 →　20210904 修正 */
/* テーブル横スクロール用div */
@media screen and (max-width:964px) and (min-width: 0px){
	.table_col_scroll_div{
		display:block;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}

	.table_col_scroll_div thead th:first-child,
	.table_col_scroll_div thead td:first-child,
	.table_col_scroll_div tbody th{
	position: -webkit-sticky;
	position: sticky;
	left:0;
	}


}

/* テーブル１ - スマホ時もテーブルのまま */
.table-style01_2{
	margin:0 20px;
	max-width:690px;
	width:100%;
}
.table-style01_2 thead th,.table-style01_2 thead td{
	background:url("images/table-style01-th-bg.png") repeat-x 0 0 #5ea170;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:5px 20px;
	border:1px solid #b2b2b2;
}
.table-style01_2 thead th:first-child,.table-style01_2 thead td:first-child{
	white-space:nowrap;
}

.table-style01_2 tbody th{
	background:#f2f2f2;
	font-weight:normal;
	color:#333;
	border:1px solid #b2b2b2;
	padding:5px 20px;
	white-space:nowrap;
}
.table-style01_2 tbody td{
	border:1px solid #b2b2b2;
	padding:7px;
	line-height:1.3;
}

/* テーブル２ - スマホ時もテーブルのまま */
.table-style02_2{
	border-collapse:separate;
	border-spacing: 4px;
}
.table-style02_2 th{
	background:#f2f2f2;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px 15px;
	white-space:nowrap;
	text-align:left;
}
.table-style02_2  td{
	background:#f2f2b0;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px 10px 5px 10px;
}
@media screen and (max-width:964px) and (min-width: 0px){
	.table-style01_2{
		margin:0 0 1px;
	}
	.table-style02_2{
		margin:0 0 1px;
	}
}

/* =====汎用リスト===== */
/* リスト１ */
.list-style01 li{
	background:url("images/list-style01-bg.png") no-repeat 0 4px;
	padding-left:17px;
	margin:0 0 15px 18px;
}

/* 数字リスト１ */
.ol-style01{
	font-weight:bold;

}
.ol-style01 li{
	font-weight:bold;
	margin-left:15px;
}
.ol-style01 li .title{
	font-weight:bold;
}
.ol-style01 li .text{
	font-weight:normal;
}

/* 中黒リスト*/
.list-style02 li{
	background:none;
	list-style:disc;
	padding:0;
	margin-left:25px;
}

.attlist{
	border:1px solid #b2b2b2;
	background:#f2f2f2;
	padding:20px 35px;
	font-weight:bold;
}
.attlist li{
	background:url("images/list-style01-bg.png") no-repeat 0 5px;
	padding-left:17px;
}
#main .content .attlist li a[target="_blank"]{
	background:none;
	padding-right:0;
	margin-right:0;
}

#main .content .attlist li .icon_pdf{
	background:url("images/icon_pdf.gif") no-repeat left center;
	padding:1px 0 0px 20px;
	margin:0 0 0 2px;
}

.get-reader{
	margin:0 60px; 
}


@media screen and (max-width:480px) and (min-width: 0px){
	ol, ul, .list-style01 li, .list-style02 li{
		margin-left:0.5em;
	}

}


/* =====お問い合わせ===== */
#main .contactform{
	margin:0 35px;
}
#main .contactform p.atten{
	color:#ea5506;
}
#main .contactform table{
	width:100%;
}
#main .contactform th.hissu:after{
	color:#ea5506;
	content:"※";
}
#main .contactform p.title.mail-hissu:after{
	content:"必須";
	color:#fff;
	background:#ea5506;
	font-size:70%;
	font-weight:bold;
	padding:1px 6px;
	margin-left:8px;
	border-radius:3px;
	vertical-align:middle;
	white-space:nowrap;
}
#main .contactform td .remark{
	font-size:78.6%;
	line-height:1.3;
	margin-top:5px;
}
#main input{
	padding:2px 0;
}
#main input.text-long,#main textarea{
	width:99%;
}
#main .contactform .submit{
	text-align:center;
	margin:20px 0 0 0;
}


@media screen and (max-width:639px) and (min-width: 0px){
	#main .contactform{
		margin:0 0px;
	}
}

/* 違法・有害情報ひな形 */
#main .example{
	background:#f2f2f2;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px 15px;
	margin:0 10px 7px 10px;
}
#main .example h2{
	margin-bottom:12px;
}
#main .example .img{
	float:left;
	margin:5px 10px 0 5px;
}
#main .example .text{
	overflow:hidden;
	font-size:85.7%;
}
#main .example .text .read{
	font-weight:bold;
	margin-bottom:15px;
}
@media screen and (max-width: 649px) and (min-width: 0px){
	#main .example .img{
		float:none;
		text-align:center;
		margin-bottom:10px;
	}
}


/* 20160113追加 リベンジポルノ */
.revenge #main{
	float: none;
	width: 950px;
}
.revenge a img:hover {
	opacity: 0.7;
}
.revenge #main h1 {
	border-bottom:0;
	padding: 0;
}
.revenge .content {
	width: 910px;
	margin: 20px auto;
}
.revenge .banner_list {
}
.revenge .banner_list li {
	float: left;
	margin-left: 20px;
}
.revenge .banner_list li:first-child {
	margin-left: 0;
}
.revenge .catch_box {
	margin: 20px 0 30px 13px;
	border: 1px solid #e6e6e6;
}
.revenge .catch_box .title {
	font-size: 171.4%;
	font-weight: bold;
	color: #d65e23;
	line-height: 32px;
}
.revenge .delete_box {
	padding: 20px 50px 20px 250px;
	background:url("images/delete_box_bg.png") no-repeat 50px 50% #fff8ed;
}
.revenge .trouble_box {
	padding: 45px 50px 45px 250px;
	background:url("images/trouble_box_bg.png") no-repeat 50px 50% #fff8ed;
}
.revenge .report_box {
	padding: 45px 50px 45px 250px;
	background:url("images/report_box_bg.png") no-repeat 50px 50% #fff8ed;
}
.revenge .report_btn {
	margin: 5px 0 0;
}
.revenge .em {
	color: #ea5506;
	font-weight: bold;
}
.revenge .list_faq li {
	text-indent: -15px;
	padding-left: 18px;
	margin-bottom: 20px;
}
.revenge .list_faq li:before {
	content: "Q.";
	font-weight: bold;
}
.revenge .list_safeline {
	margin: 80px 0 20px;
}
.revenge .list_safeline li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 230px;
	margin: 0 10px 10px 0;
	font-weight: bold;
}
.revenge .list_safeline li:nth-child(4n) {
	margin-right: 0;
}
.revenge .list_safeline li a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 230px;
	background: url("images/list_safeline_bg.png") no-repeat 210px 50%;
	padding: 13px 20px;
	border: 1px solid #007b43;
}
.revenge .list_safeline li a:hover {
	background: url("images/list_safeline_bg.png") no-repeat 210px 50% #fff8ed;
}

@media screen and (max-width:949px) and (min-width: 0px){
	.revenge #main{
		width: 100%;
	}
	.revenge #main h1 {
		width: 100%;
	}
	.revenge #main h1 img {
		width: 100%;
		height: auto;
	}
	.revenge .content {
		width: 100%;
	}
	.revenge .banner_list li {
		float: none;
		margin-left: 0;	
		text-align: center;
	}
	.revenge .catch_box {
		margin: 10px 0;
		text-align: center;
	}
	.revenge .catch_box .title {
		font-size: 120%;
		line-height: 20px;
	}
	.revenge .delete_box,
	.revenge .trouble_box,
	.revenge .report_box {
		padding: 110px 15px 15px;
		background-position: 50% 15px;
		background-size: 100px;
	}
	.revenge .list_safeline {
		margin: 50px 0 0;
	}
	.revenge .list_safeline li {
		float: none;
		width: 100%;
		margin: 0 0 5px 0;
	}
	.revenge .list_safeline li a {
		width: 100%;
		background: url("images/list_safeline_bg.png") no-repeat 98% 50%;
		padding: 5px 10px;
	}
	.revenge .list_safeline li a:hover {
		background: url("images/list_safeline_bg.png") no-repeat 98% 50% #fff8ed;
	}
}