/* PAGER */
.pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
}
.pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pager a.active {
	background: #000;
}
.pager a:visited,.pager a:hover{
	background: #666;
}
.pager-item{
	display: inline-block;
	vertical-align: bottom;
	*zoom: 1;
	*display: inline;
}
.pager-item {
	font-size: 0;
	line-height: 0;
}



/*2017-11-2追記*/
.header #header-title.fixed,
.main-navi.fixed {
	position: fixed;
	width: 100%;
	z-index: 101;
}

/*2017-09リニューアル*/
#bottombox{
margin-top:0;
margin-bottom:50px;
padding-top:30px;
background: #e9e9e9 none repeat scroll 0 0;
}
.card-cate .security,.card-cate.security,.child-navi .detail .tag.security,.aside-ranking-tag .security{background:#1798d4;}
.card-cate .callcenter,.card-cate.callcenter,.child-navi .detail .tag.callcenter,.aside-ranking-tag .callcenter{background:#569e19;}
.card-cate .cloud,.card-cate.cloud,.child-navi .detail .tag.cloud,.aside-ranking-tag .cloud{background:#fccf00;color:#000;}
.card-cate .network,.card-cate.network,.child-navi .detail .tag.network,.aside-ranking-tag .network{background:#e5425e;}
.card-cate .iot,.card-cate.iot,.child-navi .detail .tag.iot,.aside-ranking-tag .iot{background:#10387d;}


.mobile-menu {
	display: none;
	position: fixed;
	z-index: 100;
	background: #1e242a;
	color: #fff;
	width:100%;
	padding:20px 0;
	overflow-y: scroll;
}
.mobile-menu h2{
	color:#fff;
	padding:10px 10px 0;
}
.mobile-menu .menu-block{
	background:#fff;
	margin:0 15px;
}
.mobile-menu .menu-block ul{
	padding:0;
	margin:0;
	list-style:none;
}
.mobile-menu .menu-block ul li{
	padding:10px;
	border-bottom:1px solid #ccc;
}
.main-navi{
	background:#242f38;
	text-align:center;
	position: relative;
}
.main-navi>ul{
	display:table;
	margin:0 auto;
}
.main-navi>ul>li{
	display:table-cell;
	text-align:center;
}
.main-navi>ul>li>a{
	display:block;
	color:#fff;
	padding:10px 50px;
	font-size: 2rem;
	letter-spacing: 5px;
}
.main-navi>ul>li>a.active,
.main-navi>ul>li>a:hover{
	background:#53cde2;
	color:#000;
}
.child-navi-wrap{
	display:none;
	position: absolute;
	top: 50px;
	right: 0;
	width: 100%;
	z-index: 100;
}
.child-navi-wrap .child-navi{
	background:#fff;
	border-bottom:16px solid #242f38;
	text-align:center;
	height:440px;
}
.child-navi .inner{
	width:1240px;
	margin:0 auto;
	padding-left: 26px;
	text-align:left;
	display:table;
	position:relative;
	height:440px;
}
.child-navi a{
	color:#000;
}
.child-navi ul{
	list-style:none;
	padding-left:0;
}
.child-navi .list{
	display:table-cell;
	width:33%;
}
.child-navi .detail-wrap{
	display:table-cell;
	vertical-align:top;
}
.child-navi .list li{
	border:2px solid #e6e6e6;
	border-left:none;
	border-top:none;
}
.child-navi .list li a{
	display:block;
	padding:15px 20px;
	background:url(/content/dam/nttcom/hq/jp/bizon/images/arrow.png) no-repeat right 10px center #fff;
}
.child-navi .list li a:hover,
.child-navi .list li a.active{
	background:url(/content/dam/nttcom/hq/jp/bizon/images/arrow.png) no-repeat right 10px center #f2f2f2;
}

.child-navi .detail{
	display:none;
	margin-top:0;
}
.child-navi .detail .tag{
	padding:2px 10px;
	font-size:12px;
	color:#fff;
	line-height:1;
}
.child-navi .detail .tag.cloud{
	color:#000;
}
.child-navi .detail li{
	float:left;
	width:50%;
}
.child-navi .detail li a{
	display:block;
	padding:15px 20px;
	border-bottom:1px dotted #ccc;
}
.child-navi .detail li a:hover{
	background:#f2f2f2;
}
.child-navi .detail li p{
	margin-bottom:5px;
	min-height:42px;
}
.child-navi .detail li.more{
	text-align:right;
	position:absolute;
	bottom:30px;
	right:0;
}
.child-navi .detail li.more a{
	display:inline;
	padding:20px;
	color:#0071bc;
	text-decoration:underline;
	border-bottom:none;
}
.child-navi .detail li.more a:hover{
	background:#fff;
}
.child-navi .detail li.more a:before {
	font-family: FontAwesome;
	content: " ";
	font-size: 16px;
	font-size: 1.6rem;
	color: #000;
}






.title-dark::before, .title-light::before{
	color:#000;
}



.card-image img{
	width:100%;
}

/**/
.main-title{
	text-align:center;
	font-size:30px;
	font-weight:bold;
	color:#53cde2;
	margin-bottom:30px;
}
.card-block-main{
	display:table;
	width:100%;
	border-bottom:1px dotted #ccc;
	padding-bottom:15px;
	margin-bottom:20px;
}
.card-block-main .card-image{
	display:table-cell;
	width:21%;
}
.card-block-main .card-body{
	display:table-cell;
	padding-left:20px;
	vertical-align:top;
}
.card-block-main .upper{
	display:table;
	width:100%;
}
.card-block-main .card-title,
.card-block-main .card-title2 {
	display:table-cell;
	padding-right:20px;
	font-size:1.8rem;
}
.card-block-main .card-cate{
	display:table-cell;
	width:180px;
	color:#dbdbdb;
}
.card-block-main .card-cate .up{
	text-align:center;
	font-size:1.2rem;
	border-bottom:1px solid #dbdbdb;
}
.card-block-main .card-cate .up a{
	color:#dbdbdb;
	font-weight:bold;
}
.card-block-main .card-cate .up a:after {
	font-family: FontAwesome;
	content: " ";
	font-size: 16px;
	color: #dbdbdb;
}
.card-block-main .card-cate .dn{
	text-align:center;
	font-size:1rem;
	padding:5px 0;
}
.card-block-main .card-cate .dn a{
	color:#dbdbdb;
}
.card-block-main .card-cate .dn a:after {
	font-family: FontAwesome;
	content: " ";
	font-size: 12px;
	color: #dbdbdb;
}

.card-block-main .card-cate .cloud a{
	color:#666666;
}
.card-block-main .card-cate .cloud.up{
	border-bottom:1px solid #666666;
}
.card-block-main .card-cate .up.cloud a:after,.card-block-main .card-cate .dn.cloud a:after {
	color: #666666;
}
.card-block-main .lower{
	margin-top:20px;
}
.content-top-new{
	margin-top:0;
}
.content-top-new .card-block-main-other{
	padding:0;
	margin:0;
}
.content-top-new .card-block-main-other li{
	text-indent:-1.5em;
	padding-left:1.5em;
	font-size:14px;
}
.content-top-new .card-block-main-other li::before{
	background:none;
}
.content-top-new .card-block-main-other li a:before {
	font-family: FontAwesome;
	content: " ";
	font-size: 16px;
	color: #53cde2;
}
.management-issues{
	margin-bottom:50px;
}

/*この記事が注目されています*/
.attention-block{
	background-color:#53cde2;
	background-image: url("/content/dam/nttcom/hq/jp/bizon/images/title_bg_gray2.png");
}

.card-block-new {
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
	width:100%;
	padding:15px;
}
.card-block-new .card-title,
.card-block-new .card-title2 {
	position:static;
	padding:0;
}
.card-block-new .upper{
	display:table;
	width:100%;
}
.card-block-new .card-title,
.card-block-new .card-title2 {
	display:table-cell;
	padding-right:20px;
	font-size:1.8rem;
}
.card-block-new .card-cate{
	display:table-cell;
	width:200px;
	color:#dbdbdb;
}
.card-block-new .card-cate .up{
	text-align:center;
	font-size:1.4rem;
	border-bottom:1px solid #dbdbdb;
}
.card-block-new .card-cate .up a{
	color:#dbdbdb;
	font-weight:bold;
}
.card-block-new .card-cate .up a:after {
	font-family: FontAwesome;
	content: " ";
	font-size: 16px;
	color: #dbdbdb;
}
.card-block-new .card-cate .dn{
	text-align:center;
	font-size:1rem;
	padding:5px 0;
}
.card-block-new .card-cate .dn a{
	color:#dbdbdb;
}
.card-block-new .card-cate .dn a:after {
	font-family: FontAwesome;
	content: " ";
	font-size: 12px;
	color: #dbdbdb;
}

.card-block-new .card-cate.cloud a{
	color:#666666;
}
.card-block-new .card-cate.cloud .up{
	border-bottom:1px solid #666666;
}
.card-block-new .card-cate.cloud .up a:after,.card-block-new .card-cate.cloud .dn a:after {
	color: #666666;
}
.card-block-new .lower{
	display:table;
	width:100%;
	margin-top:20px;
}
.card-block-new .lower .card-image{
	display:table-cell;
	width:20%;
	height:auto;
}
.card-block-new .lower p{
	display:table-cell;
	vertical-align:top;
	padding-left:20px;
}

.topics-block .card-block-new {
	background: #53cde2;
}
.topics-block .card-image{
	float:none;
	position:static;
}
p .readmore{
	font-weight:bold;
	color:#e53a53;
}




.button-wrap img{
	margin-bottom:20px;
	width:100%;
}


.aside-block-ranking{
	border-bottom:none;
}

.aside-ranking-tag{
	border-top:none;
	padding-left: 60px;
}
.aside-ranking-tag a{
	padding:2px 10px;
	font-size:10px;
	color:#fff;
	line-height:1;
}
.aside-ranking-tag a:after {
	font-family: FontAwesome;
	content: " ";
	font-size: 14px;
	color: #fff;
}
.aside-ranking-tag a.cloud,
.aside-ranking-tag a.cloud:after{
	color:#666666;
}



.sp-only{
	display:none !important;
}
.pc-only{
	display:block !important;
}
.pc-only-cell{
	display:table-cell !important;
}

/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * スマホ版
 * 1219px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/

@media screen and (max-width:1219px) {
/*
	aside .button-wrap{
		display:table;
		width:100%;
	}
	aside .button-wrap a{
		display:table-cell;
	}
*/
aside .button-wrap{
	width:100%;
	float:none;
}
#sideboxR {
    padding-left: 26px;
}
}
@media screen and (max-width:768px) {
#sideboxR {
    padding-left: 0;
}
}
/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * 
 * 600px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:600px) {
/* ----- / @media screen and (max-width:600px) ----- */

	.card-block-main .card-cate.pc-only-cell,
	.card-block-main .card-title,
	.card-block-main .card-title2 {
		display:block !important;
	}
	.card-block-main .card-title,
	.card-block-main .card-title2 {
		margin-bottom:10px;
	}
}

/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * タブレット版
 * 768px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:768px) {
/* ----- / @media screen and (max-width:768px) ----- */
	.main-navi,
	.child-navi-wrap{
		display:none !important;
	}
	aside .button-wrap{
		display:block;
		width:100%;
	}
	aside .button-wrap a{
		display:block;
	}
	.aside-banner{
		width:23%;
	}
	
	.header .top-slide-block,.top-slide {
		height: auto;
		/*height: 280px;*/
	}
	.card-block-main,
	.card-block-main .upper,
	.card-block-new .upper,
	.card-block-new .lower{
		display:block;
	}
	.card-block-main .card-image,
	.card-block-main .card-title,
	.card-block-main .card-title2,
	.card-block-new .card-title,
	.card-block-new .card-title2,
	.card-block-new .lower .card-image{
		display:block;
		width:100%;
		margin-bottom:15px;
		padding-right:0;
	}
	.card-block-main .card-body,
	.card-block-main .card-cate,
	.card-block-new .card-cate,
	.card-block-new .lower p{
		display:block;
		padding-left:0;
	}
	.card-block-main .card-image{
		position:relative;
	}
	.card-block-main .card-image .card-cate{
		position:absolute;
		left:0;
		bottom:0;
	}
	.card-block-main .card-cate.pc-only-cell{
		display:none !important;
	}
}

/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * スマホ版
 * 480px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:480px) {
	.sp-only{
		display:block !important;
	}
	.pc-only,.pc-only-cell{
		display:none !important;
	}
	.card-block-main,
	.card-block-main .upper,
	.card-block-new .upper,
	.card-block-new .lower{
		display:block;
	}
	.card-block-main .card-image,
	.card-block-main .card-title,
	.card-block-main .card-title2,
	.card-block-new .card-title,
	.card-block-new .card-title2,
	.card-block-new .lower .card-image{
		display:block;
		width:100%;
		margin-bottom:15px;
		padding-right:0;
	}
	.card-block-main .card-body,
	.card-block-main .card-cate,
	.card-block-new .card-cate,
	.card-block-new .lower p{
		display:block;
		padding-left:0;
	}
	.card-block-main .card-image{
		position:relative;
	}
	.card-block-main .card-image .card-cate{
		position:absolute;
		left:0;
		bottom:0;
	}
	.card-block-main .card-cate.pc-only-cell{
		display:none !important;
	}
	
	.aside-banner{
		width:100%;
	}
	.header .top-slide {
		height: auto;
	}
	.header .top-slide-block {
		height: auto;
		/*height: 280px;*/
	}
	.header .top-slide-image {
		height: auto;
	}

	.header .top-slide-image img {
		width: 100%;
	}

	.top-slide-wrap {
		/*position:static*/
	}
	.top-slide-title{
		font-size:1.4rem;
	}
	.header .top-slide-tag{
		font-size:1.1rem;
	}
	.header .top-slide-wrap{
		height:140px;
	}
}

