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

/* メインコンテンツ
----------------------------*/
.index_btn_area{
	margin: 150px 0 100px 0;
}
.content_center .btn_plastic {
	width: 100%;
	height: 60px;
	border-radius: 0;
}
.content_center .btn_color_red{
	border: #4D9FEB solid 5px;
	color: #4D9FEB;
	background: none;
}
.content_center .btn_color_red:hover{
	color: #fff;
	background: #4D9FEB;
}
.content_center .btn_color_gray {
	border: #333 solid 5px;
	color: #333;
	background: none;
	border-radius: 0;
}
.content_center .btn_color_gray:hover{
	color: #fff;
	background: #333;
	text-decoration: none;
}
.content_center .btn_color_red:hover,
.content_center .btn_color_gray:hover{
	opacity:1;
	filter: alpha(opacity=100);        /*  ie lt 8  */
	-ms-filter: "alpha(opacity=100)";  /*  ie 8  */
	-moz-opacity:1;                 /*  FF lt 1.5, Netscape  */
	-khtml-opacity: 1;
}
.content_center .index_btn_02{
	margin-top: 15px;
	font-weight: bold;
}
.content_center .w40 {
	width: 40%;
	height: initial;
	border-radius: 0;
}
.content_center .col_07 .col_block:first-child {
	margin-left: 0;
}
.content_center .col_07 .col_block {
	width: 19.3596%;
}
.content .text_22 {
	color: #333;
}

/* ------ background -------------------------------- */

.bg_category{
	color: #fff;
	padding: 80px 0;
	background: #4D9FEB;
}

.bg_category_top{
	padding: 70px 0;
}

/*--   タイトル下 ナビ  --*/
.content .list_page_nav .list_page_nav_item a:hover,
.g_content .list_page_nav .list_page_nav_item a:hover{
	color: #4D9FEB;
}
.content .list_page_nav .list_page_nav_item > .is_active,
.g_content .list_page_nav .list_page_nav_item > .is_active {
	color: #4D9FEB;
	font-weight: normal;
	text-decoration: underline;
}

/*--   リスト矢印  --*/
.content .list_item_link > a:before,
.g_content .list_item_link > a:before,
.content_center .list_item_link > a:before {
	top: 6px;
	background: url(/sevice_shared/img/cloud/ico_arrow_list.png) no-repeat 0 0;
}


/*--   リスト矢印 下  --*/
.content .anchor .list_item_link > a:before,
.g_content .anchor .list_item_link > a:before,
.content_center .anchor .list_item_link > a:before {
	width: 8px;
	height: 5px;
	top: 8px;
    background: url(/sevice_shared/img/cloud/ico_arrow_anchor_list.png) no-repeat 0 0;
	background-size: 8px auto;
}

/*--   リスト矢印 左  --*/
.g_content .list_pager_prev:after {
    background: url(/sevice_shared/img/cloud/ico_arrow_left_list.png) no-repeat 0 50%;
}

/*--   ナンバーリスト  --*/
.content .hdg_02_num_item,
.g_content .hdg_02_num_item,
.content_center .hdg_02_num_item{
	width: 34px;
	height: 34px;
	line-height: 34px;
	border-radius: 17px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #4D9FEB;
}

/* ------ サイドバナー 1013 ike add ------------------- */

.textArea{
	position: absolute;
	top: 250px; 
	right: 0;
	width: 180px;
}
.textArea p a {
	width: 96%;
	padding: 2%;
	display: block;
}
.textArea p.bnr a{
	background: #F4F4F4;
	color: #2693C9;	
}
.textArea p.bnr_white a{
	background: #FFF;
	color: #2693C9;	
}
.textArea p.bnr_blue a{
	background: #00C8EC;
	color: #fff;
}
.textArea a span{
	font-weight: bold;
	/* display: block; */
}

@media all and (max-width: 940px) {
.textArea { display: none;}
}

/* ------ title -------------------------------- */

.content .text_color,
.g_content .text_color,
.content_center .text_color{
	color: #4D9FEB;
}


/*--  bx_slider
-----------------------------------------------------------*/
.content .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 5px;
}
.content .bx-wrapper .bx-pager.bx-default-pager a {
	background: #4D9FEB;
	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;
}

.content .bx-wrapper .bx-pager.bx-default-pager a:hover,
.content .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #1365AE;
}



/* ------ ul ----------------------------------- */

/* --- link list --- */

.link li,
p.link { /* ike add 151015*/
	background: url(/sevice_shared/img/cloud/ico_arrow_list.png) no-repeat left 50%;
}

.link li a,
.link li a:link,
.link li a:visited,
.link li a:active,
p.link a { /* ike add 151015*/
	color: #4D9FEB;
}

.link li a:hover,
p.link a:hover{ /* ike add 151015*/
	color: #4DC4ED;
}

/* --- link_anchor list 2015/10/01 h9 --- */

