@charset "shift-jis";
body{
	color:#000;/* 文字色 */
	font-size:90%;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック",verdana,arial,"lucida grande",sans-serif;
	line-height:1.5;
	-webkit-text-size-adjust: 100%;
}

img{
	max-width: 100%;
}
a:link{ color:#196ACA; text-decoration:none; }
a:hover{ color:#196ACA; text-decoration:underline; }
a:active{ color:#196ACA; }
a:visited{ color:#196ACA; }

.linkimg:hover{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.sol_crm_textCenter,
.textCenter{
	text-align: center;
}
.clearboth{
	clear: both;
}
.clearover{
	overflow: hidden;
}
.SP{display:none !important;}
@media only screen and (max-width:667px){
	.PC{display:none !important;}
	.SP{display:block !important;}
}


/******************************************************/
/* ヘッダー */
/******************************************************/

.head_wrapper{
	position:relative;
	width:980px;
	margin:0 auto;
}

header{ height:118px; }
header:before,
header:after { content: " "; display: table; }
header:after { clear: both; }
header { *zoom: 1; }


header h1{
	position:absolute;
	top:30px;
}

/* メルマガボタン表示時有効 上記非表示 */
.head_cw_logo{
	display: flex;
	position:absolute;
	top:18px;
	right:0;
	margin-bottom:17px;
}

.mailmag{
	position:absolute;
	right:0;
	top:71px;
}

/* ヘッダ SNS　*/
.snsArea {
	position:absolute;
	right:0;
	top:78px;
}

.snsArea .snsInner .sns_go{
	display: none;
	margin:3px 0 0 0 ;
	float:left;
}

.snsArea .snsInner .sns_tw{
	margin:5px 0 0 15px;
	/*float:left;*/
	float: right;
}

.snsArea .snsInner .sns_fb{
	display: none;
	margin:4px 30px 0 15px;
	float:left;
}

/* SP */
@media only screen and (max-width: 667px) {

.head_wrapper{
	position: static;
	width:100%;
	margin:0 auto;
}

header{
	width:100%;
	margin:0 auto;
	height: auto;
	position: relative;
}

header h1{
	position: static;
	width:50%;
	max-width:316px;
	margin: 28px 0 5px 2%;
}

header h1 img{
	width:100%;
	height:auto;
}

.head_cw_logo{
	width: 35%;
	margin-bottom:0;
	position:absolute;
	right: 2%;
	top: 10px;
}

.head_cw_logo img{
	width:100%;
	height:auto;
}

/* ヘッダ SNS　*/
.snsArea {
		width:100%;
		height:30px;
		position: static;
		border:1px solid #CCC;
		border-left:none;
		border-right:none;
		padding:10px 0;
		display: none; /* ◆◆◆ 追加 ◆◆◆ */
	}

.snsArea .snsInner{
	width:210px;
	margin:0 auto;
}

.snsArea .snsInner .sns_fb{
	margin:4px 0 0 15px;
}

.snsArea:before,
.snsArea:after {
    content: " ";
    display: table;
}

.snsArea:after {
    clear: both;
}

.snsArea {
    *zoom: 1;
}

}


/******************************************************/
/* ナビゲーション */
/******************************************************/

nav{
	background:url(../img/nav_bg.png) repeat-x;
	height:62px;
	color: #000;
}

.menu-container {
  width: 980px;
  margin: 0 auto;
  background: none;
}

.menu-mobile {
  display: none;
}
.menu-mobile:after {
  background: url(../img/sp_nav_close.png) no-repeat;/*モバイル用メニューに表示するアイコン*/
  font-size: 2.5rem;
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%);
}
.menu-dropdown-icon:before {
  background: url(../img/sp_nav_open.png) no-repeat;/*モバイル用メニューに表示するアイコン*/
  display: none;
  cursor: pointer;
  float: right;
  padding: 1.5em 2em;
}
.menu > ul {
	display: flex;
  width: 980px;
  list-style: none;
  padding: 0;
  position: relative;
  box-sizing: border-box;
}
/*.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}
.menu > ul:after {
  clear: both;
}*/
.menu > ul > li {
  /* float: left; */
  background: none;
  padding: 0;
  margin-top: 1px;
	width:162px;
	height:56px;
	border-left:1px solid #CCCCCC;
	font-size:90%;
	text-align:center;
	border-bottom:5px solid #85A1BE;
}

.menu > ul > li.nav-last {
	border-right:1px solid #CCCCCC;
	width:163px;
}

.menu > ul > li a {
  text-decoration: none;
  display: block;
}
.menu > ul > li:hover {
	border-bottom:5px solid #144B85;
}
.menu > ul > li > ul {
  display: none;
  width: 162px;
  background: #144B85;
	background: rgba(20,75,133,0.9);
  padding: 0;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 5px 0 0 0;
  list-style: none;
  box-sizing: border-box;
	text-align:left !important;
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li {
  margin: 0;
  padding: 0 !important;
  list-style: none;
  width: auto;
  background: none;
  float: left;
	border-bottom:1px solid #FFF;
}
.menu > ul > li > ul > li a {
  color: #FFF;
  padding: 0;
  width: 100%;
  display: block;
}
.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0 0;
  list-style: none;
  box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 10px 0;
  margin: 0;
  font-size: .8em;
}
.menu > ul > li > ul > li > ul > li a {
  border: 0;
}
.menu > ul > li > ul.normal-sub {
  width: 250px;
  left: auto;
  padding:0;
}
.menu > ul > li.nav-last > ul.normal-sub {
  right: 0;
}
.menu > ul > li > ul.normal-sub > li {
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 1em;
}

/* SP */
@media only screen and (max-width: 667px) {

nav{
	background: none;
}

.menu-container {
	width: 100% !important;
	font-size:120%;
	position:absolute;
	z-index:1;
}
.menu-mobile {
	display: block;
	text-align:center;
	background:#EEE;
	color:#144B85;
	border-bottom:1px solid #FFF;
	padding:1.2em;
}
.menu-mobile span{
  display: none;
}
.menu-mobile span img{
  width: auto;
  height: 21px;
}
.menu-mobile span.show{
  display: block;
  text-align: right; /* ◆◆◆ 追加 ◆◆◆ */
}
.menu-dropdown-icon:before {
	display: block;
}
.menu > ul {
	display: none;
	width:100%;
	background:#144B85;
}
.menu > ul > li {
	width: 100%;
  height: auto;
	float: none;
	display: block;
	text-align:left;
	border-left:none;
	border-bottom:1px solid #FFF;
	background: #144B85;
	margin-top:0;
}
.menu > ul > li.nav-last {
	border-right:none;
	width:100%;
}
.menu > ul > li.menu-dropdown-icon > a{
  background: url(../img/sp_nav_open.png) 96% center no-repeat;
  -webkit-background-size: 21px 12px;
  background-size: 21px 12px;
}
.menu > ul > li.menu-dropdown-icon > a.open{
  background: url(../img/sp_nav_close.png) 96% center no-repeat;
  -webkit-background-size: 21px 12px;
  background-size: 21px 12px;
}
.menu > ul > li a{
  width: 82%;
  padding: 1.5em 12% 1.5em 6%;
  display: block;
  color:#FFF;
  font-size: 110%;
 }

.menu > ul > li:hover {
	border-bottom:1px solid #FFF;
}

.menu > ul > li > ul {
  position: relative;
  background: #376697;
  margin:1px 0 0;
  padding:0;
}

.menu > ul > li > ul > li {
  width: 100%;
  float: none;
  display: block;
  text-align:left;
  border-left:none;
  border-bottom:1px solid #144B85;
  background: #376697;
  margin-top:0;
}

.menu > ul > li > ul > li a {
  padding: 1.5em;
  width: 100%;
  display: block;
  color:#FFF;
}

.menu > ul > li > ul > li:first-child {
  margin: 0;
  }

.menu .show-on-mobile {
  display: block;
 }

.menu > ul > li > ul.normal-sub {
  width: 100%;
  left: auto;
  padding:0;
  font-size:100%;
}

.menu > ul > li > ul.normal-sub > li {
  width: 100%;
  border-bottom: 1px solid #144B85;
  display: block;
}

.menu > ul > li > ul.normal-sub > li a {
  width: 88%;
	padding: 1.5em 6% 1.5em 6%;
  display: block;
	color:#FFF;
}

}


/******************************************************/
/* パンくず */
/******************************************************/

div#breadCrumbSection{
	margin:7px auto 10px;
	color: #4d4d4d;
	font-size: 77%;
	width:980px;
}

div#breadCrumbSection a{
	color: #12467e;
	text-decoration:none;
}

div#breadCrumbSection ul li {
	display: inline;
    margin-right: 5px;
}

/* anchor */
div#breadCrumbSection ul li a {
	padding: 0 8px 0 0;
	background: url(../img/breadCrumb_arrow.gif) center right no-repeat;
}