/*詳細ページ*/
.cc_pdf_dl {
	float:right;
	text-align:right;
	margin-bottom: 20px;
	text-indent: -2em;
}
.cc_pdf_dl::before {
	bottom: -1.5em;
	content: url("/content/dam/nttcom/hq/jp/bizon/images/dl_icon2.png");
	left: -0.5em;
	position: relative;
}

.related-article .card-block-main:nth-of-type(3){
	border:none;
}

.related-article .title-h2 {
	position: relative;
	text-align: center;
	margin: 0 auto 26px;
	padding: 0 0 40px
}

.related-article .title-h2:after {
	position: absolute;
	display: block;
	top: 25px;
	bottom: 0;
	left: 0;
	right: 0;
	content: ' ';
	width: 52px;
	height: 1px;
	margin: auto;
	padding: 0;
	border-bottom: 5px solid #aaa
}
.detail-image{
	position: relative;
}
.detail-image .card-cate{
	width:180px;
	color:#dbdbdb;
	position: absolute;
	bottom:0;
	right:0;
}
.detail-image .card-cate .up{
	text-align:center;
	font-size:1.2rem;
	border-bottom:1px solid #dbdbdb;
}
.detail-image .card-cate .up a{
	color:#dbdbdb;
	font-weight:bold;
}
.detail-image .card-cate .up a:after {
	font-family: FontAwesome;
	content: " ";
	font-size: 16px;
	color: #dbdbdb;
}
.detail-image .card-cate .dn{
	text-align:center;
	font-size:1rem;
	padding:5px 0;
}
.detail-image .card-cate .dn a{
	color:#dbdbdb;
}
.detail-image .card-cate .dn a:after {
	font-family: FontAwesome;
	content: " ";
	font-size: 12px;
	color: #dbdbdb;
}

