div.fb-like {
	text-align: right;
	width: 100%;
	float: right;
}

.vertical-container {
  height: 300px;
}


/*------ヘッダー部分-----*/
div.ccm-page header div.container div#Header_Search .btn{
   /* border-radius: 20px;
     padding: 5px 15px 5px 15px;
    font-size: 1.2rem;*/
	display: none;
}

div.ccm-page header div.container .ccm-search-block-form .ccm-search-block-text {
    border: 1px solid #666666;
    color: #666666;
    /*border-radius: 30px;*/
    padding: 3px 0px 5px 30px;
    background-color: #ffffff;
	width: 100%;
}


div.ccm-page header div.container .ccm-search-block-form::before {
    content: "\f002";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    position: absolute;
    left: 14px;
    top: 3px;
    text-decoration: inherit;
    color: #666666;
}




/*------ヘッダー部分ここまで-----*/




@media (min-width:1200px) {

div.btn-text-area p a {
	width: 100%;
	height: 100%;
	display: block;
	color: #ffffff!important;
	border-radius: 10px;/* CSS3草案 */  
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;
	background-color: #2aade8;
	padding-top: 36px;
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	padding-bottom: 36px;
}

div.btn-text-area p a:hover {
	background-color: #83cae8;
	color: #ffffff;
}

}
@media (min-width:992px) and (max-width:1199px) {

div.btn-text-area p a {
	width: 100%;
	height: 100%;
	display: block;
	color: #ffffff!important;
	border-radius: 10px;/* CSS3草案 */  
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;
	background-color: #2aade8;
	padding-top: 36px;
	font-size: 110%;
	text-align: center;
	font-weight: bold;
	padding-bottom: 36px;
}

div.btn-text-area p a:hover {
	background-color: #83cae8;
	color: #ffffff;
}

}

@media (min-width:768px) and (max-width:991px) {

div.btn-text-area p a {
	width: 100%;
	height: 100%;
	display: block;
	color: #ffffff!important;
	border-radius: 10px;/* CSS3草案 */  
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;
	background-color: #2aade8;
	padding-top: 36px;
	font-size: 110%;
	text-align: center;
	font-weight: bold;
	padding-bottom: 36px;
}

div.btn-text-area p a:hover {
	background-color: #83cae8;
	color: #ffffff;
}

}
@media (max-width:767px) {

div#Header_Btn {
	/*visibility: hidden;*/
	/*display: none;*/
}

	div#Header_Navigation_Area {
	min-height: 80px;
	background-color: #000000;
	margin-top: 15px;
}	

	div.ccm-responsive-overlay {
	top: 190px;
	border-bottom: 5px solid #0096ff;
}

nav.ccm-responsive-navigation {
	text-align: center;
}

div.btn-text-area p a {
	width: 100%;
	height: 100%;
	display: block;
	color: #ffffff!important;
	border-radius: 10px;/* CSS3草案 */  
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;
	background-color: #2aade8;
	padding-top: 12px;
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	padding-bottom: 12px;
}

div.btn-text-area p a:hover {
	background-color: #83cae8;
	color: #ffffff;
}	
div.ccm-page header div.container .ccm-search-block-form {
    margin-top: 0px;
}
div.title-line {
	background-color: #ddd;
	padding: 0px!important;
	margin-bottom: 4rem;
}

div.ccm-page div.subtitle-line {
	background-color: #f2f2f2;
	color: #333333;
	padding-top: 0px;
	padding-bottom: 0px;
}


div.ccm-page div.subtitle-line h2.page-title {
	color: #333333;
	font: 180% "Lucida Grande", Lucida, Verdana, sans-serif;
}

div.ccm-page div.title-line div.container:last-child {
	padding-bottom: 10px;
}

div.ccm-page div.subtitle-line div.container:last-child {
	padding-bottom: 10px;
}
.ccm-custom-style-subtitle {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    border-style: none;
}
div.ccm-page h2 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}
}






h1.logo {
	background: url(images/logo_mcn.svg) no-repeat;
}

div.top-catch p {
	text-align: center;
}

div.top-catch p span.catch-text {
	font-size: 240%;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
}

/* HEADER部分 */