/* SP */
@media only screen and (max-width:667px){

	div#breadCrumbSection{
		width:98%;
		margin:20px auto;
	}
}


/******************************************************/
/* トップ コンテンツ */
/******************************************************/

/* コンテンツ */

#wrapper{
	width:980px;
	margin:0 auto;
	padding:0;
	display: flex;
	justify-content: space-between;
	position:relative;
	z-index:0 !important;
}

.top_wrapper{
	padding:20px 0 0 0 !important;
}

.inner_contents{
	width:718px;
	overflow:hidden;
	padding-bottom:50px;
}

.inner_contents h2{
	background:#227AAA;
	font-size:120%;
	font-weight:bold !important;
	color:#FFF;
	height:50px;
	line-height:50px;
	padding-left:10px;
}



.pickup{
	background:#081B30;
	padding-bottom:5px;
	margin-bottom:50px;
}

.pickup h2{
	font-size:140%;
	background:url(../img/top_pickup_ttl.png) no-repeat;
	color: #FFF;
}

.pickup h2 span{
	font-size:90%;
}

.pickup_block:after{
	content: "."; display: block; height: 0; font-size:0%;	clear: both; visibility:hidden;
}

.pickup_block{
	background:#2D3D4F;
	margin:5px 4px 0 4px;
	padding:10px 6px;
	display: inline-block;
	position:relative;
}
/* ◆◆◆ 追加 start ◆◆◆ */
.pickup_block:nth-of-type(4),
.pickup_block:nth-of-type(5){
	display: none;
}
/* ◆◆◆ 追加 end ◆◆◆ */
.pickup_block p.linkarea a{
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	text-align:left;
	text-indent:-9999px;
	background:/*\**/:#fff\9; /*IE7,8用*/
	filter:alpha(opacity=0);
	color: #FFF;
}

.pickup_block p.linkarea a:hover{
	background:#FFF;
	opacity: 0.1 ;
}


.pickup_block .pickup_img{
	float:left;
	width:236px;
	margin-right:10px;
}

.pickup_block dl{
	float:right;
	width:450px;
	text-align:left;
	color:#FFF;
}

.pickup_block dl dt{
	font-size:140%;
	font-weight:bold;
	margin:7px 0;
	letter-spacing:-0.05em;
}

.information{
	margin-bottom:30px;
}

.information h2{
	margin-bottom:20px;
}

.information dl:after{
	content: "."; display: block; height: 0; font-size:0%;	clear: both; visibility:hidden;
}

.information dl{ display: inline-block; margin-bottom:7px; font-size:90%; }

.information dt{
	float:left;
	width:90px;
	margin-left:10px;
}

.information dd{
	float:left;
	width:610px;
}

.category_icon{
	margin:0 !important;
	padding:0 !important;
	line-height:1 !important;
}
.category_icon img{
	width:120px;
	height:20px;
}

.linkicon{
	display:inline-block;
	/display:inline; /*IE7*/
	/zoom:1; /*IE7*/
	background:url(../img/icon_link_arrow.png) no-repeat left 0.4em;
	padding-left: 1.2em;
}

@media all and (-ms-high-contrast:none){
.linkicon{
	background:url(../img/icon_link_arrow.png) no-repeat left 0.2em;
}
}

.linkicon2{
	display:inline-block;
	/display:inline; /*IE7*/
	/zoom:1; /*IE7*/
	background:url(../img/icon_link_arrow.png) no-repeat left 0.2em;
	padding-left: 1.2em;
}

.articles_list{
	margin-bottom:50px;
}
.articles_list ul:after{
	content: "."; display: block; height: 0; font-size:0%;	clear: both; visibility:hidden;
}

.articles_list ul{
	display: inline-block;
	margin:20px 0;
}

.articles_list ul li{
	float:left;
	margin-right:2px;
}

.articles_list ul li:last-child{
	margin-right:0 !important;
}

.articles_list ul li img{
	width:88px;
	height:36px;
}

.articles_wrapper:after{
	content: "."; display: block; height: 0; font-size:0%;	clear: both; visibility:hidden;
}

.articles_wrapper{
	width:723px;
	overflow:hidden;
}

.articles_wrapper .articles_box{
	width:236px;
	min-height:300px;
	margin:0 5px 20px 0;
	float:left;
    position: relative;
}
.articles_wrapper .articles_box p.linkarea a{
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	text-align:left;
	text-indent:-9999px;
	background:/*\**/:#fff\9; /*IE7,8用*/
	filter:alpha(opacity=0);
}

.articles_wrapper .articles_box p.linkarea a:hover{
	background:#FFF;
	opacity: 0.2 ;
}

.articles_wrapper .articles_box p.date{
	margin:7px auto;
	width:216px;
	font-size:90%;
	color:#666666;
}

.articles_wrapper .articles_box dl{
	width:216px;
	margin:0 auto;
}

.articles_wrapper .articles_box dt{
	font-size:100%;
	color:#134B85;
	margin:0 0 7px 0;
}

.articles_wrapper .articles_box dd{
	font-size:90%;
}

.category_icon img{
	max-width:120px;
	height:auto;
}

/*　右カラム */
.side_column{
	width: 257px;
	background-color: #E7EDF3;
}

.side_column .free_area{
	padding:0 0 30px 0;
	background-color: #fff;
}

.side_bnrArea{
	padding-top:15px;
	background: #E7EDF3;
}

.side_bnrArea p{
	width:237px;
	margin:0 auto 20px;
}

/*　ページトップへ */
#wrapper .pagetop{
	position: absolute;
	bottom:0;
	left: 640px;
}

#wrapper .pagetop p{
	width:50px;
	height:50px;
}

#wrapper .pagetop p img{
	width:100%;
	height:auto;
}

.pagetop_SP{
	display:none;
}


/* SP */
@media only screen and (max-width:667px){

#wrapper{
	display: block;
	width:100%;
	margin:0 auto;
	padding:0;
}

.top_wrapper{
	padding:20px 0 0 0;
}

.inner_contents{
	width:98%;
	margin:0 auto;
}

.inner_contents h2{
	font-size:110%;
}

.pickup{
	background:#081B30;
	padding-bottom:5px;
	margin-bottom:6px; /* ◆◆◆ 追加 ◆◆◆ */
	width:100%;
}

.pickup h2{
	font-size:120%;
	background:url(../img/top_pickup_ttl.png) no-repeat;
}

.pickup h2 span{
	font-size:90% !important;
}

 /* ◆◆◆ 追加 start ◆◆◆ */
.pickup_block_wrap{
	overflow-y:scroll;
	height: 450px;
}
 /* ◆◆◆ 追加 end ◆◆◆ */

.pickup_block{
	width:94%;
	margin:5px 0 0 1% !important;
	padding:10px 2%;
}

 /* ◆◆◆ 追加 start ◆◆◆ */
.pickup_block:nth-of-type(4),
.pickup_block:nth-of-type(5){
	display: block;
}
 /* ◆◆◆ 追加 end ◆◆◆ */

.pickup_block .pickup_img{
	width:30%;
	margin-right:0;
}

.pickup_block .pickup_img img{
	width:100%;
	height:auto;
}

.pickup_block dl{
	width:67%;
}

.pickup_block dl dt{
	font-size:110%;
}

 /* ◆◆◆ 追加 start ◆◆◆ */
