@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++
service	websecurity series
++++++++++++++++++++++++++++++++++++++++++++++ */
.serviceDetailIntro {
	background:url(/service/websecurity/img/bg_title.jpg) #303c48 no-repeat 100% 50%;
	background-size: cover;
	color: #fff;
	}
@media only screen and (max-width:639px) {
.serviceDetailIntro {
	padding-top: 140px;
	background:url(/service/websecurity/img/bg_title.jpg) #303c48 no-repeat 100% -5%;
	background-size: auto 200px;
	}
}
	.serviceDetailIntro p{
		font-size: 1.125rem;
		margin-bottom: .5rem;
		}
	.serviceDetailIntro h1.top{
		color: #fff;
		font-weight: bold;
		}
		.serviceDetailIntro h1.top img{
			margin-bottom: 1rem;
			}
.serviceDetailIntro.mini{
	padding-top: .5rem;
	background:url(/service/websecurity-series/img/bg_title2.jpg) #434343 no-repeat 100% 50%;
	}
@media only screen and (max-width:639px) {
.serviceDetailIntro.mini{
	min-height: 0;
	padding-top: 100px;
	background:url(/service/websecurity-series/img/bg_title2.jpg) #434343 no-repeat 100% -5%;
	background-size: auto 100px;
	}
	.serviceDetailIntro.mini h1{
		margin-bottom: -.6rem;
		}
}
	.serviceDetailIntro.mini h1 .subheader{
		color: #fff;
		font-size: 18px !important;
		}
	.serviceDetailIntro.mini h1 img{
		zoom:1;
		}
.sectionEnd { display:block; clear:both; width:0; height:0; margin-bottom:3rem; border:0; }

/* ヘッダー ------------*/
.fixed .serviceSubNav .serviceLogo {
	margin-bottom: 0.7rem;
}
.serviceDetailIntroInner h1 {
	padding-top: 1rem;
}
.serviceDetailIntroInner .kw {
	padding-top: .8rem;
}
/* 見出し -------------*/
.h4-title-border{
	margin-bottom:1.5rem;
	padding:0.5rem 1rem;
	border:#999 1px solid;
	border-radius:3px;
	font-size:1.1rem;
	}
.h5-title-bg{
	margin-bottom:1rem;
	padding:0.5rem 1rem;
	border-radius:3px;
	font-size:1.0rem;
	background:#ece7e7;
	}

/* TOP -------------*/
.top-safety{
	margin-top: -1rem;
	padding: 1.5rem 0;
	}
	.tit-red{
		padding: .5rem;
		background: #c6111b;
		color: #fff;
		text-align: center;
		}
	.top-safety .tit{
		margin-bottom: 1.5rem;
		padding-bottom: .2rem;
		font-size: 1rem;
		border-bottom: 1px solid #c4c4c4;
		}

/**サービス選択----------------*/
.sitelock,.sitelock-managed,.sitelock-report,.sitelock-cdn {
	border: solid .5rem;
	background: #fff;
}
.sitelock {
	border-color: #b82126;
	margin-bottom: 4rem;
}
.sitelock-managed {
	border-color: #50486e;
	padding-bottom: 2rem;
}
.sitelock-report{
	border-color: #1bb2a9;
		padding-bottom: 2rem;
}
.sitelock-cdn{
	border-color: #ea8136;
}
.sitelock .ico_no1,.sitelock-cdn .ico_no1 {
	margin-top: 1rem;
	margin-bottom: 0;
}
.sitelock h2,.sitelock-cdn h2 {
	font-size: 1.2rem;
	font-weight: bold;
	padding-right:0;
	padding-top:1.5rem;
	margin-bottom: 1.3rem;
	text-align: left;
}
.sitelock .price,.sitelock-cdn .price {
	font-size: 1.3rem;
} 
.sitelock .price span,.sitelock-cdn .price span {
	font-size: 1.8rem;
	font-weight: bold;
} 
.sitelock .list {
	margin-top: 5rem;
}
.sitelock-cdn .list {
	margin-top: 2rem;
}
.sitelock .list li,.sitelock-cdn .list li {
	background: url(../img/ico_check.png) no-repeat left top;
	font-size: 1rem;
	margin-bottom: .3rem;
	text-align: left;
	padding-left:2rem; 
}
a.link_sitelock,a.link_sitelock-managed,a.link_sitelock-report,a.link_sitelock-cdn {
	text-decoration: none;
	color: #333;
}
.link_sitelock .btn {
	color: #fff;
	border:solid 2px #b82126;
	border-radius: .25rem;
	padding: .5rem 2rem; 
	background: #b82126;
	width: 50%;
	margin: 0 auto;
}
a.link_sitelock:hover .btn {
	color: #b82126 !important;
	border:solid 2px #b82126;
	border-radius: .25rem;
	padding: .5rem 2rem;
	background: #fef0f0;
}
a.link_sitelock:hover .sitelock {
	background: #fef0f0 !important;
}