div.ccm-page header {
	min-height: 190px!important;
	max-height: 234px!important;
	padding-top: 10px!important;
	padding-bottom: 0px!important;
	background-color: #383838!important;
}

div#Header_Site_title {
	
}

div#Header_Btn {
	padding-top: 4px;
	text-align: right;
}

div#Header_Lang {
	text-align: right;
	padding-bottom: 4px;
	padding-top: 4px;
}

div#Header_Sub {
	text-align: right;
	padding-top: 4px;
}

div#Header_Search {
	/*text-align: right;*/
}

div#Header_Btn a {
	display: block;
	color: #ffffff!important;
	border-radius: 3px;/* CSS3草案 */  
    -webkit-border-radius: 3px;/* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;
	font-size: 90%;
	text-align: center;
	border: 1px solid #ffffff;
	float: right;
	padding: 10px 10px;
	margin-right: 6px;
	margin-bottom: 6px;
}

div#Header_Btn a:hover {
	background-color: #279ad2;
	color: #ffffff;
	text-decoration: none;
}

header .ccm-search-block-form {
    margin-top: 0px;
}

/* NAVI部分 */

div#Header_Navigation_Area {
	min-height: 80px;
	background-color: #000000;
	margin-top: 15px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

div#Header_Navigation_Area ul {
	margin: 0 auto;
	max-width: 1200px;
	float: none;
}

div.ccm-page header div#Header_Navigation_Area nav ul a:hover {
	color: #3a87e2;
}

div.ccm-page header div#Header_Navigation_Area nav ul a {
	color: #ffffff;
}

div.ccm-page header div#Header_Navigation_Area nav ul ul a {
	color: #666;
	padding-right: 20px;
}

div.ccm-page hr.normal {
  margin-top: 0px;
  margin-bottom: 10px;
  border-top: 1px solid #1282ca;
 }

div.ccm-page .btn-default {
	border-color: #666666!important;
}

div.ccm-page .btn-default:hover {
	border-color: #666666!important;
}

/* FOOTER部分 */

div.ccm-page footer#footer-theme {
	background-color: #333333;
	color: #aaa;
	margin-top: 8rem;
}

div.ccm-page footer#footer-theme a {
	color: #fff;
	font-size: 1.2rem;
}

div.ccm-page footer#footer-theme a:hover {
	color: #aaa;
	text-decoration: underline;
}

div.ccm-page footer#footer-theme section {
	background-color: transparent;
}

div.ccm-page footer#footer-theme div.footer_iso {
	text-align: right;
}

div.ccm-page footer#footer-theme span.h5 {
	border-bottom: 1px solid #aaa;
	display: block;
	padding-bottom: 4px;
	width: 100%;
	line-height: 1.42857;
}

div.footer_link span {
	white-space: nowrap;
	font-size: 1rem;
}

div.ccm-page footer#footer-theme ul {
	padding-left: 20px;
}

div.ccm-page footer#footer-theme section img {
	margin: 5px;
}

/* パーツ部分 */

.top-work {
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;
	background-color: #132c58;
	width: 100%;
	height: 80px;
	display: block;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 20px;
}

div.ccm-page div.title-line {
	background-color: #ddd;
	margin-bottom: 4rem;

}

div.subtitle-line {
	background-color: #f2f2f2;
	color: #333333;
	padding-top: 15px;
	padding-bottom: 15px;
}

div.ccm-page div.title-line h1.page-title {
	color: #27a6e1;
	font: normal 180% "Times New Roman";
	text-transform: none!important;
}

div.ccm-page div.subtitle-line h2.page-title {
	color: #333333;
	font: 180% "Lucida Grande", Lucida, Verdana, sans-serif;
}

div.ccm-page div.title-line div.container:last-child {
	padding-bottom: 10px;
}

div.ccm-page div.subtitle-line div.container:last-child {
	padding-bottom: 10px;
}

div.btn-text-area {
}

span.h1-text {
	color: #479f00;
	font-weight: bold;
	line-height: 3em;
}

span.h2-text {
	color: #479f00;
}

div.ccm-page h2.lgwan-asptitle{
	display: block;
	padding: 0.4em 0.4em 0.4em 1em;
	background-color: #1A3864;
	color: white;
} 