.link_anchor li{
	background: url(/sevice_shared/img/cloud/ico_arrow_anchor_list.png) no-repeat left 50%;
}

.link_anchor li a,
.link_anchor li a:link,
.link_anchor li a:visited,
.link_anchor li a:active{
	color: #4D9FEB;
}

.link_anchor li a:hover{
	color: #4DC4ED;
}

/* --- link-r list 2015/10/01 h9 --- */

.link-r li{}

.link-r li a,
.link-r li a:link,
.link-r li a:visited,
.link-r li a:active{
	color: #4D9FEB;
	display: inline-block;
	background: url(/sevice_shared/img/cloud/ico_arrow_list.png) no-repeat left 50%;
}

.link-r li a:hover{
	color: #4DC4ED;
}

/* ぱんくずリスト
----------------------------*/
.lnav{
	color: #333;
}
.lnav ul li a.logo{
	background: url(/sevice_shared/img/svg/cloud/icn_cloud.svg) no-repeat left 50% / 25px;
	padding: 11px 0 10px 30px;
}
.lnav ul li a{
	color: #333;
}
.lnav ul li a:hover{
	color: #4D9FEB;
}



/* 関連情報
----------------------------*/
.relation_info p {
	color: #333;
}
.text_25 {
	font-size: 25px;
}
.relation_info .list_item_link > a{
	color: #4D9FEB;
}
@media screen and (max-width: 740px) {
.text_25 {
	font-size: 16px;
}}

/* FAQ */
.faq .center-faq { padding: 60px 0 50px; }
/*.faq .chart img { padding-top: 40px; }  del oda 160627 */
.faq .question { font-weight: bold; font-size: 112.5%; padding-bottom: 30px; background: url(/sevice_shared/img/cloud/rdb/ico_question.png) no-repeat left 0.1rem; padding: 3px 0 3px 35px; }
@media screen and (max-width: 739px) {
.faq { padding: 35px 0 0; }/*  .question ike160310 */
.faq .center-faq { margin-bottom: 20px; padding: 0; } /* margin-bottom: 20px; add oda 160627  */
/*.faq .chart img { padding: 25px 0 0; }  del oda 160627 */
}


/* ------ pattern -------------------------------- */

/* --プリントボタン-- */
.btn_print {
  color: #fff;
  font-size: 14px;
}
/* --構成例の緑のタグ-- */
a.btn_min {
  font-size: 14px;
  color: #fff;
}
.btn_min {/* --- common.min.cssより抜粋　2015/10/02 h9 --- */
  padding: 0.5em;
  text-decoration: none;
  display: block;
  line-height: 1;
  text-align: center;
  font-size: 10px;
  font-size: 1rem; }


/* list_page_nav_item
----------------------------*/
.list_page_nav_item a {
	color: #4D9FEB !important;
	font-weight: normal;
	text-decoration: none !important;
}
.list_page_nav_item a:hover {
	text-decoration: underline !important;
}
.list_page_nav_item .is_active {
	color: #333 !important;
	font-weight: bold !important;
	text-decoration: none !important;
}

/*--表見出し背景の青をグレーに--*/
.table_blue table thead th {
	background: #EEEEEE !important;
}
/*--表の一部をグレーアウトする際の背景色--*/
table th.bg_gray,
table td.bg_gray {
    background: #ccc;
}
/*--cvボタンの余白調整★統一が必要--*/
.index_btn_area{
	margin: 80px 0;
}
@media screen and (max-width: 739px) {
.index_btn_area{
	margin: 40px 0;
	}
}

p.button.button_black a {
  padding: 15px 0;
  text-align: center;
  display: block;
  width: 100%;
  font-weight: bold;
  font-size: 1.8rem;
  color: #333;
  border: #333 solid 3px;
  max-width: 250px;
}
p.button.button_black a:hover{
	border: #333 solid 3px;
	background: #333;
	color: #fff;
	text-decoration: none;
}


/* space
----------------------------*/
.text_space {
    margin-bottom: 0.7em;
}
@media screen and (max-width: 739px) {
.text_space {
    margin-bottom: 1.2em;
}
}


/* Button parts
----------------------------*/