.detail-image .card-cate .cloud a{
	color:#666666;
}
.detail-image .card-cate .cloud.up{
	border-bottom:1px solid #666666;
}
.detail-image .card-cate .up.cloud a:after,.detail-image .card-cate .dn.cloud a:after {
	color: #666666;
}
.content-h2{
	border-bottom:4px solid #53cde2;
	padding-bottom:10px;
}
.content-h3{
	border-left:30px solid #53cde2;
	padding-left:10px;
	color:#53cde2;
	font-size: 1.7rem;
	font-weight: bold;
}
.content-h4{
	border-bottom:1px dotted #000;
	padding-bottom:5px;
	color:#004387;
	font-size: 1.6rem;
}
.content-text{
	margin-bottom:50px;
}
.download-wrap{
	text-align:center;
}
.download{
	background:#fdd000;
	padding:10px 15px;
	display:inline-block;
}
.download:before{
	font-family: FontAwesome;
	content: "\f1c1 ";
	font-size: 18px;
}
.content-solution h3{
	color:#004387;
	font-size: 2rem;
}
.content-solution-block{
	border:none;
	margin-bottom:50px;
}
.content-solution-block dl{
	background:#004387;
}
.content-solution-block dl dt:nth-child(3), .content-solution-block dl dd:nth-child(4), .content-solution-block dl dt:nth-child(7), .content-solution-block dl dd:nth-child(8), .content-solution-block dl dt:nth-child(11), .content-solution-block dl dd:nth-child(12), .content-solution-block dl dt:nth-child(15), .content-solution-block dl dd:nth-child(16), .content-solution-block dl dt:nth-child(19), .content-solution-block dl dd:nth-child(20){
background:#004387;
}