div.ccm-page main div.container:last-child {
	padding-bottom: 10px;
}

div.ccm-page hr {
  margin-top: 20px!important;
  margin-bottom: 20px!important;
  border-top: 1px solid #112b57!important;
 }

div.ccm-page div.area-content-accent{
	margin-top:  0!important;
}
/* TOPページ用 */

div#top-images-idc {
	text-align: center;
}

div#top-images-idc img {
	margin: 0 auto;
	padding: 0;
}

div#top-ribon {
	background-color: #007fc7;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
}

div.ccm-page main div.container:last-child {
	padding-bottom: 0!important;
}

table.info-tb th {
	background-color: #eeeeee;
	width: 25%;
}

/* お知らせページ */

div.ccm-page div.top-list h3 {
	color: #007ec6;
}

div.ccm-page main div.information-list a {
	color: #007ec6!important;
}

div.ccm-page main div.information-list a:hover {
	color: #005c92!important;
	text-decoration: underline!important;
}

div.ccm-page main div.ccm-block-page-list-page-entry {
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.all-information {
	text-align: right;
}

div.page-date {
	margin: 0;
	padding: 0;
	text-align: right;
}

div.page-template-info main li {
	margin-bottom: 10px;
}

/* テーブル設定 */

table.table th {
	width: 22%;
	background-color: #eeeeee;
	white-space: nowrap;
}


div.ccm-page div.title-line h1.page-title {
	font-size:150%!important;
}
div.ccm-page h1.page-title main{
    padding-bottom: 10px!important;
    padding-top: 10px!important;
}
 /*//////////////////見出し//////////////////*/
 /* 垂直方向のマージンを統一 */
 h2 {
    margin-bottom : 50px !important;  
    margin-top : 50px !important;  
}



 /*////////////////// ミライネットデータセンターパークプロジェクト//////////////////*/
 p.mdp-p { line-height: 3.5rem}
 
 .mdp-img-title1{
 margin: 120px 0px 80px 0px
 }
 
  .mdp-img-title2{
 margin: 100px 0px 50px 0px
 }
 
 
 
 /*////////////////// iDCギャラリー//////////////////*/
  
.ccm-image-slider-container {
	  position:relative !important;
  }
 
 .ccm-image-slider-inner{
	  margin:5% !important;
 }

  
 /* 写真内文字*/
div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
	color: #333333 !important;
    font-size: 2rem !important;
	padding-left:2% !important;
	margin-top: 2% !important;
	 	}
		
 .ccm-image-slider-text  p{
	color: #333333 !important;
    font-size: 1.5rem !important;
	padding-left: 2%  !important;
	
	 	}

div.ccm-image-slider-text p {
	color:333333 !important;
	margin-top: -5rem !important;
		width: 100% !important;
}


 /* 文字の乗る半透明枠*/

.ccm-image-slider-text {
    position: absolute !important;
    width: 100% !important;
	height:30% !important;
	left:0	!important;
	top:70%	!important;
	background-color: rgba(255,255,255,0.75) !important;
	overflow :auto !important;
}

.rslides {
  position: relative!important;
  list-style: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;

}
  

 /* ボタン*/
div.ccm-page .ccm-image-slider-container .rslides_nav.prev {
  left: -5% !important;
}

div.ccm-page .ccm-image-slider-container .rslides_nav.next {
  right: -5% !important;
}

  
  
  
 /*////////////////// ご契約中のお客様　各種変更について//////////////////*/
#okurisaki{
	    font-size: 2rem !important;
	}

  /*//////////////////会社概要アクセスのところに飛ばす用//////////////////*/
#acsess{
}

  /*/////Pマーク用背景////////*/
.isms-bg{
	width:240px;
	background-color:#FFFFFF;
	float:right;
}

 /*//////////////////パンくず//////////////////*/
 div.ccm-page .breadcrumb {
    background-color: transparent;
    padding: 0px;
	margin: 20px!important;
	font-size: 1.3rem;
}
div.ccm-page .bk-gray {
    background-color: #e8eaea;
}
div.ccm-page .bk-gray_bread{
	padding-bottom: 0px!important;
}
div.ccm-page div.bk-gray_bread .breadcrumb a{
    color: #1170c7 !important;
    text-decoration: none;
}