/* カテゴリーカラーボタン 大 */
p.button a,
p.sbutton_cv a{
	color: #4D9FEB;
	box-shadow: 0 0 0 5px #4D9FEB inset;
}
p.button a:hover,
p.sbutton_cv a:hover{
	box-shadow: 0 0 0 5px #4D9FEB inset;
	background: #4D9FEB;
}
/* カテゴリーカラーボタン 大・反転 　add oda 170224 */
p.button_fill a { 
	background: #4D9FEB; }
	
p.button_fill a:hover{
	color: #4D9FEB;
}
p.button_fill a {
	box-shadow: 0 0 0 5px #4D9FEB inset;
}
p.button_fill a:hover{
	box-shadow: 0 0 0 5px #4D9FEB inset;
	background: #FFF;
}

/* カテゴリーカラーボタン 小 */
p.sbutton a{
	color: #4D9FEB;
	box-shadow: 0 0 0 3px #4D9FEB inset;
}
p.sbutton a:hover{
	box-shadow: 0 0 0 3px #4D9FEB inset;
	background: #4D9FEB;
}

/* カテゴリーカラーボタン 小・反転 　add oda 170224 */
p.sbutton_fill a{
	color: #FFF;
	background: #4D9FEB;
	box-shadow: 0 0 0 3px #4D9FEB inset;
}
p.sbutton_fill a:hover{
	box-shadow: 0 0 0 3px #4D9FEB inset;
	color: #4D9FEB;
	background: #FFF;
}

/* オレンジボタン（料金sim用） */
p.btn-orange a {
	background: #ff9800;
	box-shadow: 0 0 0 3px #ff9800 inset;
}
p.btn-orange a:hover {
	color: #ff9800;
	background: #fff;
	box-shadow: 0 0 0 3px #ff9800 inset;
}

/* 白枠ボタン 大 */
p.sbutton_white_cv a:hover{
	color: #4D9FEB;
}

/* 白枠ボタン 小 */
p.sbutton_white a:hover{
	color: #4D9FEB;
}

/* ------------------ ボタン 極小（共通）------------------  */
.btn_ss_index {
max-width: 200px! important; }
.btn_ss_index a {
font-size: 1.6rem! important; }


/* ------------------ ボタン お見積り（共通）------------------  add oda 160620 */
.red_btn a {
	display: block;
	max-width: 90%;
	margin: 0 auto;
	padding: 10px 0;
	color: #FFF;
	background: #f95349;
}
.red_btn a:hover {
	text-decoration: none;
	opacity: 0.7; }



/* ------ vm -------------------------------- */
.table_th_blackline.vm_highio {
	color: #FFF !important;
	background:  url(/img/cloud/bg_highiohighsto.png);}/* 2015/09/30 h9 */

table th.table_th_blackline2 {/* 2015/09/30 h9 */
	background:  url(/img/cloud/vm/img_vm_type_053.png);
}

.vm_type {
	text-align: center;
	overflow: hidden;
}
.vm_type p {
	margin: 0;
}
.vm_type .vm_type_top,
.vm_type .vm_type_bottom {
	overflow: hidden;
}
.vm_type .vm_type_box {
	padding: 20px;
	box-shadow: 0 0 0 3px #90C974 inset;
	width: 100%;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.vm_type .vm_type_box:hover{
	box-shadow: 0 0 0 5px #90C974 inset;
}
.vm_type .vm_type_box a{
	color: #333;
}
.vm_type .vm_type_box a:hover{
	text-decoration: none;
}
.vm_type .vm_type_box .vm_type_title {
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.7;
}
.vm_type .vm_type_box .vm_type_tag {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
}
.vm_type .vm_type_box .vm_type_tag span {
	display: inline-block;
	margin-top: 2px;
	padding: 5px 10px 3px 10px;
	background: #EEE;
}
.vm_type .vm_type_box .vm_type_text01 {
	margin-top: 15px;
	padding-left: 18px;
	background: url(/img/cloud/spec/vm/ico_vm_type_01.png) no-repeat 0 0.45em;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.7;
	text-align: left;
}
.vm_type .vm_type_box .vm_type_text02 {
	margin-top: 5px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7;
	text-align: left;
}
.vm_type .vm_type_box .vm_type_text02 {
	margin-top: 5px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7;
}
.vm_type .vm_type_box.light {
	float: left;
	margin-right: 2.7397%;
}
.vm_type .vm_type_box.light .vm_type_title {
	color: #90C974;
}
.vm_type .vm_type_box.economy {
	float: left;
	box-shadow: 0 0 0 3px #429e66 inset;
}
.vm_type .vm_type_box.economy:hover{
	box-shadow: 0 0 0 5px #429e66 inset;
}
.vm_type .vm_type_box.economy .vm_type_title {
	color: #429e66;
}
.vm_type .vm_type_box.standard {
	float: left;
	box-shadow: 0 0 0 3px #7BD4F1 inset;
}
.vm_type .vm_type_box.standard:hover{
	box-shadow: 0 0 0 5px #7BD4F1 inset;
}
.vm_type .vm_type_box.standard .vm_type_title {
	color: #7BD4F1;
}
.vm_type .vm_type_box.standard .vm_type_text01 {
	background: url(/img/cloud/spec/vm/ico_vm_type_02.png) no-repeat 0 0.45em;
}
.vm_type .vm_type_box.highcpu {
	box-shadow: 0 0 0 3px #A48AD4 inset;
}
.vm_type .vm_type_box.highcpu:hover{
	box-shadow: 0 0 0 5px #A48AD4 inset;
}
.vm_type .vm_type_box.highcpu .vm_type_title {
	color: #A48AD4;
}
.vm_type .vm_type_box.highcpu .vm_type_text01 {
	background: url(/img/cloud/spec/vm/ico_vm_type_03.png) no-repeat 0 0.45em;
}
.vm_type .vm_type_box.highmem {
	box-shadow: 0 0 0 3px #2595C9 inset;
}
.vm_type .vm_type_box.highmem:hover{
	box-shadow: 0 0 0 5px #2595C9 inset;
}
.vm_type .vm_type_box.highmem .vm_type_title {
	color: #2595C9;
}
.vm_type .vm_type_box.highmem .vm_type_text01 {
	background: url(/img/cloud/spec/vm/ico_vm_type_04.png) no-repeat 0 0.45em;
}
.vm_type .vm_type_box.ultramem {
	box-shadow: 0 0 0 3px #2b6daf inset;
}
.vm_type .vm_type_box.ultramem:hover{
	box-shadow: 0 0 0 5px #2b6daf inset;
}
.vm_type .vm_type_box.ultramem .vm_type_title {
	color: #2b6daf;
}
.vm_type .vm_type_box.highio {
	margin: 2.73972%;
	margin-left: 1.368%;
	box-shadow: 0 0 0 3px #616B72 inset;
}
.vm_type .vm_type_box.highio:hover{
	box-shadow: 0 0 0 5px #616B72 inset;
}
.vm_type .vm_type_box.highio .vm_type_title {
	color: #616B72;
}
.vm_type .vm_type_box.highio .vm_type_text01 {
	background: url(/img/cloud/spec/vm/ico_vm_type_05.png) no-repeat 0 0.45em;
}
.vm_type .vm_type_box.tank {
	box-shadow: 0 0 0 3px #4B5C49 inset;
}
.vm_type .vm_type_box.tank:hover{
	box-shadow: 0 0 0 5px #4B5C49 inset;
}
.vm_type .vm_type_box.tank .vm_type_title {
	color: #4B5C49;
}
.vm_type .vm_type_box.tank .vm_type_text01 {
	background: url(/img/cloud/spec/vm/ico_vm_type_06.png) no-repeat 0 0.45em;
}
@media screen and (max-width: 739px) {
	.vm_type {
		margin-bottom: 10px;
	}

	.vm_type .vm_type_box {
		display: block;
		margin: 5px 0 0 0 !important;
		width: auto;
	}
	.vm_type .vm_type_box.light {
		float: none;
		margin: 0 !important;
	}
	.vm_type .vm_type_box.standard {
		float: none;
	}
	.vm_type .vm_type_box.highcpu {
		float: none;
	}
}


/* ------ サーバータイプ カラーリング -------------------------------- add oda 161122 */
.type_Light { background: #90C974 !important; }
.type_Economy { background: #429e66 !important; }
.type_Standard { background: #7BD4F1 !important; }
.type_HighCPU { background: #A48AD4 !important; }
.type_HighMEM { background: #2595C9 !important; }
.type_UltraMEM { background: #2b6daf !important; }
.type_HighIO { background: url(/img/cloud/bg_highiohighsto.png) !important; }
.type_GPU { background: #000 !important; }
.type_Tank { background: #4B5C49 !important; }

/* ------ サーバータイプ アイコン -------------------------------- add oda 161122 */
.server_type_icn {
    display: inline-block; width: 89px; padding: 5px 5px 2px; border-radius: 3px; }


/* ------ 料金階段表 -------------------------------- add oda 161122 */
.price_graph table { width: 98%; }
.x-axis,.y-axis { display: inline-block; padding: 2px 10px; background: #dedede; }
.x-axis { float: right; }
.price_graph table tr th,.price_graph table tr td { margin: 0 !important; padding: 0 !important; }
.price_graph table tr th:first-child { padding: 12px !important; }
.price_graph table tr td a { display: block; padding: 12px; text-decoration: none; color: #fff; font-weight: bold; }
.price_graph table tr td .type_Light_02:hover { background: rgba(189,223,172,0.6) !important; }
.price_graph table tr td .type_Standard_02:hover { background: rgba(176,229,246,0.6) !important; }
.price_graph table tr td .type_HighCPU_02:hover { background: rgba(200,185,229,0.6) !important; }
.price_graph table tr td .type_HighMEM_02:hover { background: rgba(146,202,228,0.6) !important; }
.price_graph table tr td .type_HighIO_02:hover { background: rgba(0,0,0,0.4) !important; }
.price_graph table tr td .type_GPU:hover { background: rgba(0,0,0,0.7) !important; }
.price_graph table tr td .type_Tank:hover { background: rgba(75,91,73,0.7) !important; }
.price_graph table tr th { background: none; font-weight: normal; border: none; }
.price_graph table tr > th { text-align: right; }
.price_graph table tr td { border: 1px dotted #ccc; }

/* 料金表のスクロール*/
@media screen and (max-width:739px){
	.price_graph_table {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;		
		-moz-overflow-scrolling: touch;		
		overflow-scrolling: touch;		
	}
	.price_graph table { 
		table-layout: auto;
		width: 100% !important;
	}
}


/* /cloud/releasenotes/　ライトナビのリンク色を黒に
----------------------------*/
.g_content_wrapper .g_sidebar a{
	color: #000;
}



/* /cloud/spec/support.html
----------------------------*/
@media screen and (max-width: 739px) {
.mainContent .content_center .section03_content2 {
	display: block;;
}
.mainContent .content_center .section03_content2 .support_list {
	width: 50%;
	float: left;
	margin: 0 0 15px 0;
}}

 /* 0801 ike add start-------------------------------------- */
/* ------ text-icon --------------------------------- */
.text-icon{
	display: inline-block;
	color: #fff;
	background-color: #333;
	padding: .2rem .8rem;
	font-size: 1.4rem;
	margin: 0 1rem;
}

.text-icon-yellow{
	background-color: #FFD700;
	color: #333;
}

.text-icon-orange{
	background-color: #FF9000;
	color: #fff;
}

.text-icon-blue{
	background-color: #538CD4;
	color: #fff;
}
.text-icon-pink,
.text-icon-pink a{
	background-color: #ff4787;
	color: #fff;
} /* 170111 add ike  */

/* ------ standard-icon ---------------------------------  add oda 160629 */
.standard_mark:after {
	width: 50px;
	height: 22px;
	content: '';
	display: block;
	background-image: url(/img/cloud/price/ico_price_basic.png);
	background-repeat: no-repeat;
	background-size: 50px;
}
@media screen and (min-width: 740px) {
	.standard_mark:after {
		width: 60px;
		height: 22px;
		content: '';
		background-image: url(/img/cloud/price/ico_price_basic.png);
		background-repeat: no-repeat;
		background-size: 100%;
	}
}



/* ------ br --------------------------------- */
br.sm{ display: none; }
@media screen and (max-width: 739px) {
	br.sm{ display: inline-block; }}

/* ------ ike add 20150925 --------------------------------- */
.g_footer_cv {
  padding: 20px 10px;
  clear: both;
  background-color: #333333;
  color: #fff;
  }
@media screen and (min-width: 1000px) {
    .g_footer_cv {
      padding: 24px 10px; }} /* 24px 10px 14px 0510 ike update */

@media print {
    .g_footer_cv {
      padding: 24px 10px; }} /* 24px 10px 14px 0510 ike update */

/* ------ /cloud/mackerel/ common.min.cssより抜粋 2015/10/02 h9 --------------------------------- */

.box_em2 {
margin:0 10%;
padding:20px;
  border: solid 1px #87c0f6;
  box-shadow: 0 0 0 3px #2695C9;
      display: block;
      content: "";
      clear: both;
      overflow: hidden; }
  .ie8 .box_em2 {
    box-shadow: 0 0 0 3px #b8dbf9 inset; }

.box_em2 ul{
list-style-type:disc;
padding:0 0 0 30px;
margin:0 0 12px 0;
}

.box_em2 li.txleft{
  float:left;
}

.box_em2 h2{
  margin:0 0 20px 0;
  color:#2694C9;
  font-size:180%;
}

.box_em2 h3{
  display:inline;
  background:#2695C9;
  padding:3px 14px;
  color:#fff;
}

.box_em2 h4{
  display:inline;
  background:#BDDFEF;
  padding:3px 14px;
}

.box_em2 h4 span{
  font-weight:bold;
}

.box_em2 a.applybtn{
  background:#FF7550;
  color:#fff;
  border-radius:3px;
  font-size:86%;
  padding:2px 8px;
  margin:0 0 0 10px;
}

.box_em2 a.applybtn:hover{
  text-decoration:none;
  opacity:0.7;
}

.box_em2 .linkarrow{
  padding:0 0 0 12px;
  background:url("../../cloud/img/order/ya2.png") no-repeat 0 center;
}

.box_em2 .linkarrow:hover{
  text-decoration:none;
  opacity:0.5;
}

.box_em2 .leftcol{
  width:54%;
  float:left;}
@media screen and (max-width: 960px) {
  .box_em2 .leftcol{
  width:100%;
  margin:0 0 20px 0;
  float:none;
  }
}

.box_em2 .rightcol{
  float:right;}
@media screen and (max-width: 960px) {
  .box_em2 .rightcol{
  text-align:center;
  float:none;}
}

/* ------ /cloud/connect/ common.min.cssより抜粋 2015/10/02 h9 --------------------------------- */

.hdg_02_wrapper {
  margin-bottom: 0.7em;
  width: 100%;
  display: table; }

.hdg_02_header {
  display: table-cell;
  vertical-align: top; }
  .hdg_02_header .hdg_02 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border-top: 0; }
    .hdg_02_header .hdg_02:before {
      display: none; }

.hdg_02_header_inner {
  padding: 10px 0;
  border-top: solid 3px #2a83ce;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }



.hdg_02_num_wrapper {
  padding-top: 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #cecece;
  display: block; }
  .hdg_02_num_wrapper .hdg_02_header {
    vertical-align: top; }
  .hdg_02_num_wrapper .hdg_02,
  .hdg_02_num_wrapper .hdg_02_header_inner {
    padding: 0;
    border-top: 0;
    background-color: transparent;
    color: inherit; }
    .hdg_02_num_wrapper .hdg_02 a,
    .hdg_02_num_wrapper .hdg_02_header_inner a {
      color: #1067b6; }
    .hdg_02_num_wrapper .hdg_02 a:hover,
    .hdg_02_num_wrapper .hdg_02_header_inner a:hover {
      color: #059fe0; }
  .col_02 .hdg_02_num_wrapper .hdg_02_icon, .col_03 .hdg_02_num_wrapper .hdg_02_icon, .col_04 .hdg_02_num_wrapper .hdg_02_icon {
    padding-top: 0.5em;
    display: block;
    text-align: center; }
    .col_02 .hdg_02_num_wrapper .hdg_02_icon img, .col_03 .hdg_02_num_wrapper .hdg_02_icon img, .col_04 .hdg_02_num_wrapper .hdg_02_icon img {
      width: 40px; }
  @media screen and (min-width: 740px) {
    .col_02 .hdg_02_num_wrapper .hdg_02_icon, .col_03 .hdg_02_num_wrapper .hdg_02_icon, .col_04 .hdg_02_num_wrapper .hdg_02_icon {
      display: table-cell;
      text-align: right; }
    .col_02 .hdg_02_num_wrapper .hdg_02_icon img, .col_03 .hdg_02_num_wrapper .hdg_02_icon img, .col_04 .hdg_02_num_wrapper .hdg_02_icon img {
      width: auto; } }
  @media print {
    .col_02 .hdg_02_num_wrapper .hdg_02_icon, .col_03 .hdg_02_num_wrapper .hdg_02_icon, .col_04 .hdg_02_num_wrapper .hdg_02_icon {
      display: table-cell;
      text-align: right; }
    .col_02 .hdg_02_num_wrapper .hdg_02_icon img, .col_03 .hdg_02_num_wrapper .hdg_02_icon img, .col_04 .hdg_02_num_wrapper .hdg_02_icon img {
      width: auto; } }
  .box > .hdg_02_num_wrapper {
    padding-top: 0; }

.hdg_02_num {
  padding-right: 10px;
  width: 1%;
  display: table-cell;
  vertical-align: top; }

.hdg_02_num_item {
  width: 20px;
  height: 20px;
  display: block;
  background-color: #2a83ce;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem; }
  @media screen and (min-width: 740px) {
    .hdg_02_num_item {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 20px;
      font-size: 2rem; } }
  @media print {
    .hdg_02_num_item {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 20px;
      font-size: 2rem; } }


/* ------ /cloud/pattern/ common.min.cssより抜粋 2015/10/02 h9 --------------------------------- */

.list_tag {
  zoom: 1; }
  .list_tag:after {
    display: block;
    content: "";
    clear: both;
    overflow: hidden; }
  .list_tag > li {
    margin-right: 5px;
    margin-bottom: 5px;
    float: left; }


/* /cloud/pattern/05_x.html */

.tab_nav_btn {
  border-top: solid 3px #aaa;
  background-color: #f5f5f5;
  font-size: 128.5714%;
  line-height: 1; }
  .tab_nav_btn.is_active, .tab_nav_btn:hover {
    border-top: solid 3px #2a83ce;
    background-color: #fff;
    font-weight: bold; }

.tab_nav_btn_last {
  float: right !important; }

.tab_nav_btn_item {
  padding: 1em 0.5em;
  border-right: solid 1px #cecece;
  border-left: solid 1px #cecece;
  box-shadow: 0 -1px 0 #cecece inset;
  display: block;
  color: #333333; }
  .ie8 .tab_nav_btn_item {
    background-image: url("/img/shared/bg_tab_border.png");
    background-repeat: repeat-x;
    background-position: 0 100%; }
  .is_active .tab_nav_btn_item, .tab_nav_btn_item:hover {
    box-shadow: 0 -1px 0 #fff inset;
    color: #333333;
    text-decoration: none; }
    .ie8 .is_active .tab_nav_btn_item, .ie8 .tab_nav_btn_item:hover {
      background-image: none; }

.tab_box {
  margin-top: -1px;
  margin-bottom: 2em;
 padding: 1.4em 1.4em 1em;/*1.4em 1.4em 0;  14.05*/
  border: solid 1px #cecece; }
  .tab_box[data-tab-nav-box="hidden"] {
    display: none; }
    @media print {
      .tab_box[data-tab-nav-box="hidden"] {
        display: block; } }
/* add ike 160509*/
.ribbon {display:block;position:fixed;z-index:100! important;top:130px! important;right: 0! important;} 
@media screen and (max-width: 850px){.ribbon{display:none}.main_h1{font-size:3rem!important;}}




/* 初心者コンテンツエリア */
.beginner{
    padding: 10px 0 0;
    }

/* ------ block-news-fade ike --------------------------------- */
.block-news-fade{
	padding: 0 1%;
	display: table;
	width: 98%;
	height: 60px;/* 80px; */
	margin-bottom: 14px;
}
.block-news-fade ul{
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	visibility: hidden;
	background: #FFF;
    padding: 5px 20px;
}
.block-news-fade li{
	width: 96%;
}
.block-news-fade li .date{
	font-size: 1.4rem;
	color: #999;
}
.block-news-fade li .text-icon{
	font-size: 1.4rem;
}
/* add oda 160624 */
.block-news-fade li .blue{
	display: inline-block;
	background:#548dd4;
	color:#fff;
	text-align: center;
	margin: 0 2px;
	padding:2px 1px 0;
	min-width:70px;	
	font-size:90%; }
.block-news-fade li .green{
	display: inline-block;
	background:#9bbb59;
	color:#fff;
	text-align: center;
	margin: 0 2px;
	padding:2px 1px 0;
	min-width:70px;
	font-size:90%; }
.block-news-fade li .orange{
	display: inline-block;
	background:#EB9551;
	color:#fff;
	text-align: center;
	margin: 0 2px;
	padding:2px 1px 0;
	min-width:70px;
	font-size:90%; }

.block-news-fade li .message{
	font-size: 1.6rem;
}

@media screen and (max-width: 739px) {
	
	.block-news-fade li .date{
		font-size: 1.2rem;
	}
	.block-news-fade li .text-icon{
		font-size: 1.2rem;
	}
	.block-news-fade li .message{
		font-size: 1.4rem;
	}

}

/*-------------- 人気の構成例 ------------  oda add 160622 */ 
.popular .lead_txt p:last-child a {
	padding-left: 15px;
	background: url(/sevice_shared/img/cloud/ico_arrow_list.png) no-repeat left center; }
@media screen and (min-width: 740px) {
	.popular .lead_txt p:first-child { width: 82%; }
	.popular .lead_txt p:last-child { width: 15%; }
	.popular .layout-unit.layout-3col, .layout-unit-fix.layout-3col { width: 32%; }
}
@media screen and (max-width: 739px){
	.popular .lead_txt p:last-child { display: block; }
	.popular .model.layout-frame .layout-unit { 
		display: block;
		box-sizing: border-box;
		padding: 10px 5px;
		border: 3px solid #ecf0f3; }
}




/* -------- service_lineup ------------  oda add 160620 */ 
.service.bg_grey { padding-bottom: 40px; }
.service .content_center { position: relative ; }
@media screen and (min-width: 740px) {
	.service .content_center { max-width: 96%; }
	.service .swiper-container {  width: 96% !important; }
}
.service .section02_content2 { max-width: inherit; }
/* PC */
.service .box2 {
	width: 18% !important;
	padding: 0 1.5% 40px !important; }
/* TB */
@media screen and (max-width: 1279px) {
	.service .box2 {
		width: 30% !important;
		margin:  0 30px 0 0 !important; }
}
/* SP */
@media screen and (max-width: 739px) {
	.service .box2 {
		width: 50% !important;
		margin: 0 10% 0 0 !important; }
}
.service .box2 .title { font-weight: bold; font-size: 15px; }
.service .box2 .title a { color: #4d9feb; }
.service .box2 .title a:hover { color:#555; } 
.service .box2 img { height: auto; padding: 0; width: 100px; }
.service .box2 .title a:hover span.auto_br { text-decoration: underline; }
.service .swiper-container-horizontal > .swiper-pagination {
	height: 14px;
    text-align: center;
}
.service .swiper-container-horizontal > .swiper-pagination > .swiper-pagination-bullet {
    margin: 0 4px;
}
.slide-sp { display: block; }
/* PC */
.hide_box { 
    position: absolute;
    right: 0;
	width: 13%;
    height: 60%;
    z-index: 10;
	background:linear-gradient(to right, rgba(254,254,152,0) 0%, #f4f4f4 100%); }	
/* TB */
@media screen and (max-width: 1279px) {
	.hide_box {
		width: 20%;
		height: 80%; }
}
/* SP */
@media screen and (max-width: 739px) {
	.hide_box {
		width: 20%;
		hwight: 70%; }
}

/* ------ block-step3 ----- /cloud/top.css move 160706 ---------------------------- */
.block-step3{
	padding: 50px 0 40px;
}
.block-step3 .inner .Box{
	width: 27%;
	max-width: 260px;
	padding: 4% 2% 2% 2%;
	float: left;
	text-align: center;
	background: #fff;
}
.block-step3 .inner .arrowBox{
	width: 3.5%;
	height: 260px;
	float: left;
	background-image: url(/sevice_shared/img/cloud/top/ico_arrow002.png);
	background-repeat: no-repeat;
	background-position: center 50%;
}
.block-step3 .inner .Box p.name{
	margin: 20px 0 0 0;
	font-weight: bold;
	font-size: 1.5rem;
}
.block-step3 .inner .Box p.message{
	font-size: 1.8rem;
}
.block-step3 .inner .Box img {
	width: 120px;
}

@media screen and (max-width: 740px) {
	.block-step3{
		padding: 40px 0;
	}
	.block-step3 .inner .Box{
		width: auto;
		max-width: none;
		padding: 20px 20px 0 20px; 
		float: none;
		text-align: center;
		background: #fff;
	}
	.block-step3 .inner .arrowBox{
		width: 100%;
		padding: 3% 0;
		float: none;
		height:	auto;
		background-image: url(/sevice_shared/img/cloud/top/ico_arrow003.png);
		background-repeat: no-repeat;
		background-position: center 50%;
	}
	.block-step3 .inner .Box p.message{
		font-size: 1.4rem;
	}
}


/*　ページ下部　コンタクトボックス 170905 */
p.sbutton_fill a {  padding: 18px 0; border-radius: 5px; }
p.sbutton_fill.btn-green a { box-shadow: 0 0 0 3px #58BE89 inset; background: #58BE89; }
p.sbutton_fill.btn-green a:hover { color: #58BE89; background: #FFF; }
p.sbutton_fill .bluebtn { padding: 18px 0; border-radius: 5px; color: #FFF; background: #4D9FEB; box-shadow: 0 0 0 3px #4D9FEB inset; text-align: center; display: block; width: 100%; font-weight: bold; font-size: 1.8rem; font-size: 18px; }
p.sbutton_fill .bluebtn:hover { color: #4D9FEB; background: #FFF; }
p.sbutton_fill.chat_close {
    padding: 15px 0;
    text-align: center;
    display: block;
    width: 100%;
    border-radius: 5px;
    color: #FFF;
    font-weight: bold;
    font-size: 1.8rem;
    box-shadow: 0 0 0 3px #AAA inset;   
    background: #AAA;
}
.purpose {
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
}
.purpose:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 40px;
    height:46px;
    top: 16px;
    padding-left: 14px;
    background-repeat: no-repeat;
}
.purpose.icn_01:before { background-image: url("/sevice_shared/img/inquiry/icn_01.png"); }
.purpose.icn_02:before { background-image: url("/sevice_shared/img/inquiry/icn_02.png"); }
.purpose.icn_04:before { background-image: url("/sevice_shared/img/inquiry/icn_04.png"); }
.purpose.icn_05:before { background-image: url("/sevice_shared/img/inquiry/icn_05.png"); }
.snav_se_icn { padding-left:2em; text-indent:-2em; }
.business-hours { color: #999; font-size: 12px; font-size: 1.2rem; }
.inq-cate {
    padding: 0;
    background: #000;
    background: url("/sevice_shared/img/inquiry/ttl_bg.png") repeat-x;
}
.inq-cate span {
    position: relative;
    display: inline-block;
    line-height: 32px;
    height: 32px;
    padding: 0 20px 0 0;
    background-color: #FFF;
}
@media screen and (max-width:803px){
	.purpose { font-size: 16px; font-size: 1.6rem; }
}
@media screen and (max-width:739px){
    .ttl-icon { padding: 10px 0 10px 50px; background-size: 39px 39px; }
    .purpose { padding-bottom: 0; background-size: 20px 16px; }
    p.sbutton_fill { margin-top: 0; }
}

/* お問い合わせパネル＿チャット用 */
.contact_box_chat #cv_box ul li.contact_cp_chat a:hover{color:#4d9feb}

/* クラウド配下（/cloud/spec/vm.htmlなど）お知らせ欄用 */
.info .rightBox ul li span.category {
	background: #4d9feb;
	padding: 0 10px;
	margin: 0 15px 5px;
	color: #fff;
	font-size: 1.2rem;
	display: inline-block;
	text-align: center;
	width: 80px;
}

.flex {
    max-width: 1040px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
}

/* クラウド配下auto_brの下線 */
#available table tbody tr th span.auto_br:hover{
	text-decoration: underline;
}

/* セクション分ける下線（/cloud/slo/） */
.line {
	border-bottom: 2px solid #ccc;
}