.free_area.SP img{
	width:100%;
	height:auto;
}
 /* ◆◆◆ 追加 end ◆◆◆ */

.information dl{ font-size:100%; }

.information dt{
	float:none;
	width:100%;
	margin-left:0;
}

.information dd{
	float:none;
	width:100%;
}

.articles_list{
	margin-bottom:0;
}
.articles_list ul:after{
	content: "."; display: block; height: 0; font-size:0%;	clear: both; visibility:hidden;
}

.articles_list ul{
	display: inline-block;
	margin:20px 0;
}

.articles_list ul li{
	float:left;
	margin:0 1% 5px 0 !important;
	width:32%;
	max-width:213px;
}

.articles_list ul li:last-child{
	margin-right:0 !important;
}

.articles_list ul li img{
	width:100%;
	height: auto;
}

.articles_wrapper{
	width:100%;
	border-bottom:1px solid #CCC
}

.articles_wrapper .articles_box:after{
	content: "."; display: block; height: 0; font-size:0%;	clear: both; visibility:hidden;
}

.articles_wrapper .articles_box{
	width:100%;
	min-height:inherit;
	margin:0 0 0 0;
	float:none;
	border-top:1px solid #CCC;
	padding:15px 0;
}

.articles_wrapper .articles_box .articles_img{
	float:left;
	width:30%;
}

.articles_wrapper .articles_box .articles_img .category_icon{
	width:100%;
	max-width:120px;
}

.articles_wrapper .articles_box .articles_img img{
	width:100%;
	height:auto;
}

.articles_wrapper .articles_box p.linkarea a{
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	text-align:left;
	text-indent:-9999px;
	background:/*\**/:#fff\9; /*IE7,8用*/
	filter:alpha(opacity=0);
}

.articles_wrapper .articles_box p.linkarea a:hover{
	background:#FFF;
	opacity: 0.2 ;
}

.articles_wrapper .articles_box p.date{
	float:right;
	margin:0;
	width:67%;
}

.articles_wrapper .articles_box dl{
	float:right;
	width:67%;
	margin:0;
}

.articles_wrapper .articles_box dt{
	font-size:110%;
	color:#134B85;
	margin:0 0 7px;
}

.articles_wrapper .articles_box dd{
	font-size:90%;
}

/*　右カラム */
.side_column{
	width:100%;
	float:none;
	margin:0;
	padding:0;
}

.side_column .free_area{
	width: auto;
	margin:0 2%;
	padding: 20px 0 0;
	background-color: transparent;
}

.side_column .free_area img{
	width:100%;
	height:auto;
}

.side_bnrArea:after{
	content: "."; display: block; height: 0; font-size:0%;	clear: both; visibility:hidden;
}

.side_bnrArea{
	padding:0;
	margin: 0 2%;
}

.side_bnrArea p{
	width: auto;
}

.side_bnrArea p img{
	width:100%;
	height:auto;
}

/*　ページトップへ */
#wrapper .pagetop{
	display:none;
}

.pagetop_SP{
	display:block;
}

.pagetop_SP p{
	width:100%;
	text-align:right;
}

.pagetop_SP p img{
	width:50px;
	height:50px;
}


}


/******************************************************/
/* スライダー */
/******************************************************/

.flexslider {
	visibility:hidden;
  margin: 0 0 88px 0;
  background: #ffffff;
  border: 1px solid #ffffff;
  position: relative;
  zoom: 1;
}


.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}


.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}


/* next back */

.flex-direction-nav a {
	display: none;/* 表示の場合はここを変更 */
	margin: -10px 0 0;
	position: absolute;
	top: 50%;
	overflow: hidden;
}


.flex-direction-nav .flex-prev {
	background:url(/comware_plus/img/main_arrow_left.png) left center no-repeat!important;
	width:10px;
	text-indent:99999px;
	left:-20px;
}


.flex-direction-nav .flex-next {
	background:url(/comware_plus/img/main_arrow_right.png) left center no-repeat!important;
	width:10px;
	text-align:right;
	text-indent:99999px;
	right:-20px;
}



/* 再生・停止ボタン */

.flex-pauseplay a {
  /*display: none; 表示の場合はここを変更 */
  width: 23px;
  height: 23px;
  position: absolute;
  bottom: -35px;
  left: 0px;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
	color: #ff0000;
}
	.flex-pauseplay a.flex-pause {
		background:url(/comware_plus/common/img/bg_play_pause.png) left bottom no-repeat !important;
		text-indent:-9999px!important;
		color: #000;
/*		left:33px;*/
	}

	.flex-pauseplay a.flex-play {
		background:url(/comware_plus/common/img/bg_play_pause.png) left top no-repeat !important;
		text-indent:-9999px!important;
		color: #000;
	}

	/* 画像下ナビ */

	.flex-control-nav {
	  width: 100%;
	  position: absolute;
	  bottom:-40px;
	  text-align: center;
		display:block!important;
	}
		.flex-control-nav li {
		  margin: 0 5px;
		  display: inline-block;
		  zoom: 1;
		  *display: inline;
		}

		.flex-control-paging li a {
		  width: 14px;
		  height: 14px;
			border-radius: 7px;
		  display: block;
		  background: #999999!important;
		  background: rgba(0, 0, 0, 0.5);
		  cursor: pointer;
		  text-indent: -9999px;
		  color: #000;
		}


		.flex-control-paging li a.flex-active {
		  background: #13467e!important;
		  background: rgba(0, 0, 0, 0.9);
		  cursor: default;
		  color: #FFF;
		}


	/*
	.flex-pauseplay a {
	  bottom: 3px;
	  left: 3px;
	*/
	}


/* SP */
@media only screen and (max-width:667px){

.flexslider {
	width:100%;
	height:auto;
	visibility:hidden;
  margin: 0 0 88px 0;
  background: #ffffff;
  border: 1px solid #ffffff;
  position: relative;
  zoom: 1;
}

.flexslider img{
	width:100%;
	height:auto;
}


	.flex-direction-nav a {
		display:none;
		position: absolute;
		top:auto!important;
		bottom:0;
	}

		.flex-direction-nav .flex-prev {
			background:url(/comware_plus/img/main_arrow_leftSP.png) left center no-repeat!important;
			width:17px;
			height:17px;
			left:0;
		}

		.flex-direction-nav .flex-next {
			background:url(/comware_plus/img/main_arrow_rightSP.png) left center no-repeat!important;
			width:17px;
			height:17px;
			right:0;
		}

}


/******************************************************/
/* ランキング */
/******************************************************/

	/* アコーディオン PC */
@media screen and (min-width: 679px) {
	 /* ◆◆◆ 追加 start ◆◆◆ */
		#rankingAreaSp{
			display: none;
		}
		#rankingArea{
			display: block;
		}
		 /* ◆◆◆ 追加 end ◆◆◆ */
		#acMenu .ac{
	  	display:block!important;
	  }
}

	/* アコーディオン  SP*/
@media screen and (max-width: 679px) {
	 /* ◆◆◆ 追加 start ◆◆◆ */
		#rankingAreaSp{
			display: block;
		}
		#rankingArea{
			display: none;
		}
		 /* ◆◆◆ 追加 end ◆◆◆ */
		#acMenu h2.SP{
			background:url('/comware_plus/common/img/ic_ranking.png') no-repeat 18px 9px,url(https://www.nttcom.co.jp/comware_plus/common/img/ran_swich01.png) center right no-repeat #000!important; /* ◆◆◆ 背景の指定変更 ◆◆◆ */
		  display:block;
		  cursor:pointer;
		}
		#acMenu .ac{
	  	display:block; /* ◆◆◆ 変更 ◆◆◆ */
	  }

	#acMenu h2.SP.active{
	  background:url('/comware_plus/common/img/ic_ranking.png') no-repeat 18px 9px,url(https://www.nttcom.co.jp/comware_plus/common/img/ran_swich02.png) center right no-repeat #000!important; /* ◆◆◆ 背景の指定変更 ◆◆◆ */
  }
}

.ranking{
	width:257px;
	padding:0 1px 1px;
	margin-bottom:25px;
	background:#ffffff;
}