.link_sitelock-managed .btn {
	color: #fff;
	border:solid 2px #50486e;
	border-radius: .25rem;
	padding: .5rem 2rem; 
	background: #50486e;
	width: 50%;
	margin: 0 auto;
}
a.link_sitelock-managed:hover .btn {
	color: #50486e !important;
	border:solid 2px #50486e;
	border-radius: .25rem;
	padding: .5rem 2rem;
	background: #ebecf9;
}
a.link_sitelock-managed:hover .sitelock-managed {
	background: #ebecf9 !important;
}

.link_sitelock-report .btn {
	color: #fff;
	border:solid 2px #1bb2a9;
	border-radius: .25rem;
	padding: .5rem 2rem; 
	background: #1bb2a9;
	width: 50%;
	margin: 0 auto;
}
a.link_sitelock-report:hover .btn {
	color: #1bb2a9 !important;
	border:solid 2px #1bb2a9;
	border-radius: .25rem;
	padding: .5rem 2rem;
	background: #eef8f7;
}
a.link_sitelock-report:hover .sitelock-report {
	background: #eef8f7 !important;
}
.link_sitelock-cdn .btn {
	color: #fff;
	border:solid 2px #ea8136;
	border-radius: .25rem;
	padding: .5rem 2rem; 
	background: #ea8136;
	width: 50%;
	margin: 0 auto;
}
a.link_sitelock-cdn:hover .btn {
	color: #ea8136 !important;
	border:solid 2px #ea8136;
	border-radius: .25rem;
	padding: .5rem 2rem;
	background: #fbe8db;
}
a.link_sitelock-cdn:hover .sitelock-cdn {
	background: #fbe8db !important;
}


.sitelock-managed h2,.sitelock-report h2 {
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 1.3rem;
	padding-top: 1.6rem;
}
.sitelock-managed .price,.sitelock-report .price {
	font-size: 1.1rem;
}
.sitelock-managed .price span,.sitelock-report .price span {
	font-size: 1.3rem;
	font-weight: bold;
}
.sitelock-managed .list,.sitelock-report .list {
	margin-left: 5rem;
}
.sitelock-managed .list li,.sitelock-report .list li {
	background: url(../img/ico_check_mini.png) no-repeat left center;
	font-size: 1rem;
	margin-bottom: .3rem;
	text-align: left;
	padding-left:2rem; 
}

/*読み物コンテンツリンク-------------*/
.index_pickup {
	background: #fff;
}
.index_lineup .thumbnail {
	height: ;
}
.index_pickup h3 {
	padding-top: 1rem;
}
/* websecurityトップページ　テキストリンクcss -------------*/
.a_text_white{color: #fff;}
.a_text_white:hover{
	text-decoration: none;
	color: #fff;
}
/* 20170412 websecurityトップページ　一行ニュース設置css -------------*/
.sitelock_index_headline {
background-color: #fff;
padding-bottom:2.15rem;
}
.sitelock_index_headline > .icon-new {
    margin-right: 2rem;
}
/* 20170412 websecurityトップページ　バナー設置css -------------*/
.top_banner:hover img{opacity:0.8;}