.content-solution-block dt a{
	color:#fdd000;
}
.content-solution-block dd{
	color:#fff;
}
.content-solution-block dt,
.content-solution-block dd{
	height:90px;
	border-bottom:2px solid #fff;
	padding-left: 2em;
	padding-top: 2em;
	padding-bottom: 2em;
}

/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * タブレット版
 * 768px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:768px) {
/* ----- / @media screen and (max-width:768px) ----- */
	.content-solution-block dt,
	.content-solution-block dd{
		height:auto;
	}
	.content-solution-block dt{
		border-bottom:1px dotted #fff;
	}
}


/*20171019修正分*/
/*タイトル、文章の文字色*/
.card-block-main .card-title a,
.card-block-new .card-title a,
.card-block-main .card-title2 a,
.card-block-new .card-title2 a{
	color:#000;
	font-size:1.5rem;
}
.card-desc{
	color:#666;
}
.topics-block .card-block-new .card-desc{
	color:#000;
}

/*20171102修正分*/
.card-block-main .card-title a, .card-block-new .card-title a,
.card-block-main .card-title2 a, .card-block-new .card-title2 a{
	font-weight:bold;
}
.main-navi > ul > li{
	border-right:2px solid #666;
}
.main-navi > ul > li:first-child{
	border-left:2px solid #666;
}
.main-navi > ul > li a.parent:after {
	font-family: FontAwesome;
	content: " ";
	color: #53cde2;
	font-size: 18px;
	font-size: 1.8rem;
}
.main-navi > ul > li a.parent:hover:after,
.main-navi > ul > li a.parent.active:after{
	color: #fff;
}
.content-top-new .content-text {
	margin-top: 0px;
	float: left;
	width: 70%;
	margin-bottom:0;
}
.new_bg2 {
	background: url(/content/dam/nttcom/hq/jp/bizon/images/content-top-new-image2.png)center no-repeat;
}
.attention-block {
	background-color: #fff;
	background-image: url("/content/dam/nttcom/hq/jp/bizon/images/title_bg_gray2.png");
}
.feature-block {
	background-color: #53cde2;
	background-image: url("/content/dam/nttcom/hq/jp/bizon/images/title_bg_gray2.png");
}
.card-block-new{
	border:1px solid #ccc;
	box-shadow:none;
}
.aside-block-ranking{
	padding-bottom:0;
}
.aside-ranking-title,.aside-ranking-tag{
	padding:0;
}
.retina-h_title_ranking, .aside-title-ranking {
	background-size: 821px, 1007px;
}
.aside-block-words{
	border-bottom:none;
	padding-bottom:0;
}
/*
.aside-title-campaign {
	width: 218px;
	height: 90px;
	text-indent: -119988px;
	overflow: hidden;
	text-align: left;
	text-transform: capitalize;
	padding-bottom:0;
}

.retina-h_title_campaign, .aside-title-campaign {
    background-image: url('../images/retina-h-s03123551ca.png');
    background-repeat: no-repeat;
    -moz-background-size: 818px, 1007px;
    -o-background-size: 818px, 1007px;
    -webkit-background-size: 818px, 1007px;
    background-size: 818px, 1007px;
    background-position: 0 -1042.5px;
}

.aside-title-campaign.aside-title::after{
	top:72px
}
*/
.aside-block-campaign{
	font-size:12px;
	margin-bottom:30px;
}
.aside-block-campaign .title{
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}
.aside-campaign-image{
	text-align:center;
}
@media screen and (max-width:768px) {
/* ----- / @media screen and (max-width:768px) ----- */
	.content-top-new .content-text{
		float:none;
		width:100%;
	}
}