.ranking h2.title{
	text-align:center;
	font-size:120%;
	height:50px;
	line-height:50px;
	color:#ffffff;
	background:url('/comware_plus/common/img/ic_ranking.png') no-repeat 18px 9px #000!important; /* ◆◆◆ 背景の指定変更 ◆◆◆ */
	 /* ◆◆◆ 追加 start ◆◆◆ */
	padding: 0 0 0 56px;
	text-align: left;
	 /* ◆◆◆ 追加 end ◆◆◆ */
}

	.ranking  .num{
		font-weight:bold;
		font-size:90%;
	}

		.ranking  .num span{
			display:block!important;
			width:237px;
			text-align:center;
			color:#313131;
			background:#E7F0CC;
		}
	.ranking .ranSet:after {display:block;content:"";clear:both;overflow:hidden;}
	.ranking .ranSet {
		padding:10px 0 15px;
	}


	.ranking .ranSet .sam{
		padding:0 12px 0 0;
		float:left;
		width:45px;
	}

		.ranking .ranSet .rName{
			float:left;
			font-size:90%;
			width:178px;
			margin:-2px 0 0 0;
		}
			.ranking .ranSet .rName a{
				text-decoration:none;
				color:#0a77ba;
			}

/* タブ切り替え */
/* tabEventMenu */

	.tabEventMenu ul:after {display:block;content:"";clear:both;overflow:hidden;}
		.tabEventMenu ul li{
			float: left;
    	margin-right:10px;
		}
		.tabEventMenu ul li.current{
			margin-top: 0!important;
		}

	/* column2 */
	.tabEventMenu.column2 ul li{
		width:128px;
	}
	.tabEventMenu.column2 li.column1{
    margin-right:1px;
  }
  .tabEventMenu.column2 li.column2{
    margin-right:-1px;
  }

			.tabEventMenu ul li span,
			.tabEventMenu ul li a{
				margin:0 0 8px 0;
				cursor:pointer;
				display:block;
				background:#eeeeee;
				color:#000000;
				text-align: center;
				padding:2px 0 2px 0;
			}


			.tabEventMenu ul li.current span,
			.tabEventMenu ul li.current a{
				color:#196ACA;
				cursor:default;
			}

		.tabEventMenu.BLUE ul li.current a,
		.tabEventMenu.BLUE ul li.current span{ background-color:#ffffff; }


.tabEventBlock{
	padding:9px 9px 9px 8px;
	background: #fff;
	display: none;
}

 /* ◆◆◆ 追加 start ◆◆◆ */
	.ranking .itemlist{
		padding: 10px 6px;
	}
/* ◆◆◆ 200323 修正 start ◆◆◆ */
	.ranking .itemlist a:hover{
		text-decoration: none;
		opacity:0.8;
	}
/* ◆◆◆ 200323 修正 end ◆◆◆ */
	.ranking .item{
		max-width: 245px;
		width: 100%;
		margin-bottom: 15px;
	}

	.ranking .item-v{
		margin-bottom: 7px;
	}
/* ◆◆◆ 200323 修正 start ◆◆◆ */
	.ranking dl{
		position: relative;
		color: #FFF;
		background: rgba(8,27,48,0.75);
		padding: 10px 8px 10px 11px;
		width: 100%;
		box-sizing:border-box;
		margin-top:-50px;
	}
/* ◆◆◆ 200323 修正 end ◆◆◆ */
	.ranking dt{
		float: left;
		font-size: 157.1%;
	}

	.ranking dd{
		margin-left: 27px;
		border-left: #fff 1px solid;
		padding-left: 9px;
		min-height: 30px; /* ◆◆◆ 200323 追加 ◆◆◆ */
	}
 /* ◆◆◆ 追加 end ◆◆◆ */

/* SP */
@media screen and (max-width: 679px) {

	.ranking  .num{
		margin:0 0 0 0;
	}

	.ranking  .num{
		font-weight:bold;
		font-size:90%;
	}

		.ranking  .num span{
			width:100%;
		}

	.ranking{
		line-height:140%;
		width:100%;
		margin:0;
		float:none!important;
		padding:0;
	}
		.ranking .ranSet .sam{
			display:none;
		}
			.ranking .ranSet .rName{
				width:100%;
			}

	.tabEventMenu ul{
		padding:0 !important;
	}
		.tabEventMenu ul li{
			width: 50% !important;
			margin:0 0 0 0 !important;
			margin-bottom:2px !important;
		}
			.tabEventMenu ul li span,
			.tabEventMenu ul li a{
				padding:10px 30px 8px 30px;
			}
			.tabEventMenu ul li.current span,
			.tabEventMenu ul li.current a{
				padding:10px 30px 8px 30px;
			}

 /* ◆◆◆ 追加 start ◆◆◆ */
		.ranking .itemlist{
			padding-bottom: 60px;
		}

		.ranking .item{
			max-width: 100%;
		}

		.ranking .item-v img{
			width: 100%;
		}

		.ranking dt{
			padding: 0;
		}

		.ranking dd{
		}
 /* ◆◆◆ 追加 end ◆◆◆ */

}


/******************************************************/
/* フッター */
/******************************************************/

footer{
	border-top:solid 1px #144B85;
	width:100%;
	color:#31455b;
}

	footer .ftSet{
		padding:15px 0 0 0;
		width:980px;
		margin:0 auto 0 auto;
	}

		footer .ftSet .ftLeft{
			float:left;
		}

			footer .ftSet .ftLeft .logo{
				padding:4px 0 0 0;
				margin-right:10px;
				float:left;
			}
			footer .ftSet .ftLeft .info{
				padding:6px 0 0 0;
				font-size:80%;
				line-height:150%;
				float:left;
			}

		footer .ftSet .ftRight{
			text-align:right;
			font-size:85%;
			float:right;
		}


/* SP */
@media only screen and (max-width:667px){

	footer{
		width:auto;
	}

		footer .ftSet{
			padding:10px;
			width:auto;
		}

		footer .ftSet .ftLeft{
			float:none!important;
		}

			footer .ftSet .ftLeft .logo{
				text-align: center;
				margin-bottom:10px;
				float:none!important;
			}
			footer .ftSet .ftLeft .info{
				float:none!important;
			}


		footer .ftSet .ftRight{
			margin-top:5px;
			text-align:left!important;
			float:none!important;
		}
}



/******************************************************/
/* 下部階層 一覧 */
/******************************************************/


.second_directory h2{
	background:#144B85;
	font-size:160%;
	font-weight:bold !important;
	color:#FFF;
	height:78px;
	line-height:78px;
	padding-left:10px;
	margin-bottom:20px;
}

.second_directory h2.technology{
	border-left:15px solid #2380B2;
}
.second_directory h2.trend{
	border-left:15px solid #0090AA;
}
.second_directory h2.bigdata{
	border-left:15px solid #007FFF;
}
.second_directory h2.cloud{
	border-left:15px solid #88AC97;
}
.second_directory h2.security{
	border-left:15px solid #9A8D01;
}
.second_directory h2.solution{
	border-left:15px solid #E1920D;
}
.second_directory h2.business{
	border-left:15px solid #9475B9;
}
.second_directory h2.column{
	border-left:15px solid #C25E5F;
}
.second_directory h2.case{
	border-left:15px solid #006282;
}

.second_directory h3{
	border-bottom:1px solid #144B85;
	border-left:5px solid #144B85;
	font-size:140%;
	font-weight:bold !important;
	color:#144B85;
	height:40px;
	line-height:40px;
	padding-left:10px;
	margin-bottom:20px;
}

/* SP */

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

.second_directory h2{
	font-size:130%;
	padding:15px 5px 15px 10px;
	height:auto;
	line-height:1.2em;
}

.second_directory h3{
	font-size:120%;
	padding:10px 5px 10px 10px;
	height:auto;
	line-height:1.2em;
}

}

/* 一覧ページネーション */
#pageNav{
	clear: both;
}
#article .pageNav01 {
	margin: 0 0 10px;
	padding: 20px 10px 5px;
	text-align: center;
}

#article .pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#article .pageNav01 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #144B85;
	color:#FFF;
	border: 1px solid #144B85;
	text-decoration: none;
	vertical-align: middle;
}

