@charset "utf-8";

/*----------------------------------------
	ナビボタン「コラム」追加による修正（190724）
----------------------------------------*/

#localNav #lnavContent ul li a{
padding:24px 11px 23px !important;
}

/*----------------------------------------
	smartbilling-column (記事一覧)
----------------------------------------*/

.archives .entrybox {
	/*width: 238px;*/
 border: 5px solid #cccccc;
 background-color: #f2f2f2;
 /*margin: 10px 10px 10px 10px;*/
 padding: 13px 13px;
	/*float:left;*/
}
/*
.rt {margin: 10px 0 10px 10px !important;}
.lt {margin: 10px 10px 10px 0 !important;}
*/
.archives .cat-tag{
	color: #ffffff;
	font-size: 10px;
	margin : 1px;
	line-height: 1em;
	padding: 2px 4px;
}
.archives .cat-tag a{
 color: #ffffff !important;
}

.archives .ymd {
	color: #ffffff;
 background-color: #c1b9a7;
	font-size: 10px;
	margin : 1px;
 line-height: 1em;
 padding: 2px 4px;
}
.archives .entrybox h3 {
 display: inline-block;
 height: 50px;
	color: #1a807a;
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: bold;
 line-height: 1.2em;
}

.archives .entrybox p {
 margin: 4px 0 4px 0;
}
.archives .entrybox p a{
	color : #4C4235;
	text-decoration: none;
}
.archives .entrybox .imglink  {
 background-color: #f2f2f2 !important;
 display: contents;
}
.archives .entrybox .button a {
 display: inline-block;
 margin: 20px 0 4px 0;
 padding: 8px;
 border-radius: 4px;
}
.archives .entrybox .button a:link, .archives .entrybox .button a:active, .archives .entrybox .button a:visited {
 color: #ffffff !important;
 background-color: #666666 !important;
 transition: background 0.15s ease;
}
.archives .entrybox .button a:hover {
 color: #ffffff !important;
 background-color: #333333 !important;
 transition: background 0.15s ease;
}
.archives .entrybox img {
 width: 100%;
 height: auto;
 margin: 0 0 16px 0
}
.clear {
	clear: both;
}

.archives .cat_nav {
 border-bottom: solid 1px #aaaaaa;
 padding: 2px 0;
 margin-bottom: 10px;
}

.archives .cat_nav a:link {
 background-color: #ffffff!important;
}
.archives .cat_nav a:hover {
 background-color: #efefef !important;
 transition-duration: 400ms;
}




/*pager*/

.pager ul.pagination {
  text-align: center;
  margin: 60px 0;
  padding: 0;
}

.pager .pagination li {
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  background:#7d796f;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
}

.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #fff;
  text-decoration: none;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:link,
.pager .pagination li a.visited{
  color: #fff !important;
  /*background: #7d796f !important;*/
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #000 !important;
  background: #c5c2ba !important;
}




/*----------------------------------------
	smartbilling-column (個別記事)
----------------------------------------*/


sup.a { font-size: 10px; }
.remarks {background-color: #eeeeee; padding: 14px; margin-top: 30px;}
.remarks li {list-style: decimal;list-style-position: inside; margin: 10px 0; font-size: 10px;}
.remarks a {font-size: 10px; word-break: break-all; line-height: 1.3em;}
.catch2 {margin:  40px 0 15px; padding: 0; font-size:20px !important; text-align: left; color: #007871 !important;} 


.column .entrycont {
	width: 612px;
 margin: 0 0;
 padding: 0 10px;
	/*float:left;*/
 background-color: #ffffff;
}

.column .entrycont h3 {
 display: inline-block;
	color: #1a807a;
	font-size: 28px;
	padding-top: 0;
	padding-bottom: 10px;
	font-weight: normal;
 line-height: 1.2em;
}

.column .entrycont img {
 max-width: 100%;
 height: auto;
 margin: 0 0 16px 0
}

.column .entrylist {
	height: auto;
	width: 206px;
 margin: 0 0 ;
 padding: 0 0 0 10px;
	/*float:right;*/
}

.column .entrylist #latest_col{
 margin: 8px 0 18px 0;
}

.column .entrylist #latest_col dl {
 margin-top: 2px;
}
.column .entrylist #latest_col dt {
 width: 30%;
 height: auto;
 margin: 16px 8px 0 0;
 float:left;
}

.column .entrylist #latest_col dt img {
 width: 100%;
 padding:1px;
 border:1px solid #cccccc;
}

.column .entrylist #latest_col dd{
 width: 60%;
 height: auto;
 margin: 16px 8px 0 0;
 float:right;
}