.header .header-logo em{
	letter-spacing: 0;
	font-size:1.5rem;
	color:#fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
}

@media screen and (max-width:960px) {
	.mobile-menu-button{
		top:20px;
	}
}
@media screen and (max-width:480px) {
	.header .header-logo em,.header .header-logo br{
		display:none;
	}
	.mobile-menu-button{
		top:6px;
	}

}

/* =========================================================
 * font
 * ====================================================== */

/*----------------font size---------------*/
.fs12{font-size:12px; font-size:1.2rem;} .fs14{font-size:14px; font-size:1.4rem;} .fs16{font-size:16px; font-size:1.6rem;} .fs18{font-size:18px; font-size:1.8rem;} .fs20{font-size:20px; font-size:2rem;} .fs22{font-size:22px; font-size:2.2rem;}  .fs24{font-size:24px; font-size:2.4rem;}  .fs28{font-size:28px; font-size:2.8rem;}  .fs30{font-size:30px; font-size:3.0rem;} .fs32{font-size:32px; font-size:3.2rem;} .fs42{font-size:42px; font-size:4.2rem;}

/*---------------font weight---------------*/
.fwb{font-weight:bold;}
.fwn{font-weight:normal;}

/*---------------font color---------------*/
.fcR{color:#c9151e;}
.fcW{color:#FFF;}
.fcB{color: #2f3e4a;}
.fcY{color: #fdd000;}
.fcG{color: #707070;}
.fcP{color: #dd5b8f;}
.fcLG{color: #53cde2;}

/*---------------text align---------------*/
.vaM{vertical-align:middle;}
.taC{text-align:center;}
.taR{text-align:right;}
.vaB{vertical-align: baseline;}



/* =========================================================
 * margin
 * ====================================================== */
.m0{margin: 0;} .m5{margin: 5px;} .m10{margin: 10px;} .m15{margin: 15px;} .m20{margin: 20px;} .m30{margin: 30px;}
.m0a{margin: 0px auto;} .m5a{margin: 5px auto;} .m10a{margin: 10px auto;} .m15a{margin: 15px auto;} .m20a{margin: 20px auto;} .m30a{margin: 30px auto;}

/*----------------margin-top---------------*/
.mt0{margin-top: 0px;} .mt10{margin-top:10px;} .mt20{margin-top:20px;} .mt30{margin-top:30px;} .mt40{margin-top:40px;} .mt50{margin-top:50px;} .mt60{margin-top:60px;} .mt70{margin-top:70px;} .mt80{margin-top:80px;}

/*----------------margin-bottom---------------*/
.mb0{margin-bottom: 0px;} .mb10{margin-bottom:10px;} .mb20{margin-bottom:20px;} .mb30{margin-bottom:30px;} .mb40{margin-bottom:40px;} .mb50{margin-bottom:50px;} .mb60{margin-bottom:60px;}

/*----------------margin-right---------------*/
.mR0{margin-right:0px;} .mR10{margin-right:10px;} .mR15{margin-right:15px;} .mR20{margin-right:20px;} .mR30{margin-right:30px;} .mR40{margin-right:40px;}

/*----------------margin-left---------------*/
.mL0{margin-left:0px;} .mL10{margin-left:10px;} .mL15{margin-left:15px;} .mL20{margin-left:20px;} .mL30{margin-left:30px;} .mL40{margin-left:40px;} 



/* =========================================================
 * padding
 * ====================================================== */
.p0{padding: 0;} .p10{padding: 10px;} .p15{padding: 15px;} .p20{padding: 20px;} .p30{padding: 30px;}  
.p0a{padding: 0 auto;} .p10a{padding: 0px 10px;} .p15a{padding: 0px 15px;} .p20a{padding: 0px 20px;} .p30a{padding: 0px 30px;} 

/*----------------padding-top---------------*/
.pt0{padding-top: 0;} .pt10{padding-top: 10px;} .pt15{padding-top: 15px;} .pt20{padding-top: 20px;} .pt30{padding-top: 30px;} .pt35{padding-top: 35px;} .pt40{padding-top: 40px;} .pt60{padding-top: 60px;}

/*----------------padding-bottom---------------*/
.pb0{padding-bottom: 0;} .pb10{padding-bottom: 10px;} .pb15{padding-bottom: 15px;} .pb20{padding-bottom: 20px;} .pb30{padding-bottom: 30px;}

/*----------------padding-right---------------*/
.pL0{padding-left: 0;} .pL10{padding-left: 10px;} .pL15{padding-left: 15px;} .pL20{padding-left: 20px;} .pL30{padding-left: 30px;}

/*----------------padding-left---------------*/
.pR0{padding-right: 0;} .ppR10{padding-right: 10px;} .pR15{padding-right: 15px;} .pR20{padding-right: 20px;} .pR30{padding-right: 30px;}



/* =========================================================
 * background
 * ====================================================== */

/*---------------background color---------------*/
.bg_B{background:#2f3e4a;}
.bg_Y{background: #f6ab00;}
.bg_LG{background: #53cde2;}
.bg_W{background: #ffffff;}



/* =========================================================
 * ポイント
 * ====================================================== */
.cc_point_content {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0px;
	 overflow: hidden;
	_zoom: 1;
}
.cc_point_content li{
	border: none;
	width: 32%;
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;
}

.cc_point_content li:last-child{
	margin-right: 0;
}

.cc_point_content img{
	vertical-align: top;
}

.cc_point_content p{
	line-height: 1.2;
}

.cc_point_content span{
	display: block;
	border-top:5px solid #fff;
	width: 50px;
	margin: 20px auto 0px;
	padding: 5px 0px 0px;
}

/* ------------------------------ mobile : ポイント ------------------------------ */
@media screen and (max-width:768px) {
	
	.cc_point_content li{
		width: 98%;
		margin-right: 0px;
		margin-bottom: 20px;
		float: none;
	}
}

/* =========================================================
 * table: plan-fee
 * ====================================================== */
table.plan-fee {
}

table.plan-fee th,
table.plan-fee td {
	padding: 15px 10px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

table.plan-fee th {
	text-align: center;
	background-color: #422e2a;
	color: #fff;
}

table.plan-fee td.bg-G {
	background-color: #81ba1e;
}

table.plan-fee td.bg-O {
	background-color: #fb8841;
}

table.plan-fee td.price-txt {
	text-align: right;
}

/* =========================================================
 * tel-box
 * ====================================================== */
.tel-box {
	padding: 0;
	border: solid 2px #81ba1e;
	width: 100%;
}

.tel-box-lead {
	padding: 20px 0;
	text-align: center;
	font-weight: bold;
	background-color: #81ba1e;
}
.tel-box .contact_tel_inner_hq{
	padding: 0 30px 15px 30px;
	text-align: center;
}
.tel-box .contact_tel-num_hq img{
	margin-top: 14px;
}
.tel-box .contact_tel-num_hq p{
	margin-top: 0;
	color: #004387;
}
.tel-box .contact_tel-hours_hq p{
	text-align: center;
}
.tel-box .contact_tel-num_hq,
.tel-box .contact_tel-hours_hq{
	display: inline-block;
	width: 100%;
}

/* =========================================================
 * 汎用ブロック
 * ====================================================== */

.vpn_block_1280 {
    width: 1280px !important;
    margin: 0 auto;
}

.vpn_block_1008 {
	width: 1008px !important;
	margin: 0 auto;
}

.vpn_block_960 {
    width: 960px !important;
    margin: 0 auto;
}
.vpn_block_840 {
    width: 840px !important;
    margin: 0 auto;
}
.vpn_block_730 {
    width: 730px !important;
    margin: 0 auto;
}

@media only screen and (min-width: 0px) and (max-width: 730px) {
	.vpn_block_1280, .vpn_block_1008, .vpn_block_960, .vpn_block_840, .vpn_block_730 {
	    width: 100% !important;
	    margin: 0 auto;
	}
}



/* =========================================================
 * この記事が注目されています
 * 2017.11.24　追記
 * ====================================================== */
@media screen and (min-width:768px) {
	.card-image_attention {
		overflow: hidden;
		height: 60px;
	}
}










/* =========================================================
 * 全体修正
 * 2017.12.07
 * ====================================================== */
/* =========================================================
 * 右ブロックメルマガ部分修正
 * ====================================================== */
aside .mailmagazine-area{
	box-sizing: border-box;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
	background:#fff;
	margin-bottom:20px;
}
aside .mailmagazine-area p,
aside .mailmagazine-area h3{
	margin:0;
	padding:0;
}
aside .mailmagazine-area .mailmagazine-ttl{
	background:url(/content/dam/nttcom/hq/jp/bizon/images/aside_mailmagazine_icon.jpg) no-repeat left 10px center #fdd000;
	padding:5px 15px 5px 95px;
}
aside .mailmagazine-area .mailmagazine-ttl h3{
	font-weight:bold;
}
aside .mailmagazine-area .mailmagazine-conts{
	padding:20px 30px 15px;
	border-bottom:5px solid #fdd000;
}
aside .mailmagazine-area .mailmagazine-conts ul{
	list-style:none;
	padding-left:0;
}
aside .mailmagazine-area .mailmagazine-conts ul li {
	text-indent:-1em;
	padding-left:1em;
}
aside .mailmagazine-area .mailmagazine-conts ul li span{
	color:#51cce1;
}
aside .mailmagazine-area .mailmagazine-conts .mail-btn{
	display:block;
	line-height:1.2;
}

aside .mailmagazine-area .mailmagazine-conts .mail-btn {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: -ms-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);
  -webkit-box-shadow: 0px 5px 0px #e5e5e5;
  -moz-box-shadow: 0px 5px 0px #e5e5e5;
  box-shadow: 0px 5px 0px #e5e5e5;
  color: #000;
  padding: 10px 20px 10px 20px;
  border: solid #cccccc 1px;
  text-decoration: none;
  text-align:center;
  font-weight:bold;
  font-size:20px;
}
aside .mailmagazine-area .mailmagazine-conts .mail-btn span{
	font-weight:normal;
	font-size:12px;
}
aside .mailmagazine-area .mailmagazine-conts .mail-btn:hover {
  background: #f7f7f7;
  background-image: -webkit-linear-gradient(top, #f7f7f7, #ffffff);
  background-image: -moz-linear-gradient(top, #f7f7f7, #ffffff);
  background-image: -ms-linear-gradient(top, #f7f7f7, #ffffff);
  background-image: -o-linear-gradient(top, #f7f7f7, #ffffff);
  background-image: linear-gradient(to bottom, #f7f7f7, #ffffff);
  text-decoration: none;
}
aside .mailmagazine-area .mailmagazine-conts .t-r{
	font-size:12px;
}
aside .mailmagazine-area .mailmagazine-conts .t-r a:after{
	font-family: FontAwesome;
	content: " ";
	font-size: 14px;
	color: #51cce1;
}

/* =========================================================
 * 右ブロックタイトルをテキストに変更
 * ====================================================== */
.aside-title{
	text-align:center;
	font-size:22px;
	font-weight:bold;
	padding-bottom:20px;
	margin: 0 auto 20px;
}
.aside-title-ranking ,.aside-title-words ,.aside-title-campaign{
	background:none;
	text-indent:0;
	width:100%;
	height:auto;
}

/* =========================================================
 * 真ん中タイトル下にもっと見るリンク
 * ====================================================== */
.management-issues .more{
	text-align:right;
	margin-top:0;
	margin-bottom:30px;
}
.main-title{
	margin-bottom:10px;
}
.management-issues .more a:before {
	font-family: FontAwesome;
	content: " ";
	font-size: 16px;
	font-size: 1.6rem;
	color: #51cce1;
}

/* =========================================================
 * 詳細ページのソーシャルアイコンたち
 * ====================================================== */
.socials-list ul{
	list-style:none;
	padding:0;
	margin:0;
}
.socials-list ul li {
	display: inline;
}
.socials-list img{
	vertical-align:bottom;
}
.IN-widget{
	vertical-align:bottom !important;
}
article .content-text p{
	font-size:18px;
}

/* =========================================================
 * 詳細ページのページ分割
 * ====================================================== */
.download-wrap{
	margin-top:50px;
}
.download-wrap .download.icon-vn{
	padding:10px 30px;
}
.download-wrap .download.icon-vn:before {
	content: "";
}
article .content-text .note{
	font-size:12px;
	text-align:center;
	margin-top:0;
}
/*次ページ*/
article .content-text .next-page{
	text-align:center;
	margin-top:50px;
}
article .content-text .next-page a{
	background:#c6151e;
	display:inline-block;
	color:#fff;
	padding:10px 30px;
	font-weight:bold;
	font-size:18px;
}
article .content-text .next-page a span{
	font-weight:normal;
	font-size:14px;
}
article .content-text .next-page a:hover{
	opacity:0.7;
}
/*ページング*/
.page-nav {
	text-align: center;
}

.page-nav li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

.page-nav li .active,
.page-nav li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #ccc;
	text-decoration: none;
	vertical-align: middle;
}

.page-nav li a:hover {
	background: #eeeff7;
}
.page-nav li .active{
	background:#242f38;
	color:#fff;
	border: 1px solid #242f38;
}
.page-nav li .arw{
	color:#51cce1;
}

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

.content-top-new-image {
	width: 200px;
	height: 270px;
}
.content-top-new .content-text{
	width: 68%;
}

}
@media screen and (max-width:768px) {
.content-top-new-image{
	width: 100%;
	height: 200px;
}

}

.pdb60{
	padding-bottom:60px;
}


/* =========================================================
 * 修正
 * 2018.1.16
 * ====================================================== */
/**/
.top-slide-wrap{
	height:100%;
}
.top-slide-title,.top-slide-category{
	display:none;
}
/*
.aside-block-words{
	text-align:left;
}
.aside-block-words .block{
	margin-bottom:15px;
}
.aside-block-words p{
	margin-bottom:10px;
}
.aside-block-words p a{
	color: #004386;
}

.aside-block-words span{
	display:inline-block;
	background:#656565;
	padding:2px 5px;
	color:#fff;
	font-size:11px;
}
.aside-block-words span a{
	color:#fff;
}
.aside-block-words span a:after {
	font-family: FontAwesome;
	content: " ";
	font-size: 12px;
	color: #dbdbdb;
}
*/
@media screen and (max-width:768px) {
	.header .top-slide-wrap {
		display:none;
	}
}
.slick-prev{
	left:50%;
	transform:translate(-618px,-50%) !important;
	background:url(/content/dam/nttcom/hq/jp/bizon/images/button_prev.png) no-repeat;
	background-size: cover;
}
.slick-next{
	right:auto;
	left:50%;
	transform:translate(584px,-50%) !important;
	background:url(/content/dam/nttcom/hq/jp/bizon/images/button_next.png) no-repeat;
	background-size: cover;
}
/*
.aside-block-words li{
	margin:0;
}
*/

.button-wrap .shadow{
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
	display:inline-block;
	margin-bottom:20px;
}
.button-wrap .shadow img{
	margin-bottom:0;
}

.top-slide-block{
	width:1236px;
	height:250px;
}
.top-slide{
	height:250px;
}
.top-slide-wrap{
	background:rgba(0, 0, 0, 0.5);
}
@media screen and (max-width:768px) {
	.top-slide{
		height:auto;
	}
	.feature-block .uk-grid.uk-grid-collapse a{
		display:inline-block;
		width:100%;
	}
}
@media screen and (max-width:480px) {

	#containerArea{
		padding-top:0;
	}
}
.ranking_btn{
	text-align:center;
	margin:0 auto;
	cursor: pointer;
}
.ranking_btn .txt{
	display:inline-block;
	border:1px solid #b5b5b5;
	padding:5px 10px;
}
.ranking_btn .txt span{
	color:#b5b5b5;
}
.js-more .aside-ranking-wrap {
	margin-bottom: 26px !important;
}



/* =========================================================
 * readmore2ボタン
 * ====================================================== */
p .readmore2 {
	display: inline-block;
	float: right;
	width: 9.5em;
	border: 0;
	background: #569e19;
	color: #fff;
	border-radius: 1.5em;
	padding: 0.3em 0;
	margin: 0 auto;
	bottom: -1em;
	right: 4px;
	font-size: 16px;
	text-align: center;
}

p .readmore2::after {
	content: " ";
	clear: both;
	display: block;
}


/* =========================================================
 * 20180727追加　サムネイルへの枠線追加
 * ====================================================== */
.thum_border {
    border: 1px solid #cbcbcb;
}

.card-block-main .card-image img{
    border: 1px solid #cbcbcb;
}

.card-block-main .card-image .card_image_under_dl img{
border:none;
}


.intro_btn{
width: 470px;
margin: 40px auto 0;
text-align: center;
display: table;
}

.intro_btn a{
display: block;
background: #E9E9E9;
padding: 15px 0;
text-align: center;
display: table-cell;
vertical-align: middle;
font-weight: bold;
}

@media screen and (max-width: 768px) {
.intro_btn{
width: 100%;
}
}