@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------
リンク下線
-------------------------------------------------*/
main .ttlarea p.excerpt a,main h2 a,main h3 a,main h4 a,main h5 a,main h6 a,
article.md p:not(.button) a,
article.md ul li span.txt a,
/*旧HTML自由入力用*/a.dotline,
main ul.link li a,
/*ページ送り*/main .nextpage p a,
/*リリース情報*/main .titleset p a,
/*リリース情報*/main ul.releasenews li p:nth-child(3) a,
/*新着・用語集*/main .wordbox dl dt a, article.md div a, article.md a{text-decoration:none;border-bottom:1px dotted #3b3b3b;line-height:1.8;}
p.button a{border-bottom:none! important} /* ike update */
main .ttlarea p.excerpt a, main h2 a:hover,main h3 a:hover,main h4 a:hover,main h5 a:hover,main h6 a:hover,
article.md p:not(.button) a:hover, article.md div:not(.button) a:hover,
article.md ul li span.txt a:hover,
a.dotline:hover,
main ul.link li a:hover,
main .nextpage p a:hover,
main .titleset p a:hover,
main ul.releasenews li p:nth-child(3) a:hover,
main .wordbox dl dt a:hover,
article.md a:hover {color:#4D9FEB;text-decoration:none;border-bottom:none;} /* ike update */

/*-------------------------------------------------
ボタン
-------------------------------------------------*/
.btn {
	display: block;
	text-align: center;
	width: 100%;
	max-width: 300px;
	color: #333!important;
	text-decoration: none!important;
	border: 1px solid #ddd;
	border-radius: 50px;
	margin: 0 auto;
	font-size: 1.6rem;
	padding: 16px 10px 15px;
	box-sizing: border-box;
	box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);
	background: url(/sevice_shared/img/top/icn_arrow.svg) no-repeat 94% 50% / 10px;
}
.btn:hover {
	border-color: #009dd3;
	box-shadow: none;
	transition: .8s;
}

/*-------------------------------------------------
アンカーリンク位置調整
-------------------------------------------------*/
*[anchorlink="true"] {margin-top: 0 !important;padding-top: 70px !important;}
.releasenotes *[anchorlink="true"] {margin-top: -100px !important;padding-top: 100px !important;}
@media screen and (max-width: 979px){*[anchorlink="true"] {margin-top: -150px !important;padding-top: 150px !important;}}
@media screen and (max-width: 739px){*[anchorlink="true"] {margin-top: -110px !important;/*padding-top: 110px !important;*/}}
body#index *[anchorlink="true"] {margin-top: -80px !important;padding-top: 80px !important;}
@media screen and (max-width: 979px){body#index *[anchorlink="true"] {margin-top: -80px !important;padding-top: 80px !important;}}
@media screen and (max-width: 739px){body#index *[anchorlink="true"] {margin-top: -70px !important;padding-top: 70px !important;}}


/*-------------------------------------------------
ページタイトル・概要文エリア
-------------------------------------------------*/
main .ttlarea{margin-bottom:20px;}
main .ttlarea .ttl1,.ttlarea .ttl2,.ttlarea .ttl3,.ttlarea .ttl4,.ttlarea .ttl5{margin-bottom:20px;}
main .ttlarea .subttl{font-size:150%;margin-bottom:15px;padding:0;line-height:1;}
main .ttlarea p.excerpt{margin-bottom:20px;font-size:110%;}
@media screen and (max-width: 739px) {
main .ttlarea .subttl{font-size:130%;margin-bottom:10px;padding:0;line-height:1;}
main .ttlarea p.excerpt{margin-bottom:20px;}
}

/*-------------------------------------------------
見出し
-------------------------------------------------*/
main .ttl1{font-size:3.5rem;font-weight:bold;margin-bottom:20px;line-height:1.2;}
main .ttl2{font-size:210%;font-weight:bold;margin-bottom:20px;}
main .ttl3{font-size:160%;font-weight:bold;margin-bottom:20px;}
main .ttl4{font-size:140%;font-weight:bold;margin-bottom:20px;}
main .ttl5{font-size:110%;font-weight:bold;margin-bottom:5px;}
#cloud main .ttl4{margin:40px 0 20px;}
@media screen and (max-width: 979px) {
main .ttl1{font-size:210%;margin-bottom:15px;}
main .ttl2{font-size:170%;margin-bottom:15px;}
main .ttl3{font-size:140%;margin-bottom:15px;}
main .ttl4{font-size:120%;margin-bottom:15px;}
main .ttl5{font-size:100%;margin-bottom:5px;}
}
@media screen and (max-width: 739px) {
main .ttl1{font-size:160%;margin-bottom:15px;}
main .ttl2{font-size:140%;margin-bottom:15px;}
main .ttl3{font-size:120%;margin-bottom:15px;}
main .ttl4{font-size:110%;margin-bottom:15px;}
main .ttl5{font-size:100%;margin-bottom:5px;}
#cloud main .ttl4{margin:30px 0 15px;}
}

/* サービス別見出し */
main h3.cloud,h3.datacenter,h3.network,h3.cache,h3.dns,h3.baremetal,h3.private,h3.ilb,h3.cdn2{color:#fff;font-weight:bold;padding:6px 12px 4px;font-size:120%;line-height:1.3;margin-bottom:20px;}
main h3.cloud{background:#4d9feb;}
main h3.datacenter{background:#0e3666;}
main h3.network{background:#36b780;}
main h3.cache{background:#1ccc00;}
main h3.dns{background:#ff9700;}
main h3.baremetal{background:#244fa2;}
main h3.private{background:#7943c4;}
main h3.ilb{background:#02905d;}
main h3.cdn2{background:#1ccc00;}

@media screen and (max-width: 979px) {
main h3.cloud,h3.datacenter,h3.network,h3.cache,h3.dns,h3.baremetal,h3.private,h3.ilb,h3.cdn2{margin-bottom:20px;}
}
@media screen and (max-width: 739px) {
main h3.cloud,h3.datacenter,h3.network,h3.cache,h3.dns,h3.baremetal,h3.private,h3.ilb,h3.cdn2{padding:8px 12px 6px;font-size:110%;}
}

/* ご利用ガイド */
main h3.color1,h3.color2,h3.color3,h3.color4,h3.color5,h3.color6,main .guide_top_article article.md h3{color:#fff;font-weight:bold;font-size:130%;padding:18px 20px 15px;line-height:1;margin-bottom:20px;}
main h3.color1{background:#9bcd14;}
main h3.color2,main .guide_top_article article.md h3{background:#6896ee;}
main h3.color3{background:#52b1b0;}
main h3.color4{background:#e9ac49;}
main h3.color5{background:#c398cb;}
main h3.color6{background:#d8616d;}
main .sub_category{margin-top:10px;margin-bottom:30px;}
main .sub_category:last-of-type{margin-bottom:0;}

main .sub_category span{font-size:125%;font-weight:bold;margin-bottom:25px;display:block;color:#999;position:relative;padding-left:8px;margin-left:19px;}
main .sub_category span:after{content:'';position:absolute;width:100%;height:1px;background:#ddd;bottom:-7px;left:-7px;}
main .sub_category span.color1{color:#9bcd14;border-left:6px solid #9bcd14;}
main .sub_category span.color2{color:#6896ee;border-left:6px solid #6896ee;}
main .sub_category span.color3{color:#52b1b0;border-left:6px solid #52b1b0;}
main .sub_category span.color4{color:#e9ac49;border-left:6px solid #e9ac49;}
main .sub_category span.color5{color:#c398cb;border-left:6px solid #c398cb;}
main .sub_category span.color6{color:#d8616d;border-left:6px solid #d8616d;}
@media screen and (max-width: 979px) {
main h3.color1,h3.color2,h3.color3,h3.color4,h3.color5,h3.color6{padding:9px 12px 7px;font-size:120%;}
}
@media screen and (max-width: 739px) {
main h3.color1,h3.color2,h3.color3,h3.color4,h3.color5,h3.color6{font-size:110%;padding:8px 12px 6px;margin-bottom:15px;}
}

main h3.grey{background:#e8e9ea;font-weight:bold;padding:6px 12px 4px;margin-bottom:20px;}
@media screen and (max-width: 979px) {
main h3.grey{background:#e8e9ea;font-weight:bold;padding:6px 12px 4px;}
}
@media screen and (max-width: 739px) {
main h3.grey{background:#e8e9ea;font-weight:bold;padding:6px 12px 4px;}
}


/*-------------------------------------------------
リンクリスト
-------------------------------------------------*/
main ul.link{margin-bottom:20px;}
main ul.link li{background:url(/sevice_shared/img/help/help_listicon.gif) no-repeat left 0.6em;padding:0 0 2px 12px;}
main ul.link.faqlist{margin-top:40px;} /* FAQ一覧 */
main ul.link.faqlist li{margin-bottom:15px;font-size:110%;} /* FAQ一覧 */

@media screen and (max-width: 979px) {
main ul.link li{background-size:4px auto;background-position: 2px 0.5em;}
}
@media screen and (max-width: 739px) {
main ul.link li{margin-bottom:5px;background-size:4px auto;background-position: 2px 0.6em;padding-left:10px;}
}


/*-------------------------------------------------
アイコン
-------------------------------------------------*/
/* 別ウィンドウアイコン */
main span.blank{
	background:url(/sevice_shared/img/svg/icn_new_window.svg) no-repeat left center / 13px;
	margin-left:4px;
	display:inline-block;
	width:13px;
	height:13px;
}
@media screen and (max-width: 739px) {
	main span.blank{background-size:10px auto;width:10px;height:10px;}
}
/* PDFアイコン */
main span.pdf{
	background:url(/sevice_shared/img/help/pdficon.gif) no-repeat left center;
	margin-right:6px;
	display:inline-block;
	width:28px;
	height:13px;
}
@media screen and (max-width: 739px) {
	main span.pdf{background-size:20px 9px;width:20px;height:10px;}
}
/* NEWアイコン */
main span.new{
	background:url(/sevice_shared/img/help/newicon.gif) no-repeat left center;
	margin-left:4px;
	display:inline-block;
	width:28px;
	height:13px;
}
/* コラムアイコン */
main span.column{
	background:#000;
	display:inline-block;
	color:#fff;
	padding:4px 8px 2px;
	vertical-align:middle;
	margin-right:5px;
	line-height:1;
	font-size:90%;
}


/*-------------------------------------------------
記事セット article.md{}
-------------------------------------------------*/
article.md .red{color:#FF0000;}
article.md .blue{color:#0040FF;}

/*--見出し--*/
article.md h1{font-size:270%;font-weight:normal;margin-bottom:20px;line-height:1.2;}
body#index article.md h2,body#cloud article.md h2,body#datacenter article.md h2,body#network article.md h2,body#cache article.md h2,body#dns article.md h2,body#baremetal article.md h2,body#private article.md h2,body#ilb article.md h2,body#rdb article.md h2,body#gcs article.md h2,body#gcda article.md h2,body#cdn2 article.md h2,body#cnc article.md h2{color:#fff;font-weight:bold;padding:12px 12px 9px;font-size:150%;line-height:1.3;margin-bottom:20px;}
body#index article.md h2{background:#53585d;}
body#cloud article.md h2{background:#4d9feb;}
body#datacenter article.md h2{background:#4a4c75;}
body#network article.md h2{background:#55c296;}
body#cache article.md h2{background:#1ccc00;}
body#dns article.md h2{background:#ff9b00;}
body#baremetal article.md h2{background:#244fa2;}
body#private article.md h2{background:#604dbf;}
body#ilb article.md h2{background:#02905d;}
body#rdb article.md h2{background:#194448;}
body#gcs article.md h2{background:#4285f4;}
body#gcda article.md h2{background:#4285f4;}
body#cdn2 article.md h2{background:#1ccc00;}
body#cnc article.md h2{background:#2eb8d5;}

article.md h3{font-size:140%;font-weight:bold;margin-top:50px;margin-bottom:20px;background:#F2F2F2;padding:3px 12px 0;}
article.md h4{font-size:130%;font-weight:bold;margin-top:40px;margin-bottom:20px;}
article.md h5{font-size:120%;font-weight:bold;margin-bottom:20px;}
article.md h6{font-size:110%;font-weight:bold;margin-top:30px;margin-bottom:10px;}

@media screen and (max-width: 979px) {
article.md h1{font-size:210%;margin-bottom:15px;}
}
@media screen and (max-width: 739px) {
article.md h1{font-size:160%;margin-bottom:15px;}
article.md h3,article.md h4,article.md h5,article.md h6{margin-bottom:10px; font-size: 115%; padding: 9px 10px 5px;}
body#cloud article.md h2,
body#datacenter article.md h2,
body#network article.md h2,
body#cache article.md h2,
body#dns article.md h2,
body#baremetal article.md h2,
body#private article.md h2,
body#ilb article.md h2,
body#cdn2 article.md h2{padding:15px;margin-bottom:10px;font-size:120%;}
}

/*--画像　本文--*/
article.md p{margin-bottom:20px;}
article.md .caption{
	display: block;
	font-size: 80%;
	margin-top:5px;
}

/*--画像+本文セット--*/
article.md section{margin-bottom:20px;}
article.md section:after{display: block;content: "";clear: both;overflow: hidden;}
article.md section.wrap p{margin-bottom:0;}
article.md section.wrap span.wrapimage{max-width:40%;float:left;margin:0 15px 5px 0;}
article.md section.wrapright p{margin-bottom:0;}
article.md section.wrapright span.wrapimage{max-width:40%;float:right;margin:0 0 5px 15px;}
@media screen and (max-width: 739px) {
article.md section.wrap span.wrapimage{margin:0 5px 5px 0;}
article.md section.wrapright span.wrapimage{float: none; margin: 0 auto 20px; text-align: center; display: block; max-width: none;}
}

/*--リスト - リンク--*/
article.md ul{margin-top:10px;margin-bottom:25px;}
article.md ul ul{margin-bottom:0;}
article.md ul li{list-style: disc;margin:0 0 0 20px;margin-bottom:5px;}
article.md ul li:last-child{margin-bottom:0;}
article.md ul.link li{list-style: none;padding-left:0 0 2px 20px;margin-left:0;}/* 打ち消し */
article.md ul li span.txt{display:block;padding:5px 0 0 0;}

@media screen and (max-width: 979px) {
article.md ul.link li{background-size:4px auto;background-position: 2px 0.5em;}/* 打ち消し */
}
@media screen and (max-width: 739px) {
article.md ul.link li{margin-bottom:5px;background-size:3px auto;background-position: 2px 0.6em;padding-left:10px;}/* 打ち消し */
}

article.md ol{counter-reset:number;list-style:none;margin-bottom:20px;padding:0;}
article.md ol li{margin:0 0 5px 1em;padding:0;}
article.md ol li:before{counter-increment: number;content: counter(number) ".";margin: 0 4px 0 -1.2em;}
article.md ol li span.txt{display:block;padding:5px 0 0 0;}

/*--テーブル--*/
article.md table{border-top:1px solid #dddddd;border-left:1px solid #dddddd;font-size:90%;margin-bottom:20px;}
article.md table thead{}
article.md table thead tr th{background:#eeeeee;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;padding:5px;font-weight:bold;}
article.md table tr th{background:#f7f7f7;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;font-weight:bold;vertical-align: middle;}
article.md table tr td{border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;padding: 5px;vertical-align: middle;font-size: 14px;}
article.md table tr td span {font-size: 14px!important;}

@media screen and (max-width: 739px) {
article.md table,
article.md table thead tr th,
article.md table tr th,
article.md table tr td{padding:10px 5px;}
article.md table tr td{font-size: 13px;}
article.md table tr td span {font-size: 13px!important;}
}

/*  引用文 */
article.md blockquote{margin-bottom: 20px;padding:20px 20px 0 20px;border:1px solid #d6d6d6;border-left:3px solid #d6d6d6;}
@media screen and (max-width: 979px) {
article.md blockquote{padding:15px 15px 0 15px;}
}
@media screen and (max-width: 739px) {
article.md blockquote{padding:10px 10px 0 10px;margin-bottom: 10px;}
	article.md blockquote p{margin-bottom: 10px;}
}

/*--コード表示(SyntaxHighlighter)--*/
article.md section.code{background:#F9F9F9;margin-bottom: 50px;overflow: auto;}
article.md section.code.code_margin_none{margin-bottom: 10px;}
article.md section.code table{border-top:none;border-bottom:none;}
.code-inline {background: #eee; padding: 0 10px}

/*--コード表示(Markdown)--*/
article.md > pre > code{display:block;border:1px solid #ccc;line-height:1;padding:15px;background:#F9F9F9;margin-bottom:20px;overflow:auto;}
article.md > ol > li > code,
article.md > ul > li > code,
article.md > p > code{display:inline-block;border:1px solid #ccc;padding:2px 4px;background:#F9F9F9;margin-left:2px;margin-right:2px;margin-bottom:2px;}

/*--コード表示(旧HTML自由入力)--*/
article.md section.old code{display:block;border:1px solid #ccc;line-height:1;padding:15px;background:#F9F9F9;margin-top:20px;overflow: auto;}
article.md section.old code br{line-height:0;}


/*--コラム--*/
article.md .columnbox{border:1px solid #d6d6d6;margin-bottom:20px;}
article.md .columnbox.color1{background:#ecf7ff;border:1px solid #c1cdd6;}
article.md .columnbox.color2{background:#fefef0;border:1px solid #d5d5c9;}

article.md .columnbox h4.column{background:#f4f5f5;font-size:110%;font-weight:bold;padding:15px 15px 15px 20px;margin-bottom:0;}
article.md .columnbox.color1 h4.column{background:#dceaf5;color:#929ca3;}
article.md .columnbox.color2 h4.column{background:#f3f4e7;color:#9b9b93;}
article.md .columnbox h4.column span{background:#000;display:inline-block;color:#fff;padding:3px 8px;vertical-align:top;margin:5px 0 0 0 ;margin-right:5px;line-height:1;font-size:88%;font-weight:normal;} /* ike */

article.md .columnbox div{padding:20px 20px 0 20px;}
article.md .columnbox div:after{display: block;content: "";clear: both;overflow: hidden;}

article.md .columnbox p.image{float:right;margin:0 0 15px 15px;max-width:35%;}

@media screen and (max-width: 979px) {
article.md .columnbox div{padding:15px 15px 0 15px;}
}
@media screen and (max-width: 739px) {
article.md .columnbox h4.column{padding:5px 5px 5px 10px;}
article.md .columnbox h4.column span{padding:2px 5px;margin:5px 0 0 0 ;margin-right:5px;line-height:1;font-size:88%;font-weight:normal;} /* ike */
article.md .columnbox div{padding:10px 10px 0 10px;}
article.md .columnbox p.image{margin:0 0 10px 10px;}
article.md .columnbox p.txt{margin-bottom:10px;}
}


/*-------------------------------------------------
ボタンエリア
-------------------------------------------------*/
main .button{
	display:inline-block;
	border:3px solid #53585d;
	padding:0;
	font-weight:bold;
	font-size:120%;
	margin:0 0 50px;
	}
main .button:hover{background:#53585d;}
main .button:hover a{color:#FFF;text-decoration:none;}
main .button a{
	color:#53585d;
	display:block;
	padding:10px 60px;
	height:100%;
	box-sizing:border-box;
	}

/* PDF */
main .button a span.blank{
	background:url(/sevice_shared/img/help/ico_btn_blank.png) no-repeat left center;
	margin-left:6px;
	display:inline-block;
	width:19px;
	height:14px;
}

@media screen and (max-width: 739px) {
main .button{margin:0 auto 30px;width:220px;font-size:85%;text-align:center;}
main .button a{padding:10px 10px;}
}


/*-------------------------------------------------
カラム
-------------------------------------------------*/
main .column2,
main .column3{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-left: 20px;
}

main .column2 .item{width:50%;border-right:1px solid #ccc;padding:0 20px;margin-bottom:20px;box-sizing:border-box;}
main .column2 .item:first-child{width:50%;padding-left:0;border-right:1px solid #ccc;}
main .column2 .item:nth-child(odd){width:50%;padding-left:0;padding-right:10px;clear:left;border-right:1px solid #ccc;}
main .column2 .item:nth-child(even){width:50%;padding-right:0;border-right:none;clear:none;padding-left:10px;}
main .column2 .item:last-child{border-right:none!important;}
main .column2 .item h4{font-size:110%;font-weight:bold;}

@media screen and (max-width: 1300px) {
main .column2 .item,
main .column2 .item:first-child,
main .column2 .item:nth-child(odd),
main .column2 .item:nth-child(even),
main .column2 .item:last-child{width:100%;float: none;padding-left: 0;margin-bottom: 8px;}
main .column2 .item:nth-child(odd),
main .column2 .item:first-child,
main .column2 .item{border-right:none;}
}

@media screen and (max-width: 979px) {
main .column2 .item{padding:0 13px 0 15px;margin-bottom:18px;}
main .column2 .item h4{font-size:110%;font-weight:bold;}
}

main .column3 .item{width:33%;border-right:1px solid #ccc;padding:0 20px;margin-bottom:20px;box-sizing:border-box;}
main .column3 .item:nth-child(1),
main .column3 .item:nth-child(4),
main .column3 .item:nth-child(7),
main .column3 .item:nth-child(10),
main .column3 .item:nth-child(13),
main .column3 .item:nth-child(16){width:32.9%;padding-left:0;}
main .column3 .item:nth-child(2),
main .column3 .item:nth-child(5),
main .column3 .item:nth-child(8),
main .column3 .item:nth-child(11),
main .column3 .item:nth-child(14),
main .column3 .item:nth-child(17){width:34.1%;}
main .column3 .item:nth-child(3),
main .column3 .item:nth-child(6),
main .column3 .item:nth-child(9),
main .column3 .item:nth-child(12),
main .column3 .item:nth-child(15),
main .column3 .item:nth-child(18){width:32.9%;padding-right:0;border-right:none;}
main .column3 .item:last-child{border-right:none!important;}
main .column3 .item h4{font-size:110%;font-weight:bold;}

@media screen and (max-width: 979px) {
main .column3 .item{padding:0 13px 0 15px;margin-bottom:18px;}
main .column3 .item h4{font-size:110%;font-weight:bold;}
}

@media screen and (max-width: 739px) {
main .column3 .item{margin-bottom:18px;float:left;}
/* main .column3 .item h4{margin-bottom:3px;} */
main .column3 .item:nth-child(1){width:50%;padding-left:0;border-right:1px solid #ccc;}
main .column3 .item:nth-child(3),
main .column3 .item:nth-child(5),
main .column3 .item:nth-child(7),
main .column3 .item:nth-child(9),
main .column3 .item:nth-child(11),
main .column3 .item:nth-child(13),
main .column3 .item:nth-child(15),
main .column3 .item:nth-child(17){width:50%;padding-left:0;padding-right:10px;clear:left;border-right:1px solid #ccc;}
main .column3 .item:nth-child(2),
main .column3 .item:nth-child(4),
main .column3 .item:nth-child(6),
main .column3 .item:nth-child(8),
main .column3 .item:nth-child(10),
main .column3 .item:nth-child(12),
main .column3 .item:nth-child(14),
main .column3 .item:nth-child(16),
main .column3 .item:nth-child(18){width:50%;padding-right:0;border-right:none;clear:none;padding-left:10px;}
}



/*-------------------------------------------------
FAQ:このカテゴリでよく見られているFAQ - ご利用ガイド:目次
-------------------------------------------------*/
main .indexbox{border:1px solid #d6d6d6;padding: 30px 40px; margin-bottom: 20px;}
main .indexbox:after{display: block;content: "";clear: both;overflow: hidden;}
main .indexbox h4{font-weight:bold;font-size:130%;margin-top:10px;margin-bottom:10px;}
main .indexbox p.indeximage{float:right;margin:0 0 15px 15px;max-width:40%;}

@media screen and (max-width: 979px) {
main .indexbox{padding:15px 15px 0 15px; margin-bottom: 30px;}
}

@media screen and (max-width: 739px) {
main .indexbox{padding:10px 10px 0 10px;}
main .indexbox h4{font-size:110%;margin-bottom:10px;}
main .indexbox p.indeximage{margin:0 0 10px 10px;}
}



/*-------------------------------------------------
お問い合わせの多いFAQ / 新着・更新FAQ
-------------------------------------------------*/
main .faqlistbox{margin-bottom:40px;}
main .wideContents .gray .faqlistbox:last-child{margin-bottom:0;}
main .faqlistbox:after{display: block;content: "";clear: both;overflow: hidden;}
main .faqlistbox div{text-align:left;}

@media screen and (max-width: 979px) {
main .faqlistbox{margin:0 0 20px 0;}
}
@media screen and (max-width: 739px) {
main .faqlistbox{margin:0 0 10px 0;}
}


/*-------------------------------------------------
新着・用語集
-------------------------------------------------*/
main .wordbox dl{margin-bottom:20px;}
main .wordbox dl:last-child{margin-bottom:0;}

main .wordbox dl:after{display: block;content: "";clear: both;overflow: hidden;}
main .wordbox dl dt{
	float:left;
	clear:both;
	width:160px;
	background:url(/sevice_shared/img/help/help_listicon.gif) no-repeat left 0.6em;
	padding:0 0 0 15px;
}
main .wordbox dl dt span{padding-left:5px;}
main .wordbox dl dd{border-left:1px solid #ccc;margin:0 0 0 190px;padding:3px 20px;}
@media screen and (max-width: 739px) {
	main .wordbox dl{}
	main .wordbox dl dt{width:100%;float:none;background-size:4px auto;margin-bottom:5px;padding-left:10px;background-position:left 0.5em;font-weight:bold;}
	main .wordbox dl dd{margin:0 0 20px 0;border-left:none;padding:0 10px;}
}



/*-------------------------------------------------
その他サービスから選ぶ
-------------------------------------------------*/
main ul.choice_service{
	max-width:980px;
	margin-bottom:10px;
}
main ul.choice_service:after{display: block;content: "";clear: both;overflow: hidden;}
	main ul.choice_service li{
		float:left;
		background:#fff;
		width:186px;
		height:175px;
		margin:0 12px 12px 0;
		text-align:center;
		border:1px solid #ccc;
		box-sizing:border-box;
		}
	main ul.choice_service li:last-child{margin-right:0;}
	main ul.choice_service li:nth-child(5){margin-right:0;}
	main ul.choice_service li:hover{}
		main ul.choice_service li a{
			font-weight:bold;
			color:#000;
			display:block;
			padding-top:14px;
			height:100%;
			box-sizing:border-box;
			border-bottom:4px solid #fff!important;
			border:4px solid #fff;
			line-height: 2.2rem;
			}

		main ul.choice_service li a img{
			/*Transition*/
			-webkit-transition: All 0.3s ease;
			-moz-transition: All 0.3s ease;
			-o-transition: All 0.3s ease;
			-ms-transition: All 0.3s ease;
			transition: All 0.3s ease;
			width:80px;
			margin-bottom:14px;
			}
		main ul.choice_service li a:hover{text-decoration:none;border:4px solid #ccc;border-bottom:4px solid #ccc!important;}
		main ul.choice_service li a:hover img{width:90px;height:auto;margin-bottom:0;opacity:1!important;}



@media screen and (max-width: 979px) {
	main ul.choice_service li,
	main ul.choice_service li:nth-child(2n+1){
		width:24.2%;
		height:170px;
		margin:0 6px 6px 0;
		font-size:100%;
		}
	main ul.choice_service li:nth-child(4){margin-right:0;}
	main ul.choice_service li:hover{border:1px solid #ccc;}
}

@media screen and (max-width: 739px) {
	main ul.choice_service li,
	main ul.choice_service li:nth-child(2n+1){
		width:24.2%;
		height:95px;
		margin:0 2px 2px 0; /* ike */
		font-size:74%; /* ike */
		font-weight:normal;
		line-height:1.2;
		}
	main ul.choice_service li:nth-child(4){margin-right:0;}
	main ul.choice_service li a{
		padding-top:6px;
		height:85px;
		line-height: 1.3rem;
		}
	main ul.choice_service li a:hover{border:4px solid #fff!important;}
	main ul.choice_service li a img{
		width:50px;
		margin-bottom:0;
	}
	main ul.choice_service li a:hover img{
		width:50px;
		margin-bottom:8px;
	}
}



/*-------------------------------------------------
種類から選ぶ
-------------------------------------------------*/
main ul.choice_type{
	max-width: 980px;
	margin-bottom:10px;
}
main ul.choice_type:after{display: block;content: "";clear: both;overflow: hidden;}
main ul.choice_type li{
	width:236px;
	float:left;
	text-align:center;
	height:190px;
	border:1px solid #ccc;
	box-sizing:border-box;
	margin-right:12px;
	background:#FFF;
	}
main ul.choice_type li:last-child{margin-right:0;}
main ul.choice_type li a{
	font-weight:normal;
	color:#000;
	display:block;
	padding-top:22px;
	border:none;
	height:100%;
	box-sizing:border-box;
	border:4px solid #fff;
	border-bottom:4px solid #fff!important;
	/*Transition*/
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}
main ul.choice_type li a img{
	display:block;
	width:84px;
	margin:0 auto 8px;
	/*Transition*/
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}
main ul.choice_type li a:hover{text-decoration:none;}
main ul.choice_type li a:hover{border:4px solid #ccc;border-bottom:4px solid #ccc!important;}

main ul.choice_type li a:hover img{opacity:1!important;}
main ul.choice_type li span{
	line-height:1.2;
	color:#3d3d3d;
	font-size:120%;
	font-weight:bold;
}


@media screen and (max-width: 979px) {
main ul.choice_type li{
	width:24.2%;
	height:180px;
	margin:0 6px 6px 0;
	font-size:95%;
}
main ul.choice_type li:nth-child(4){margin-right:0;}
main ul.choice_type li:hover{border:1px solid #ccc;}
main ul.choice_type li a{padding-top:18px;}
main ul.choice_type li a img{margin:2px auto 10px;}
}


@media screen and (max-width: 739px) {
main ul.choice_type{
margin-bottom:0;
display: -webkit-flex;
	display: flex;}
main ul.choice_type li{
	float:none;
	height:100px;
	margin:0 3px 3px 0;
	font-size:88%;	/* ike */
	font-weight:normal;
	line-height:1.2;
}
main ul.choice_type li:nth-child(4){margin-right:0;}
main ul.choice_type li:hover{border:1px solid #ccc;}
main ul.choice_type li a{padding-top:12px;height:100%;box-sizing:border-box;}
main ul.choice_type li a:hover{border:4px solid #fff;border-bottom:none!important;}
main ul.choice_type li a img{
	width:40px;
	margin:4px auto 8px;
}
main ul.choice_type li span{display:none;}
}


/*-------------------------------------------------
リリースノート
-------------------------------------------------*/
main .filterArea{
	background:#f4f5f5;
	width:100%;
	padding:20px 20px 5px 20px;
	box-sizing:border-box;
	margin-bottom:40px;
}
main .filterArea .inner .filter1,
main .filterArea .inner .filter2{display:table;}
main .filterArea .inner .filter1:after,
main .filterArea .inner .filter2:after{display: block;content: "";clear: both;overflow: hidden;}
main .filterArea .inner .filter1 p{display:table-cell;width: 1%;white-space: nowrap;padding:15px 20px 0 0;vertical-align: top;}
main .filterArea .inner .filter2 p{display:table-cell;width: 1%;white-space: nowrap;padding:2px 20px 0 0;vertical-align: top;} /* ike */
main .filterArea .inner .filter1 ul,
main .filterArea .inner .filter2 ul{display:table-cell;}
main .filterArea .inner .filter1 ul:after,
main .filterArea .inner .filter2 ul:after{display: block;content: "";clear: both;overflow: hidden;}
main .filterArea .inner .filter1 ul li,
main .filterArea .inner .filter2 ul li{
	display:inline-block;
	border:1px solid #d6d6d6;
	border-radius:4px;
	background:#e1e1e1;
	margin:0 4px 8px 0;
}

main .filterArea .inner .filter1 ul li img,
main .filterArea .inner .filter2 ul li img{width:28px;height:28px; margin-right:5px;opacity:0.5;filter:grayscale(100%);}
main .filterArea .inner .filter1 ul li.active img,
main .filterArea .inner .filter2 ul li.active img{opacity:1;filter:none;}
main .filterArea .inner .filter1 ul li a,
main .filterArea .inner .filter2 ul li a{
	color:#84888f;
	font-size:90%;
	line-height:1;
	display:block;
	padding:5px 12px 5px 10px; /* ike */
	border-bottom:none!important;
}

main .filterArea .inner .filter1 ul li.active,
main .filterArea .inner .filter2 ul li.active{background:#fff;}
main .filterArea .inner .filter1 ul li:hover,
main .filterArea .inner .filter2 ul li:hover{background:#f6f6f6;}
main .filterArea .inner .filter1 ul li a:hover,
main .filterArea .inner .filter2 ul li a:hover{text-decoration:none;}
main .filterArea .inner .filter1 ul li a:hover img,
main .filterArea .inner .filter2 ul li a:hover img{opacity:1;filter:none;}


@media screen and (max-width: 979px) {
main .filterArea{padding:15px 15px 5px 15px;}
main .filterArea .inner .filter1 p,
main .filterArea .inner .filter2 p{margin:0 0 5px 0;}
main .filterArea .inner .filter1 p,
main .filterArea .inner .filter1 ul,
main .filterArea .inner .filter2 p,
main .filterArea .inner .filter2 ul{display: block;padding:0;}
main .filterArea .inner .filter1 ul{margin-bottom:10px;}
main .filterArea .inner .filter1 ul li,
main .filterArea .inner .filter2 ul li{min-width:80px;margin:0 6px 8px 0;}
main .filterArea .inner .filter1 ul li a{font-size:90%;padding:6px;text-align:center;}
main .filterArea .inner .filter1 ul li img,
main .filterArea .inner .filter2 ul li img{display:/*block*/ inline;margin :0 auto 3px;} /* updata oda 170206 */
main .filterArea .inner .filter1 ul li img { margin-right: 5px; } /* add oda 160712 */
}

@media screen and (max-width: 739px) {
main .filterArea{padding:12px 5px 12px 6px;}
main .filterArea .inner .filter1,
main .filterArea .inner .filter2{display:block;}
main .filterArea .inner .filter1 p,
main .filterArea .inner .filter2 p{display:block;margin:0 0 3px 5px;font-size:95%;padding-top:0;}
main .filterArea .inner .filter1 ul{width:auto;margin:0;}
main .filterArea .inner .filter1 ul:after{display: block;content: "";clear: both;overflow: hidden;}
main .filterArea .inner .filter1 ul li{min-width:18%;box-sizing:border-box;word-break:break-all;font-size:80%;margin:0 5px 5px 0;/*height:45px;*/padding:0 5px;} /* del oda 160712 */
main .filterArea .inner .filter2 ul{display:block;margin:0;width:100%;}
main .filterArea .inner .filter2 ul li{min-width:18%;text-align:center;font-size:80%;padding:5px 5px;margin:0 5px 5px 0;}
main .filterArea .inner .filter1 ul li a,
main .filterArea .inner .filter2 ul li a{
	text-align:center;
	height:100%;
	padding:5px 0;
	box-sizing:border-box;
	vertical-align:middle;}
main .filterArea .inner .filter1 ul li img,
main .filterArea .inner .filter2 ul li img{width:25px;display:block;/*margin :0 auto 3px;*/} /*del oda 160712 */
main .filterArea .inner .filter1 ul li img { display: inline ;} /* add oda 160712 */

}

main .dayblock{padding-bottom:10px;}
main .noteitem{margin-bottom:10px;}
main .noteitem > h3{font-size:105%;font-weight:bold;padding-left:0px;line-height:1.6;margin-bottom:5px;background-size:26px!important;}
main .noteitem.cloud > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud.svg) no-repeat 90px -1px;}
main .noteitem.rdb > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_rdb.svg) no-repeat 90px -1px;}
main .noteitem.cachedb > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_cachedb.svg) no-repeat 90px -1px;}
main .noteitem.backup > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_backup.svg) no-repeat 90px -1px;}
main .noteitem.cache > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat 90px -1px;}
main .noteitem.dns > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_dns.svg) no-repeat 90px -1px;}
main .noteitem.baremetal > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_baremetal.svg) no-repeat 90px -1px;}
main .noteitem.private > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_private.svg) no-repeat 90px -1px;}
main .noteitem.datacenter > h3{background:url(/sevice_shared/img/svg/datacenter/icn_datacenter.svg) no-repeat 90px -1px;}
main .noteitem.network > h3{background:url(/sevice_shared/img/svg/network/icn_network.svg) no-repeat 90px -1px;}
main .noteitem.ilb > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_ilb.svg) no-repeat 90px -1px;}
main .noteitem.gcs > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_gcs.svg) no-repeat 90px -1px;}
main .noteitem.gcda > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_gcda.svg) no-repeat 90px -1px;}
main .noteitem.cdn2 > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat 90px -1px;}
main .noteitem.cnc > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_cnc.svg) no-repeat 90px -1px;}
main .noteitem.container > h3{background:url(/sevice_shared/img/svg/container/icn_container.svg) no-repeat 90px 0px / 24px!important}
main .noteitem > h3 span{
	font-weight:normal;
	line-height:1.5;
	text-align:center;
	vertical-align:top;
	margin:0 40px 0 0;
	}
main .noteitem > h3 span.green{
	background:#9bbb59;
	color:#fff;
	padding:2px 0 0;
	display:inline-block;
	width:80px;
	font-size:90%;
	}
main .noteitem > h3 span.blue{
	background:#548dd4;
	color:#fff;
	padding:2px 0 0;
	display:inline-block;
	width:80px;
	font-size:90%;
	}
main .noteitem > h3 span.orange{
	background:#EB9551;
	color:#fff;
	padding:2px 0 0;
	display:inline-block;
	width:80px;
	font-size:90%;
	}/* 201606 add */


@media screen and (max-width: 979px) {
main .noteitem{margin-bottom:20px;}
main .noteitem > h3{margin-bottom:10px;}
}

@media screen and (max-width: 739px) {
main .dayblock{padding-bottom:10px;}
main p.date{margin:0 0 15px 0;}
main .noteitem > h3{font-size:95%;margin-bottom:10px;line-height:1.7;}
main .noteitem.cloud > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud.svg) no-repeat 87px -1px!important;background-size:23px!important;}
main .noteitem.rdb > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_rdb.svg) no-repeat 87px -1px!important;background-size:23px!important;}
main .noteitem.cachedb > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_cachedb.svg) no-repeat 87px -1px!important;background-size:23px!important;}
main .noteitem.cache > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat 87px -1px!important;background-size:23px!important;}
main .noteitem.dns > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_dns.svg) no-repeat 87px -1px!important;background-size:23px!important;}
main .noteitem.baremetal > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_baremetal.svg) no-repeat 87px -1px!important;background-size:23px!important;}
main .noteitem.private > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_private.svg) no-repeat 87px -1px!important;background-size:23px!important;}
main .noteitem.datacenter > h3{background:url(/sevice_shared/img/svg/datacenter/icn_datacenter.svg) no-repeat 87px -1px!important;background-size:23px!important;}
main .noteitem.network > h3{background:url(/sevice_shared/img/svg/network/icn_network.svg) no-repeat 87px -1px!important;background-size:23px!important;}
main .noteitem.ilb > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_ilb.svg) no-repeat 87px -1px!important;background-size:23px!important;}
main .noteitem.gcs > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_gcs.svg) no-repeat 87px -1px!important;background-size:23px!important;}
main .noteitem.gcda > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_gcda.svg) no-repeat 87px -1px!important;background-size:23px!important;}
main .noteitem.cdn2 > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat 87px -1px!important;background-size:23px!important;}
main .noteitem.cnc > h3{background:url(/sevice_shared/img/svg/cloud/icn_cloud_cnc.svg) no-repeat 87px -1px!important;background-size:23px!important;}
main .noteitem.container > h3 {background:url(/sevice_shared/img/svg/container/icn_container.svg) no-repeat 87px 0px / 19px!important}
main .noteitem > h3 span{width:50px;margin:0px 33px 0 0;}
}

main .dayblock p.date{
	background:#e8e9ea;
	font-size:97%;
	padding:5px 10px 3px;
	margin:0 0 10px 0;
}
@media screen and (max-width: 979px) {
	main .dayblock p.date{margin:0 0 10px 0;}
}



/*-------------------------------------------------
Q & Aエリア
-------------------------------------------------*/
main .question{
	background:url(/sevice_shared/img/help/faq_q_icon.gif) no-repeat left top;
	padding:5px 0 25px 60px;
	border-bottom:1px solid #ccc;
	margin:0 0 30px 0;
}

main .answer{
	background:url(/sevice_shared/img/help/faq_a_icon.gif) no-repeat left top;
	padding:5px 0 25px 60px;
	margin:0 0 30px 0;
	font-size:110%;
}

@media screen and (max-width: 979px) {
main .question{background-size:36px auto;	padding:5px 0 25px 50px;}
main .answer{background-size:36px auto;	padding:5px 0 25px 50px;}
}
@media screen and (max-width: 739px) {
main .question{background-size:30px auto;	padding:0px 0 15px 40px;background-position:4px 5px;margin-bottom:20px;}
main .answer{background-size:30px auto;	padding:0px 0 15px 40px;background-position:2px 5px;}
}

/* 見出し */
main h1.question{font-size:210%;color:#414549;line-height:1.3;margin-top:30px;}
@media screen and (max-width: 979px) {
main h1.question{font-size:180%;}
}
@media screen and (max-width: 739px) {
main h1.question{font-size:140%;}
}

/*関連するよくあるご質問*/
main .relatedfaq{margin:0 0 30px 0;}

main .relatedfaq h3{background:#e8e9ea;font-weight:bold;padding:6px 12px 4px;margin-bottom:20px;}
@media screen and (max-width: 979px) {
main .relatedfaq h3{background:#e8e9ea;font-weight:bold;padding:6px 12px 4px;}
}
@media screen and (max-width: 739px) {
main .relatedfaq h3{background:#e8e9ea;font-weight:bold;padding:6px 12px 4px;}
}

/*-------------------------------------------------
次ページ
-------------------------------------------------*/
main .nextpage{vertical-align:top;position:relative;}
main .nextpage p:nth-child(1){
	background:url(/sevice_shared/img/help/to_nextpage.png) no-repeat right center;
	color:#fff;
	line-height:1;
	padding:12px 20px 9px 15px;
	position:absolute;
	left:0;
	top:8px;
}
body#cloud main .nextpage p:nth-child(1){background-color:#4d9feb;}
body#datacenter main .nextpage p:nth-child(1){background-color:#0e3666;}
body#network main .nextpage p:nth-child(1){background-color:#36b780;}
body#cache main .nextpage p:nth-child(1){background-color:#1ccc00;}
body#dns main .nextpage p:nth-child(1){background-color:#ff9700;}
body#baremetal main .nextpage p:nth-child(1){background-color:#244fa2;}
body#private main .nextpage p:nth-child(1){background-color:#7943c4;}
body#ilb main .nextpage p:nth-child(1){background-color:#02905d;}
body#cdn2 main .nextpage p:nth-child(1){background-color:#1ccc00;}

main .nextpage p:nth-child(2){margin:0;padding:13px 0 0 110px;}

@media screen and (max-width: 979px) {
main .nextpage p:nth-child(1){}
main .nextpage p:nth-child(2){padding:13px 0 0 100px;}
}

@media screen and (max-width: 739px) {
main .nextpage p:nth-child(1){padding:9px 15px 6px 6px;}
main .nextpage p:nth-child(2){padding:11px 0 0 85px;}
}


/*-------------------------------------------------
ページ送り
-------------------------------------------------*/
main .pagenation{margin:40px 0;}
main .pagenation ul{display:table;margin:0 auto;}
main .pagenation ul li{font-size:160%;display:table-cell;}
main .pagenation ul li a{color:#52575e;border:1px solid #52575e!important;display:inline-block;padding:10px 15px;line-height:1;margin:0 12px;}
main .pagenation ul li a:hover{background:#52575e;text-decoration:none;color:#fff;}
main .pagenation ul li.current a{color:#fff;background:#52575e;}
main .pagenation ul li.prev a,
main .pagenation ul li.dot a,
main .pagenation ul li.next a{border:none!important;}
/*main .pagenation ul li.dot a{pointer-events:none;}*/

@media screen and (max-width: 739px) {
	main .pagenation ul li{font-size:100%;}
	main .pagenation ul li a{padding:10px 12px;line-height:1;margin:0 6px;}
}


/*-------------------------------------------------
リリース情報
-------------------------------------------------*/
main ul.releasenews{
	/* margin:0 0 60px 0; del oda 160628 */
	font-size:95%;
	}
main ul.releasenews li{
	padding:0 10px 10px 0;
	display:table;
	width:100%;
	}
main ul.releasenews li:after{display: block;content: "";clear: both;overflow: hidden;}
main ul.releasenews li p:nth-child(1){
	display:table-cell;
	width:130px;
	padding:3px 0 0 10px;
	}
main ul.releasenews li p:nth-child(2){
	display:table-cell;
	width:90px;
	text-align:center;
	margin-right:10px;
	}
main ul.releasenews li p:nth-child(3){
	display:table-cell;
	width:auto;
	line-height:1.8;
	padding:0 0 0 46px;
	}
main ul.releasenews li p:nth-child(3){background-size:25px !important;}
main ul.releasenews li.cloud p:nth-child(3){background:url(/sevice_shared/img/svg/cloud/icn_cloud.svg) no-repeat 10px 3px;}
main ul.releasenews li.rdb p:nth-child(3){background:url(/sevice_shared/img/svg/cloud/icn_cloud_rdb.svg) no-repeat 10px 3px;}
main ul.releasenews li.cachedb p:nth-child(3){background:url(/sevice_shared/img/svg/cloud/icn_cloud_cachedb.svg) no-repeat 10px 3px;}
main ul.releasenews li.cache p:nth-child(3){background:url(/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat 10px 3px;}
main ul.releasenews li.dns p:nth-child(3){background:url(/sevice_shared/img/svg/cloud/icn_cloud_dns.svg) no-repeat 10px 3px;}
main ul.releasenews li.baremetal p:nth-child(3){background:url(/sevice_shared/img/svg/cloud/icn_cloud_baremetal.svg) no-repeat 10px 3px;}
main ul.releasenews li.private p:nth-child(3){background:url(/sevice_shared/img/svg/cloud/icn_cloud_private.svg) no-repeat 10px 3px;}
main ul.releasenews li.datacenter p:nth-child(3){background:url(/sevice_shared/img/svg/datacenter/icn_datacenter.svg) no-repeat 10px 3px;}
main ul.releasenews li.network p:nth-child(3){background:url(/sevice_shared/img/svg/network/icn_network.svg) no-repeat 10px 3px;}
main ul.releasenews li.ilb p:nth-child(3){background:url(/sevice_shared/img/svg/cloud/icn_cloud_ilb.svg) no-repeat 10px 3px;}
main ul.releasenews li.gcs p:nth-child(3){background:url(/sevice_shared/img/svg/cloud/icn_cloud_gcs.svg) no-repeat 10px 3px;}
main ul.releasenews li.backup p:nth-child(3){background:url(/sevice_shared/img/svg/cloud/icn_cloud_backup.svg) no-repeat 10px 3px;}

main ul.releasenews li.gcda p:nth-child(3){background:url(/sevice_shared/img/svg/cloud/icn_cloud_gcda.svg) no-repeat 10px 3px;}
main ul.releasenews li.cdn2 p:nth-child(3){background:url(/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat 10px 3px;}
main ul.releasenews li.cnc p:nth-child(3){background:url(/sevice_shared/img/svg/cloud/icn_cloud_cnc.svg) no-repeat 10px 3px;}
main ul.releasenews li.container p:nth-child(3){background:url(/sevice_shared/img/svg/container/icn_container.svg) no-repeat 13px 3px; background-size: 20px!important;}
main ul.releasenews li p:nth-child(3) span{
	color:#fff;
	padding:2px 4px 1px;
	font-size:65%;
	font-weight:normal;
	line-height:1.5;
	width:70px;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	margin:3px 40px 0 0;
}
main ul.releasenews span.green{
	background:#9bbb59;
	color:#fff;
	padding:2px 0 0;
	display:inline-block;
	width:80px;
	font-size:90%;
}
main ul.releasenews span.blue{
	background:#548dd4;
	color:#fff;
	padding:2px 0 0;
	display:inline-block;
	width:80px;
	font-size:90%;
}
main ul.releasenews span.orange{
	background:#EB9551;
	color:#fff;
	padding:2px 0 0;
	display:inline-block;
	width:80px;
	font-size:90%;
}

@media screen and (max-width: 979px) {
	main ul.releasenews li{padding:10px 10px 5px 0;}
}
@media screen and (max-width: 739px) {
main ul.releasenews{margin-bottom:30px;}
main ul.releasenews li{
	padding-top:10px;
	display:block;
}
main ul.releasenews{font-size:90%;}
main ul.releasenews li p:nth-child(1){width:8.6em;padding-left:0;}
main ul.releasenews li p:nth-child(1),
main ul.releasenews li p:nth-child(2){
	margin-bottom:2px;
	display: inline-block;
}
main ul.releasenews li p:nth-child(2){background-size:25px!important;padding-right:25px;}
main ul.releasenews li.cloud p:nth-child(2){background:url(/sevice_shared/img/svg/cloud/icn_cloud.svg) no-repeat right 50%;}
main ul.releasenews li.rdb p:nth-child(2){background:url(/sevice_shared/img/svg/cloud/icn_cloud_rdb.svg) no-repeat right 50%;}
main ul.releasenews li.cachedb p:nth-child(2){background:url(/sevice_shared/img/svg/cloud/icn_cloud_cachedb.svg) no-repeat right 50%;}
main ul.releasenews li.cache p:nth-child(2){background:url(/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat right 50%;}
main ul.releasenews li.dns p:nth-child(2){background:url(/sevice_shared/img/svg/cloud/icn_cloud_dns.svg) no-repeat right 50%;}
main ul.releasenews li.baremetal p:nth-child(2){background:url(/sevice_shared/img/svg/cloud/icn_cloud_baremetal.svg) no-repeat right 50%;}
main ul.releasenews li.private p:nth-child(2){background:url(/sevice_shared/img/svg/cloud/icn_cloud_private.svg) no-repeat right 50%;}
main ul.releasenews li.datacenter p:nth-child(2){background:url(/sevice_shared/img/svg/datacenter/icn_datacenter.svg) no-repeat right 50%;}
main ul.releasenews li.network p:nth-child(2){background:url(/sevice_shared/img/svg/network/icn_network.svg) no-repeat right 50%;}
main ul.releasenews li.ilb p:nth-child(2){background:url(/sevice_shared/img/svg/cloud/icn_cloud_ilb.svg) no-repeat right 50%;}
main ul.releasenews li.gcs p:nth-child(2){background:url(/sevice_shared/img/svg/cloud/icn_cloud_gcs.svg) no-repeat right 50%;}
main ul.releasenews li.gcda p:nth-child(2){background:url(/sevice_shared/img/svg/cloud/icn_cloud_gcda.svg) no-repeat right 50%;}
main ul.releasenews li.cdn2 p:nth-child(2){background:url(/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat right 50%;}
main ul.releasenews li.cnc p:nth-child(2){background:url(/sevice_shared/img/svg/cloud/icn_cloud_cnc.svg) no-repeat right 50%;}
main ul.releasenews li.container p:nth-child(2){background:url(/sevice_shared/img/svg/container/icn_container.svg) no-repeat 97% 50%; background-size: 19px!important;}
	
main ul.releasenews li p:nth-child(3){background:none!important;}
main ul.releasenews li p:nth-child(3){
	clear:left;
	float:none;
	width:auto;
	padding:5px 10px 5px 0;
}

main ul.releasenews span.grn,
main ul.releasenews span.blu{width:60px;}
}

/* リリース情報　タイトル */
main .titleset{}
main .titleset:after{display: block;content: "";clear: both;overflow: hidden;}
main .titleset h3{float:left;}
main .titleset p{
	background:url(/sevice_shared/img/help/help_listicon.gif) no-repeat left 0.6em;
	margin-top:10px;
	padding:0 0 0 10px;
	line-height:1;
	float:right;
	font-size:90%;
	}
@media screen and (max-width: 739px) {
	main .titleset p{margin-top:8px;background-size:4px auto;font-size:80%;background-size:4px auto;}
}



/*-------------------------------------------------
 検索
-------------------------------------------------*/
#probo a {
	color: #009dd3;
}
._pbox-searchresult ._records ._record ._title, ._pbox-searchresult ._records ._record ._nearby, ._pbox-searchresult ._records ._record ._url {
	padding-left: 0!important;
}
.gsc-cursor-current-page {color: #fff !important;} /* google */

main .searcharea{
	margin:0 auto;
	border:1px solid #d6d6d6;
	width:620px;
	vertical-align:top;
	position:relative;
}
main .liquidContents .searcharea{margin:0 0 50px;}
main .searcharea form{display:table;width:100%;}

@media screen and (max-width: 979px) {
	main .searcharea{width:auto;}
}

/* input */
main .searcharea input.searchword{
	display:table-cell;
	vertical-align:bottom;
	box-sizing: border-box;
	outline:0;
	width:98%;
	height:62px;
	border:none;
	font-size:140%;
	padding:5px 5px 5px 10px;
}
@media screen and (max-width: 979px) {
	main .searcharea input.searchword{height:52px;font-size:120%;}
}
@media screen and (max-width: 739px) {
	main .searcharea input.searchword{font-size:100%;}
}

/* select */
main .searcharea div.searchCategory{
	display:table-cell;
	width:1%;
	vertical-align:middle;
	padding:10px;
}
main .searcharea select{min-width:200px;font-size:100%;}
main .searcharea span.customSelect{
	box-sizing: border-box;
	border:1px solid #e3e3e3;
	background:#eeeeee url(/sevice_shared/img/help/select_arrow.png) no-repeat right 3px top 50%;
	height:41px;
	padding:0.6em 0 0 0.4em;
}
main .searcharea span.customSelectInner{width:auto !important;}
@media screen and (max-width: 979px) {
	main .searcharea div.searchCategory{padding:5px;}
	main .searcharea select{min-width:180px;}
	main .searcharea span.customSelect{}
}
@media screen and (max-width: 739px) {
	main .searcharea div.searchCategory{font-size:80%;}
	main .searcharea select{min-width:140px;}
	main .searcharea span.customSelect{padding:1.1em 0 0 0.4em;background-size:8px auto;}
}
/* select非表示 */
main .searcharea select{display:none;}/* js onload -> block*/
main .searcharea.nosort div.searchCategory{display:none !important;}

/* button */
main .searcharea div.searchbtn{
	display:table-cell;
	width:1%;
	vertical-align:bottom;
}
main .searcharea div.searchbtn button{
	background:#53585d;
	width:62px;
	height:62px;
	cursor: pointer;
	border:none;
}
@media screen and (max-width: 979px) {
	main .searcharea div.searchbtn button{width:52px;height:52px;}
}
@media screen and (max-width: 739px) {
	main .searcharea div.searchbtn button{width:32px;height:52px;}
}

/*-------------------------------------------------
 検索窓
-------------------------------------------------*/
.inner form {
	text-align: center;
}
.inner .search_txt {
	text-align: center;
	font-size: 2.0rem;
	color: #2f5597;
	font-weight: bold;
	margin-bottom: 5px;
}
.searchword {
	width: 80%;
	max-width: 660px;
	border: 1px solid #ddd;
	border-radius: 50px;
	margin: 0 auto;
	font-size: 1.8rem;
	padding: 10px 10px 10px 55px;
	box-sizing: border-box;
	box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);
	position: relative;
	background: url(/sevice_shared/img/svg/icn_search.svg) no-repeat 20px 50% / 25px;
	background-color: #fff;
}
.searchword:focus-visible {
	outline: none;
	border-color: #009dd3;
}
.searchbtn {
	display: none;
}
.search_txt {
	font-weight: bold;
	border-left: 4px solid #2f5597;
	padding-left: 8px;
	margin-left: 2px;
}
.sidebar_search {
	margin-bottom: 25px;
}
.sidebar_search .searchword {
	width: 100%;
	font-size: 1.5rem;
}
@media screen and (max-width: 739px) {
	.searchword {
		width: 100%;
		font-size: 1.6rem;
		margin-bottom: 20px;
	}
}