#article .pageNav01 li span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	color:#144B85;
	border: 1px solid #144B85;
	text-decoration: none;
	vertical-align: middle;
}

*::-ms-backdrop, ul.pageNav01 li a {
	padding: 3px 8px 0px; /* IE11 */
}

*::-ms-backdrop, ul.pageNav01 li span {
	padding: 3px 8px 0px; /*IE11 */
}


ul.pageNav01 li a:hover {
	background: #FFF;
	color:#144B85;
	border: 1px solid #144B85;
}

/* 記事詳細ページネーション */

ul.pageNav01 {
	margin: 0 0 10px;
	padding: 20px 10px 5px;
	text-align: center;
	font-weight:bold;
	font-size:110%;
}

ul.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

ul.pageNav01 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #144B85;
	color:#FFF;
	border: 1px solid #144B85;
	text-decoration: none;
	vertical-align: middle;
}

ul.pageNav01 li span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	color:#144B85;
	border: 1px solid #144B85;
	text-decoration: none;
	vertical-align: middle;
}

*::-ms-backdrop, ul.pageNav01 li a {
	padding: 3px 8px 0px; /* IE11 */
}

*::-ms-backdrop, ul.pageNav01 li span {
	padding: 3px 8px 0px; /*IE11 */
}


ul.pageNav01 li a:hover {
	background: #FFF;
	color:#144B85;
	border: 1px solid #144B85;
}

/******************************************************/
/* 下部階層 記事ページ */
/******************************************************/
/*color*/
.bold {font-weight: bold;}
.color_rd {color:#cc0033;}
.color_or{color:#C64500;}
.color_gr{color:#006c14;}
.color_grr{color:#168085;}
.color_grrr{color:#00827E;}
.color_br{color:#13477e;}
.color_gl{color:#946b00;}
.color_wh{color:#ffffff;}
.color_c_gr{color:#0f7871;}

.sol_crm_bold{font-weight: bold;}
.small_b{
    display: block;
    line-height: 170%;
}
.font_min{
	/*font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/
	font-family: "HiraMinProN-W6","MS PMincho", serif;
}
.font_go{
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック",verdana,arial,"lucida grande",sans-serif;
}

#article .main_vi{
	margin-bottom:20px;
}

#article .article_inner{
	width:700px;
	margin:0 auto;
}
#article .article_inner > p{
	margin-bottom: 30px;
}
#article .article_inner.backnumber h2,
#article .article_inner.case h2{
	color: #000;
}

#article .btn_pdf_DL,
#article .btn_pdf_end,
#article .btn_inq{
	text-align: right;
	margin-bottom: 10px;
}


#article .lead{
	/*font-weight:bold;*/
	color:#144B85;
	margin-bottom:40px;
}

#article h1{
	background-color:#227AAA;
	border-left:5px solid #144B85;
	border-bottom:1px solid #144B85;
	padding:7px 7px 7px 10px;
	color:#FFF;
	font-size:140%;
	font-weight:bold;
	margin-bottom:30px;
	clear:both;
}

#article h2{
	background-color:#FFF;
	border-bottom:1px dotted #144B85;
	padding:0 7px 7px 0;
	height:auto;
	line-height:1.2em;
	color:#134B85;
	font-size:120%;
	font-weight:bold;
	margin:20px 0;
}

#article h3{
	line-height:1.2em;
	color:#134B85;
	font-size:110%;
	font-weight:bold;
	margin-bottom:20px;
/*	padding-left:1.2em;
	background: url(../img/icon_h3_pre.gif) no-repeat center left ;*/
}

#article h4{
	line-height:1.2em;
	color:#134B85;
	font-size:100%;
	font-weight:bold;
	margin-bottom:20px;
}

.imgR:after { display:block;content:"";clear:both;overflow:hidden; }

.imgR{
	float:right;
	margin:0 0 30px 15px;
	display:block;
}

.imgL:after { display:block;content:"";clear:both;overflow:hidden; }

.imgL{
	float:left;
	margin:0 15px 30px 0;
	display:block;
}

.imgC{
	text-align:center;
	margin-bottom:30px;
}

.imgCap600C{
	width:600px;
	margin:0 auto;
}
#article .imgC .cap{
	text-align:center;
}
#article .cap{
	font-size:85%;
	margin-top:10px;
	text-align:left;
	margin-bottom: 0px;
}

.w200{ width:200px; height:auto; }
.w200 img{max-width: 100%;height: auto;}
.w270{ width:270px; height:auto; }
.w300{ width:300px; height:auto; }
.w350{ width:350px; height:auto; }

.article_column:after { display:block;content:"";clear:both;overflow:hidden; }

.article_column,
.box01,
.box02_original,
.box03{
	background:#F7F7F7;
	border:#CCC solid 3px;
	padding:15px 15px 20px 15px;
	margin-bottom:30px;
}

#article .article_column h2{
	line-height:1.2em;
	color:#134B85;
	font-size:120%;
	font-weight:bold;
	padding:0 !important;
	margin-bottom:20px;
	background-color: transparent !important;
	border:none !important;
}
#article .article_column ul,
#article .box01 ul,
#article .box02_original ul,
#article .box03 ul{
	margin-bottom:0px;
}
#article .article_column ul li:last-child{
	margin-bottom:0px;
}

#article .article_column h2+.imgL{
	margin: 0 15px 30px 0;
}
#article .article_column .imgL{
	margin: 0 15px 0px 0;
}
#article .article_column p{
	margin-bottom: 30px;
}
#article .article_column p strong{
	font-weight: bold;
}
#article ul{
	margin-bottom:30px;
}

#article ul li{
	background:url(../img/icon_list.gif) no-repeat center left;
	padding-left:1em;
	margin-bottom:0.5em;
}

#article ul.sList{
	margin-bottom:30px;
	padding-left: 25px;
}

#article ul.sList li{
	background:none;
	margin-bottom:0.5em;
	padding-left: 0px;
	list-style-type: disc;
}

#article ul.notes{
	font-size:80%;
	line-height:1.5;
	margin-left:36px;
	margin-bottom:30px;
}
#article ul.notes li{
	margin-top:5px;
	text-indent:-36px;
	background:none;
	padding:0;
}
#article ul.static li{
    background: none;
    padding-left: 0px;
}


#article ul.notes li span{
	padding-right:12px;
}

#article .box-border{
	border: 1px solid #CCC;
	padding: 15px;
	font-weight: bold;
	font-size: 120%;
	letter-spacing: -0.5em;
}
#article .box-border ul{
	display: inline-block;
	width: 50%;
	margin-bottom: 0px;
	letter-spacing: normal;
}
#article .box-border ul li:last-child{
	margin-bottom: 0px;
}

#article .box-table table{
    width: 100%;
    background: #ffffff;
    border-collapse: separate;
    border-spacing: 1px;
}
#article .box-table tr td,
#article .box-table tr th{
    padding: 6px 10px 6px 10px;
    font-size: 85%;
}
#article .box-table tr th{
    background: #AADEF8;
}
#article .box-table tr td{
    border: solid 1px #aaa;
    background: #EFEFEF;
}
#article .box-table tr td p{
    padding: 4px 0px 4px 33px;
    margin-bottom: 0px;
}
#article .box-table tr:first-child{
    background: #0044A0;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1px;
}
#article .box-table tr:first-child th,
#article .box-table tr:first-child td{
    background: #0044A0;
    color: #fff;
    text-align: center;
}
#article .box-table.box-table-3c tr:first-child th{
    width: 20%;
}
#article .box-table.box-table-3c tr:first-child td{
    width: 40%;
}

.icon-maru p{
    background: url(/comware_plus/common/img/icon_maru.png) no-repeat;
}
.icon-maru2 p{
    background: url(/comware_plus/common/img/icon_maru2.png) no-repeat;
}
.icon-sankaku p{
    background: url(/comware_plus/common/img/icon_sankaku.png) no-repeat;
}

.sol_crm_brown_ttl span{
	display: block;
}

#article .bookInfo a:link{
	word-break: break-all;
}

/* 記事 SNS */