.column .entrylist #latest_col dd .ymd {
 display: inline-block;
	color: #ffffff;
 background-color: #c1b9a7;
	font-size: 10px;
	margin: 0 0 2px 0;
 line-height: 1em;
 padding: 2px 4px;
}
.column .entrylist #latest_col dd .cat-tag{
	display: inline-block;
	color: #ffffff;
	font-size: 10px;
	margin: 0 0 2px 0;
	line-height: 1em;
	padding: 2px 4px;
}

.column .entrylist #latest_col dd .ttlText {
 font-size: 14px;
 line-height: 1.2em;
 margin: 4px 0 0 0;
 padding: 2px 0px;
 display: inline-block;
}

.column .entrylist h4 {
 display: inline-block;
 height: 30px;
	color: #1a807a;
	font-size: 20px;
	padding: 0px;
	font-weight: bold;
 line-height: 1.2em;
}
.column .entrylist #latest {
 margin: 0 0 20px 0;
}
.column .entrylist #category {
 margin: 50px 0 20px 0;
}

 .remarks {background-color: #eeeeee; padding: 14px; margin-top: 30px;}
 .remarks li {list-style: decimal;list-style-position: inside; margin: 10px 0; font-size: 10px;}
 .remarks a {font-size: 10px; word-break: break-all; line-height: 1.3em;}
 .catch2 {margin:  40px 0 15px; padding: 0; font-size:20px !important; text-align: left; color: #007871 !important;} 


/*----------------------------------------
h3下部の日付とカテゴリ表示
----------------------------------------*/

.entrycont .ymd {
 display: inline-block;
	color: #ffffff;
 background-color: #c1b9a7;
	font-size: 10px;
	margin: 0 0 2px 0;
 line-height: 1em;
 padding: 2px 4px;
 margin-right: 2px;
}
.entrycont .cat-tag{
	display: inline-block;
	color: #ffffff;
	font-size: 10px;
	margin: 0 0 2px 0;
	line-height: 1em;
	padding: 2px 4px;
}
.entrycont .cat-tag a{
	color: #ffffff!important;
}



/*----------------------------------------
関連する記事
----------------------------------------*/

.column #related_entry {
 height: 200px;
 margin: 40px 0 20px 0;
 padding: 0px;
}
.column #related_entry h4 {
 height: 30px;
	color: #333333;
	font-size: 20px;
	padding: 0px;
	font-weight: bold;
 line-height: 1.2em;
}
.column #related_entry .entry_l{
 background-color: #000000;
 width: 210px;
 height: 157px;
 margin: 0px 7px 10px 0px ;
 padding: 0;
 float: left;
}
.column #related_entry .entry_r {
 background-color: #000000;
 width: 210px;
 height: 157px;
 margin: 0px 0px 10px 0px ;
 padding: 0;
 float: right;
}

.column #related_entry .entry_l .bg, .column #related_entry .entry_r .bg {
 height: 100%;
 position: relative;
 z-index: 1;
 display: flex;
 justify-content: center;
 align-items: center;
}

.column #related_entry .entry_l .bg img, .column #related_entry .entry_r .bg img {
 position: absolute;
	top: 0;
	left: 0;
 width: 100%;
 vertical-align: middle;
 opacity: 0.5;
 z-index: 10;
}

.column #related_entry .entry_l .bg img:hover, .column #related_entry .entry_r .bg img:hover {
 opacity: 0.3;
 transition-duration: 400ms;
}

.column #related_entry .entry_l .bg .ttl, .column #related_entry .entry_r .bg .ttl {
 position: absolute;
 z-index: 20;
 text-align: center;
 line-height: 20px;
 font-size: 16px;
 font-weight: bold;
 color: #ffffff;
}

.column #related_entry .ttl a {color: #ffffff;}
.column #related_entry .ttl a:hover {text-decoration: underline;}
.column #related_entry .ttl a:link, .column #related_entry .ttl a:visited, .column #related_entry .ttl a:active {}




/*----------------------------------------
関連するDLC
----------------------------------------*/

.column #related_dlc {
 height: 200px;
 margin: 40px 0 20px 0;
 padding: 0px;
}
.column #related_dlc img{
 width: 280px;
 padding:2px;
 border:1px solid #cccccc;
 margin: 0 20px 0 0;
 float: left;
}
.column #related_dlc .notes{
 margin: 0;
}
.column #related_dlc h4 {
 height: 30px;
	color: #333333;
	font-size: 20px;
	padding: 0px;
	font-weight: bold;
 line-height: 1.2em;
}
.column #related_dlc .notes h5 {
 height: 28px;
	color: #00000;
	font-size: 16px;
	padding: 0px;
	font-weight: bold;
 line-height: 1.2em;
}
.column #related_dlc .notes .cta {
 margin-top: 18px;
 float: left;
}
.column #related_dlc .notes .cta a {
	color: #ffffff;
 background-color: #00B6ac;
	font-size: 16px;
	font-weight: bold;
 line-height: 1em;
 padding: 4px 12px;
}