@charset "utf-8";
/*=============================================================

 Layout

=============================================================*/

/*=================================
local-nav-area 
=================================*/
#local-nav-area .local-nav--antispam {
	background: #48a732 none repeat scroll 0 0;
}
#local-nav-area .local-nav--antispam .local-nav__parent a h1 {
	line-height: 1.6;
}
#local-nav-area .local-nav.local-nav--antispam  ul li {
	margin-left: 30px;
}
#local-nav-area .local-nav.local-nav--antispam  ul li:first-child {
	margin-left: 0px;
}
#local-nav-area .local-nav.local-nav--antispam ul li.btn-free {
  border-radius: 3px;
  background: #237e53;
  padding: 2px 15px;
  color: #ffffff;
  margin-top: 3px;
  font-weight: bold;
  letter-spacing: 2px;
}
/*=================================
font
=================================*/

/*=================================
各共通部分
=================================*/

/*=================================
antispam top
=================================*/
.antispam.top .h1_wrap h1 {
	text-align: center;
}
.antispam .circle-num .circle-num__title {
	font-size: 3.2rem;
	font-family: "AxisStd-Light" ,"Hiragino Kaku Gothic ProN","Meiryo", sans-serif;
}
.antispam .circle-num__detail-wrap {
    display: flex;
    margin-top: 30px;
	padding: 20px;
	background-color: rgba(255,255,255,1);
	border-radius: 8px;
}
.antispam .circle-num__image {
    width: 180px;
}
.antispam .circle-num__comment {
    text-align: left;
    margin-left: 50px;
}
.antispam .standardOffer  {
	background-color: #eeece1;
	padding: 20px;
	font-size: 2.4rem;
	color: #48a732;
}
.standardOffer dl {
	display: table;
	line-height: 1.2;
	margin: 0 auto;
}
.antispam .standardOffer dt {
	width: 120px;
	height: 120px;
	display: table-cell;
	border-radius: 50%;
	vertical-align: middle;
	background-color:#48a732;
	margin-right: 15px;
	color: #fff;
}
.antispam .standardOffer dt span{
	font-size: 2.8rem;
	line-height: 1.2;
	/*color: #2f8c1c;*/
}
.antispam .standardOffer dd {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding-left: 15px;
}
.antispam #faq_sec a{
	font-size: 1.8rem;
}

/*=================================
antispam product
=================================*/
.antispam .table-device.table-device--green span {
	display: block;
}
.antispam .table-device.table-device--green dt {
	line-height: 1.2;
}
.antispam .method h3 {
	font-size: 2.0rem;
	color: #1d9000;
	font-weight: normal;
	margin-bottom: 20px;
}
.antispam .method > li {
	/*background: #edf7eb;*/
	background: #f3f3f3;
	border-radius: 8px;
	margin-bottom: 30px;
	padding: 30px;
}
.antispam .method li dl {
	background: rgba(255,255,255,0.8) ;
	border-radius: 8px;
	padding: 5px;
	margin-top: 20px;
}
.antispam .method li dl dt {
	color: #1d9000;
	line-height: 1;
}
.antispam .method li dl dd {
	padding: 8px 10px 10px;
}
/*=================================
antispam setup
=================================*/
.antispam .config-button {
    background: #f3f3f3;
    text-align: center;
    border-radius: 8px;
    padding: 40px 0;
    margin: 40px 0 60px;
}
.antispam .list-box {
	width: 100%;
	max-width: 400px;
	margin: 0 auto 30px;
	list-style: none;
}
.antispam .list-box li {
	font-size: 1.8rem;
	text-align: left;
	margin-bottom: 8px;
}
.antispam .list-box li:before {
	background-color: #bbbbbb;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-right: 8px;
}
/* modal*/
.antispam .modal-content .modal-body {
	text-align: center;
}
.antispam .modal-content .modal__tit {
	font-size: 3.0rem
}
/* howto-confirm*/
.antispam .howto-confirm,.standardOffer{
	text-align: center;
}
.antispam .howto-confirm .ttl {
	font-size: 1.8rem;
	margin-bottom: 10px;
	font-family: "AxisStd-Light","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
}
/*=================================
antispam attend
=================================*/
.antispam .attend .h3-default h3 {
	font-size: 2.4rem;
	text-align: left;
}
.antispam .attend .h4-default h4 {
	font-size: 2.0rem;
}


/*=========================
///// 　　 スマホ　 //////////
==========================*/
@media screen and (max-width: 767px) {

/*=================================
local-nav-area 
=================================*/	
#local-nav-area .local-nav.local-nav--antispam  ul li {
	margin-left: 0px;
}

/*=================================
各共通部分
=================================*/
.antispam .heading__lead-default {
    text-align: left;
	}
/*=================================
antispam top
=================================*/
.antispam .top .h2-default h2 + .heading__lead {
	text-align: left;
	line-height: 1.6;
}
.antispam .circle-num__text {
    margin-left: 0px;
	text-align: left;
}
.antispam .circle-num .circle-num__title {
	font-size: 2.2rem;
}
.antispam .circle-num__detail-wrap {
    flex-direction: column;
    margin-top: 10px;
	padding: 10px;
}
.antispam .circle-num__image {
    margin: 0 auto;
}
.antispam .circle-num__comment {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
}
.antispam .standardOffer  {
	padding: 10px 0px;
	margin-top: 40px;
	font-size: 1.6rem;
}
.antispam .standardOffer dt {
	width: 80px;
	height: 80px;
}
.antispam .standardOffer dt span{
	font-size: 2.0rem;
}
.antispam .standardOffer dd {
	padding-left: 10px;
	line-height: 1.4;
}
.antispam #faq_sec a{
	font-size: 1.4rem;
}
	
/*=================================
antispam product
=================================*/
.antispam .table-device.table-device--green span {
	display: inline-block;
}
.antispam .method h3 {
	font-size: 1.8rem;
	margin-bottom: 20px;
}
.antispam .method > li {
	margin-bottom: 20px;
	padding: 20px;
}

/*=================================
antispam setup
=================================*/
.antispam .config-button {
	padding: 20px;
	}
.antispam .list-box{
	width: 100%;
	max-width: 100%;
	margin:0px 0px 20px;
}
.antispam .list-box li {
	font-size: 1.4rem;
	margin-bottom: 5px;
}
.antispam .howto-confirm .ttl{
	font-size:  1.6rem;
}
/* modal*/
.antispam .modal-content .modal__tit {
	font-size: 2.4rem
}
	
/*=================================
antispam attend
=================================*/
.antispam .attend .h3-default h3 {
	font-size: 1.8rem;
	text-align: center;
}
.antispam .attend .h4-default h4 {
	font-size: 1.8rem;
}
	
}