.snsArea_article {
	padding:0 0 20px 0;
}
.snsArea_article .snsInner:after { display:block;content:"";clear:both;overflow:hidden; }

.snsArea_article .snsInner .sns_go{
	display: none;
	margin:3px 0 0 0 ;
	float:left;
}
.snsArea_article .snsInner .sns_tw{
	/*margin:5px 0 0 15px;*/
	margin:5px 0 0 0px;
	float:left;
}
.snsArea_article .snsInner .sns_tw pre {
	display: none;
}
/*.snsArea_article .snsInner .sns_tw .btn-x*/
.btn-x {
	display: inline-block;
	background-color: #14171a;
	border-radius: 100px;
	padding: 5px 10px 5px 30px;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	position: relative;
}
.btn-x:hover {
	text-decoration: none;
	opacity: .8;
}
.btn-x:link,
.btn-x:visited {
	color: #fff;
}
.btn-x::before {
	content: "";
	background: url(../img/logo_x.svg) no-repeat;
	background-size: contain;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.snsArea_article .snsInner .sns_fb{
	display: none;
	margin:5px 0 0 15px;
	float:left;
}
.snsArea_article .snsInner .sns_mail{
	margin:5px 30px 0 15px;
	line-height: 0;
	height: 20px;
	padding: 0;
	float:left;
}
.snsArea_article .snsInner .sns_mail button{
	background: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	outline: none;
}
/* 関連リンクボタン */
#article .link_area{ margin:30px 0; }
#article .link_area h2{
	background-color:#227AAA !important;
	padding:7px 7px 7px 10px !important;
	color:#FFF !important;
	font-size:130%;
	font-weight:bold;
	margin-bottom:20px;
}

#article .link_btn{
	border:1px solid #CCC;
	border-bottom:2px solid #227FB2 !important;

	/*Other Browser*/
  background: #91bae4;
  /*For Old WebKit*/
  background: -webkit-linear-gradient(
	  top,
	  #FFFFFF 0%,
	  #EFF3F7 100%
  );
  /*For Modern Browser*/
  background: linear-gradient(
	  to bottom,
	  #FFFFFF 0%,
	  #EFF3F7 100%
  );

	margin-bottom:10px;
}

#article .link_btn p{
	background:url(../img/icon_link_arrow.png) no-repeat 14px 16px;
	margin-bottom: 0px;
}

#article .link_btn a{
	display:block;
	padding:10px 10px 10px 32px;
	color:#227AAA;
	font-weight:bold;
	text-decoration:none;
}

#article .link_btn:hover{
	background:#FFF;
	opacity: 0.8 ;
}

#article .parallel:after { display:block;content:"";clear:both;overflow:hidden; }

#article .parallel{
	overflow:hidden;
	width:705px;
}

#article .parallel .w_half{
	float:left;
	width:345px;
	margin-right:5px;
}


/* リンク調整 2017.08 */

.articles_link_wrapper:after{
	content: "."; display: block; height: 0; font-size:0%;	clear: both; visibility:hidden;
}

.articles_link_wrapper{
	width:708px;
	overflow:hidden;
}

.articles_link_wrapper .articles_link_box{
	width:226px;
	margin:0 10px 30px 0;
	float:left;
    position: relative;
}

.articles_link_wrapper .articles_link_box p.linkarea a{
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	text-align:left;
	text-indent:-9999px;
	background:/*\**/:#fff\9; /*IE7,8用*/
	filter:alpha(opacity=0);
}

.articles_link_wrapper .articles_link_box .articles_img img{
	-ms-interpolation-mode: bicubic;
}

.articles_link_wrapper .articles_link_box .link_category_icon:after{
	content: "."; display: block; height: 0; font-size:0%;	clear: both; visibility:hidden;
}

.articles_link_wrapper .articles_link_box .link_category_icon{
	padding-top: 7px;
}

.articles_link_wrapper .articles_link_box .link_category_icon p{
	float: left;
}

.articles_link_wrapper .articles_link_box .link_category_icon p img{
	width: auto;
	height: 16px;
}

.articles_link_wrapper .articles_link_box .link_category_icon .press,.product,.case_link_icon{
	width: 40px;
	height: 16px;
	margin-right: 1px;
}

.articles_link_wrapper .articles_link_box .link_category_icon .other{
	width: 28px;
	height: 16px;
	margin-right: 1px;
}

.articles_link_wrapper .articles_link_box .link_category_icon .column{
	width: 30px;
	height: 16px;
	margin-right: 1px;
}

.articles_link_wrapper .articles_link_box .link_category_icon .business{
	width: 58px;
	height: 16px;
	margin-right: 1px;
}

.articles_link_wrapper .articles_link_box .link_category_icon .solution{
	width: 100px;
	height: 16px;
	margin-right: 1px;
}

.articles_link_wrapper .articles_link_box .link_category_icon .security{
	width: 62px;
	height: 16px;
	margin-right: 1px;
}

.articles_link_wrapper .articles_link_box .link_category_icon .cloud{
	width: 38px;
	height: 16px;
	margin-right: 1px;
}

.articles_link_wrapper .articles_link_box .link_category_icon .bigdata{
	width: 54px;
	height: 16px;
	margin-right: 1px;
}

.articles_link_wrapper .articles_link_box .link_category_icon .trend{
	width: 36px;
	height: 16px;
	margin-right: 1px;
}

.articles_link_wrapper .articles_link_box p.linkarea a:hover{
	background:#FFF;
	opacity: 0.2 ;
}

.articles_link_wrapper .articles_link_box .link_title{
	font-size:95%;
	line-height: 1.4em;
	padding-top: 14px;
}

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

.articles_link_wrapper{
	width: 100%;
	border-bottom:1px solid #CCC;
}

.articles_link_wrapper .articles_link_box:after{
	content: "."; display: block; height: 0; font-size:0%;	clear: both; visibility:hidden;
}

.articles_link_wrapper .articles_link_box{
	width:100%;
	min-height:inherit;
	margin:0 0 0 0;
	float:none;
	border-top:1px solid #CCC;
	padding:15px 0;
}

.articles_link_wrapper .articles_link_box .articles_img{
	float:left;
	width:30%;
}

.articles_link_wrapper .articles_link_box .articles_img img{
	width:100%;
	height:auto;
}

.articles_link_wrapper .articles_link_box .link_category_icon{
	float:right;
	margin:0;
	padding:0 !important;
	width:67%;
}

.articles_link_wrapper .articles_link_box .link_category_icon p{
	padding-bottom: 1px;
}

.articles_link_wrapper .link_title{
	float:right;
	width:67%;
	margin:0;
	padding-top: 10px !important;
}

}/* リンク調整 2017.08  ここまで*/



/* SP */
@media only screen and (max-width:667px){

#article .main_vi{
	width:100%;
	margin-bottom:0;
}

#article .main_vi img{
	width:100%;
	height:auto;
}

#article .article_inner{
	width:98%;
	margin:0 auto;
}

#article h1{ font-size:130%; }
#article h2{ font-size:120%; }
#article h3{ font-size:110%; }
#article h4{ font-size:100%; }

.imgR{ width:40% !important; }
.imgL{ width:40% !important; }
.imgC{ width:100% !important; }
.imgCap600C{ width:100% !important; }

.imgR img{ width:100%; height:auto; }
.imgL img{ width:100%; height:auto; }
.imgC img{ width:100%; height:auto; }

.cap{
	font-size:90%;
	margin-top:10px;
	text-align:left;
}

.w200{ max-width:200px; height:auto; width: auto!important;}
.w270{ max-width:270px; height:auto; }
.w300{ max-width:300px; height:auto; }
.w350{ max-width:350px; height:auto; }

#article .article_column h2{ font-size:120%; }

#article ul{ margin-bottom:30px; }

#article ul li{
	background:url(../img/icon_list.gif) no-repeat 0 7px;
	padding-left:1em;
	margin-bottom:0.5em;
}

#article ul.notes{
	font-size:90%;
	line-height:1.5;
	margin-left:36px;
	margin-bottom:30px;
}
#article ul.notes li{
	margin-top:5px;
	text-indent:-36px;
	background:none;
	padding:0;
}

#article ul.notes li span{ padding-right:12px; }

#article .box-border ul{
  display: block;
  width: 100%;
}
#article .box-border ul:nth-child(1) li:last-child{
	margin-bottom: 10px;
}
/* 記事 SNS　*/
.snsArea_article {
		width:100%;
		height:30px;
		border-right:none;
		padding:10px 0;
}


.snsArea_article .snsInner{
	margin:0 auto;
}
.snsArea_article .snsInner .sns_tw pre {
	display: none;
}
.snsArea_article .snsInner .sns_mail {
    margin: 5px 0 0 15px;
}
.snsArea_article .snsInner .sns_fb{
	margin:4px 0 0 15px;
}

.snsArea_article:before,
.snsArea_article:after {
    content: " ";
    display: table;
}

.snsArea_article:after {
    clear: both;
}

.snsArea_article {
    *zoom: 1;
}

/* 関連リンクボタン */
#article .parallel{
	overflow:visible;
	width:100%;
}

#article .parallel .w_half{
	float:none;
	width:99.5%;
	margin-right:0 !important;
	border-right:1px solid #CCC !important;
}


}

/******************************************************/
/* 下部階層 お知らせ */
/******************************************************/

#wrapper .info h1{
	background:#227AAA;
	font-size:120%;
	font-weight:bold !important;
	color:#FFF;
	height:50px;
	line-height:50px;
	padding-left:10px;
	margin-bottom:20px;
}

#article .info_inner{
	width:700px;
	margin:0 auto;
}

#wrapper .info h2{
	margin-bottom:10px;
}

#wrapper .info .date{
	text-align:right;
	margin-bottom:30px;
}

/* SP */
@media only screen and (max-width:667px){
#article .info_inner{
	width:100%;
}
}


/******************************************************/
/* 下部階層 お知らせ一覧 */
/******************************************************/


#info_list .information dl:after{
	content: "."; display: block; height: 0; font-size:0%;	clear: both; visibility:hidden;
}

#info_list .information dl{ display: inline-block; margin-bottom:7px; font-size:90%; padding:20px 0; border-bottom:1px dotted #CCC;}

#info_list .information dt{
	float:left;
	width:90px;
	margin-left:10px;
}

#info_list .information dd{
	float:left;
	width:610px;
}
.page_end_mailmagazine{
	text-align:right;
}

@media only screen and (max-width:667px){
#info_list .information dl{ font-size:100%; }

#info_list .information dt{
	float:none;
	width:100%;
	margin-left:0;
}

#info_list .information dd{
	float:none;
	width:100%;
}
.page_end_mailmagazine{
	text-align:center;
}
}

/*ページャー*/
.content-nav{
	text-align: center;
	margin: 20px 0;
	clear: both;
}
.content-nav > a,
.content-nav .page_navi,
.content-nav .current_page{
    display: inline-block;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
}


.content-nav > a{
    color: #134880;
    background: #fff;
    border: solid 1px #a8bac4;
}
.content-nav .current_page{
    color: #fff;
    background: #134880;
}


/*不足CSS*/
/*健康メニュー ヒント*/
.healty_menu_hint {
	position: relative;
	padding: .75em 1em;
	background-color: #FFF2EA;
	text-align: center;
	color: #C64500;
	font-size: 130%;
	line-height: 140%;
	font-weight: bold;
	margin-bottom: 1em;
}
.healty_menu_hint::before,
.healty_menu_hint::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
.healty_menu_hint::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #C64500 ;
}
.healty_menu_hint::after {
	top: -15px;
	right: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-bottom-color: #eb6101 ;
}

/*次ページ*/
.wise_next{
	font-size: 110%;
    font-weight: bold;
    margin-top: 25px;
    text-align: center;
}
.wise_next a{
	text-decoration: none;
    color: #134B85;
}
.wise_next a img{
	    margin-right: 5px;
}

/*画像キャプション太字スタイル*/
#article .imgL .prtxt01,
#article .imgR .prtxt01{
    color: #946b00;
    font-weight: bold;
    margin-bottom: 0px;
}
#article .imgL .prtxt02,
#article .imgR .prtxt02{
    color: #168085;
    font-weight: bold;
    margin-bottom: 0px;
}

.case_voice:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.case_voice{
	background-color:#E5EFF2;
	padding:15px;
	border:1px dotted #006282;
}
.case_voice_ttl {
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
	margin-bottom:10px;
	font-size:110%;
	font-weight:bold;
	color:#006282;
}
.case_voice_ttl::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 40%;
	height: 4px;
	background-color: #006282;
}
.case_voice  h4{
	font-size:130%;
	font-weight:bold;
	margin-bottom:10px;
}
.cace_voice_inner:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.case_voice .cap{
	line-height:140%;
	font-size:80%;
	margin-top:10px;
	text-align:left;
}
.case_voice .cap2{
	line-height:140%;
	font-size:80%;
	margin-top:10px;
	text-align:right;
	width:450px;
}
.case_voice_img{
	float:right;
	width:265px;
	margin:0 0 20px 20px;
}
.case_voice_img dl{
	float:left;
}
.case_voice_img dd{
	line-height:140%;
	font-size:80%;
	margin-top:10px;
}
.cace_voice_inner .border{
	border-bottom:1px solid #CCC;
}
.cace_voice_block:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.cace_voice_block_txt{
	float:left;
	width:510px;
}
.cace_voice_block_img{
	float:right;
	margin:0 0 10px 15px;
}
.cace_voice_block .cap{
	line-height:140%;
	font-size:80%;
	margin-top:10px;
	text-align:right;
}
.case_scene {
    margin-bottom: 50px;
    overflow: hidden;
}
.case_scene .kouka{
	width:217px;
	float:left;
	border:1px dotted #CCC;
	background:#FAFAFA;
}

.case_scene .kouka2{
	width:331px;
	float:left;
	border:1px dotted #CCC;
	background:#FAFAFA;
}

.case_scene .kouka p{
	background-color:#E5EFF2;
	text-align:center;
	padding:10px 0;
	margin-bottom:10px;
	font-weight:bold;
	font-size:120%;
	color:#006282;
	border-top:2px solid #22ADF0;
	border-bottom:1px dotted #006282;
}

.case_scene .kouka2 p{
	background-color:#E5EFF2;
	text-align:center;
	padding:10px 0;
	margin-bottom:10px;
	font-weight:bold;
	font-size:120%;
	color:#006282;
	border-top:2px solid #22ADF0;
	border-bottom:1px dotted #006282;
}

.case_scene dt{
	font-weight:bold;
	font-size:105%;
	margin:10px;
}

.case_scene .kouka2 dt{
	font-weight:bold;
	font-size:115%;
	margin:10px;
}

.case_scene dd{
	margin:0 10px 7px 10px;
}

#article .mdTitle_bg {
    background: #e7e3c6;
    color: #000;
    font-size: 180%;
    padding: 15px 0 15px 20px;
    margin: 20px 0 20px 0;
    font-weight: bold;
    line-height: 140%;
}

#article .mdTitle_bg .small_b {
    display: block;
    font-size: 60%;
    line-height: 170%;
}

.case_info_img{
	float:left;
	width:200px;
	margin-right:20px;
}

.case_info_txt{
	float:left;
	width:410px;
}
.case_info2:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.case_info2{
	border:1px dotted #CCC;
	padding:20px;
	background:#FAFAFA;
	margin-bottom:50px;
}

.case_info2 p,dl,dt,dd{
       margin:0;
}

.case_info2 h4{
	font-size:110%;
	font-weight:bold;
	padding:5px 5px 5px 10px;
	margin:0 0 20px 0;
	color:#FFFFFF;
	background:	#006282;
}

.case_info2 dl:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.case_info2 dt{
	float:left;
	width:5em;
}

.case_info2 dd{
	float:left;
}

.case_info2 .w20{ width:20px; text-align:center; }
.case_info2 .w290{ width:290px; }
@media only screen and (max-width:667px){
.case_info_img{
	width:30%;
	margin-right:0;
}
.case_info_img img{
       width:100%;
       height:auto;
}

.case_info_txt{
	float:right;
	width:68%;
}
.case_info2 dt{
	width:auto;
}

.case_info2 dd{
	width:auto;
}
.case_info2 .w20{ width:auto; text-align:left; }
.case_info2 .w290{ width:auto !important; }
}

/*case.css*/
.clearFix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
sup{color:#333333!important;}
#article .grayBox01 {
	border:1px solid #ccc;
	padding:30px;
	margin-bottom:30px;
	line-height:180%;
	overflow: hidden;
}

#article .grayBox01 .innerLeft {
/*	width:335px;
	margin-right:20px;
	font-size:110%;
	line-height:180%;
	float:left;*/
}

#article .grayBox01 .innerLeft .greenTitle01 {
	color:#0f7871;
	font-weight:bold;
	/*font-size:110%;*/
	margin-bottom:5px;
}

#article .grayBox01 innerRight {
	float:left;
}

#article .grayBox01 .grayBox02 {
	font-size:80%;
	background:#eee;
	padding:15px;
	margin-top:10px;
	line-height:180%;
}

#article .effectBox02 {
	background:#f5fcfa;
	padding:30px;
	margin-bottom: 37px;
	border:1px solid #d1eeec;
	border-radius:5px;
	/*font-size:110%;*/
	line-height:180%;
	overflow: hidden;
}
#article .effectBox02 h3{
	font-size:150%;
	margin:-15px 0 20px -10px;
}

#article .effectBox02 h2,
#article .commentBox h2{
	background: none;
}



#article .effectBox02 .effectTitle{
	border:none;
	padding:0;
	margin: 0 0 10px 0;
	overflow: hidden;
}


#article .effectBox02 dl.name{
	line-height:150%;
	font-size:80%;
}
	#article .effectBox02 dl.name dt{
		font-weight:normal!important;
	}

	#article .effectBox02 .effectTitle dt{
	    display: inline-block;
	    color: #fff;
	    background: #0f7871;
	    border-radius: 5px;
	    padding: 6px 10px 2px 10px;
	    font-size: 85%;
	    width: 80px;
	    box-sizing: border-box;
	}

		#article .effectBox02 .effectTitle dd{
		    font-weight: bold;
		    margin: 7px 0 0 10px;
		    display: inline-block;
		}

		#article .effectBox02 .innerRight{
			float:left;
		}



#article .voiceBox {
	width:100%;
	font-size:110%;
	line-height:180%;
}

#article .voiceBox .voiceTitle {
	border-bottom:solid 1px #cccccc;
	font-weight:bold;
	/*font-size:110%;*/
	margin-bottom:10px;
	color:#355da5;
}

#article .interviewSec{
	overflow: hidden;
	margin-bottom: 37px;
}

#article .interviewSec .person2column .personBox {
	float:left;
	width:180px;
	margin-right:20px;
}

#article .interviewSec .person2column .personBox.mr0{
	margin-right:0px;
}
#article .interviewSec .person2column .innerRight{
	float:left;
}

.top55{margin-top:55px!important;}


#article .infoSec {
	padding-top: 19px;
	margin-bottom: 37px;
	background: url(/common/img/co_ln_01.gif) left top repeat-x;
}
#article .infoSec .left th,
#article .infoSec .left td {
	padding-bottom: 5px;
	line-height: 160%;
	vertical-align: top;
}

#article .infoSec .left th {
	width: 106px;
	font-weight: normal;
	color: #666;
}
#article .pdfSec2 {
    margin-bottom: 50px;
}
.top20 {
    display: block;
    margin-top: 20px !important;
}
#article .commentBox {
    background: #f5fcfa;
    margin: 34px 0 50px 0;
    padding: 30px 30px 15px 30px;
    border: 1px solid #d0eeec;
}
#article .commentBox  p{
	margin-bottom: 30px;
}

#article .commentBox h4 {
    margin-bottom: 15px;
    padding: 0;
    font-size: 120%;
    line-height: 170%;
    background: none;
    height: auto;
}
/*case.css end*/



/*画像プレビュー*/
#preview {
    z-index: 3;
    position: absolute;
    display: none;
    border: 1px solid #d7d7d7;
    background: #ffffff;
    padding: 0 0 0 0!important;
    margin: 0!important;
    display: none;
    color: #000000;
    text-align: center;
    font-size: 90%;
}
@media only screen and (max-width:667px){
	.case_scene .kouka{
		width:100%;
		float:none;
		margin-bottom:10px;
	}

	.case_scene .kouka2{
		width:100%;
		float:none;
		margin-bottom:10px;
	}
	.case_voice_img dd{
		margin-bottom:15px;
	}

	.cace_voice_block_txt{
		width:100%;
		float:none;
	}

	.cace_voice_block_img{
		margin:0 0 15px 15px;
	}

	.cace_voice_block .cap{
		text-align:left;
	}
}

.healty_menu_hint {
	position: relative;
	padding: .75em 1em;
	background-color: #FFF2EA;
    text-align: center;
    color: #C64500;
    font-size: 130%;
    line-height: 140%;
    font-weight: bold;
    margin-bottom: 1em;
}
.healty_menu_hint::before,
.healty_menu_hint::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
.healty_menu_hint::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #C64500 ;
}
.healty_menu_hint::after {
	top: -15px;
	right: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-bottom-color: #C64500 ;
}
.healty_menu_list {
    clear: both;
	padding: .5em;
	border-bottom: 1px dotted #ccc;
}

.healty_menu_lineup{
	border:1px solid #CCC;
	color:#c64500;
	text-align:center;
	padding:10px 5px;
	margin:10px 0;
	font-weight:bold;
	font-size:110%;
}

.helthy_menu_navi_start{
	padding:20px !important;
	background-color:#F2F2F2;
}

.helthy_menu_navi_start p a{
	background: url(/comware_plus/healthy_menu/img/icon_link_arrow.gif) no-repeat left center;
	padding-left:20px;
}

ul.helthy_menu_navi:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }

ul.helthy_menu_navi{
	padding:20px !important;
	background-color:#F2F2F2;
}

.helthy_menu_navi li{
	width:43%;
}

.helthy_menu_navi li a{
	background: url(/comware_plus/healthy_menu/img/icon_link_arrow.gif) no-repeat left center;
	padding-left:20px;
}

.healty_menu_recipe{
	border:1px solid #CCC;
	padding:10px;
	margin:10px 0;
	font-size:110%;
}

.healty_menu_recipe dt{
	background-color: #F2F2F2;
	padding:5px;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
}

.healty_menu_recipe dd{
	margin-left:1.6em;
	text-indent:-1.6em;
}

.healty_menu_recipe p.ttl{
	background-color: #F2F2F2;
	padding:5px;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
}

.healty_menu_recipe:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.healty_menu_recipe .material{
	width:300px;
	float:left;
	padding:0 20px 0 10px;
	border-right:1px solid #CCC;
}

.healty_menu_recipe .material li{
	border-top:1px dotted #AAA;
	padding:3px;
}

.healty_menu_recipe .howto{
	float:right;
	width:300px;
}

.healty_menu_recipe .howto li{
	text-indent:-1.6em;
	margin-left:1.6em;
}

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

.healty_menu_recipe .material{
	width:auto;
	float:none;
	padding:0 0 10px 0;
	border-right:none;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}

.healty_menu_recipe .howto{
	width:auto;
	float:none;
}

}

/******************************************************/
/* page End メルマガ登録ボタン */
/******************************************************/

.page_end_mailmagazine{
	text-align:right;
}

@media only screen and (max-width:667px){
.page_end_mailmagazine{
	text-align:center;
}
}

/******************************************************/
/* 記事NEXTボタン */
/******************************************************/
#article .next{
	font-size:110%;
	font-weight:bold;
	margin:25px 0;
	text-align:center;
	font-size:95%;
	}
#article .next a{
	color:#184d83!important;
	}


	@media only screen and (max-width:667px){
		div#article .next{
			font-size:90%;
			}
	}
/******************************************************/
/* バナーエリア追加 マージン*/
/******************************************************/
.free_banner {
		margin-bottom:5px;
		}