@charset "utf-8";
/*
* CSS for News Release Page
*
* @version			0.0.2
* @lastmodified 2018/07/31
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */

/* COMMON ================================================================ */
#newsrelease #contentsBody ,
#newsrelease #mainContents {
	margin-right: 0;
}
#newsrelease #sidenavi {
	display: none;
}
@media all and (min-width: 769px) {
  #news #subNavi h2 {
    background: url('../../images/common/global_sprite.png') no-repeat 50% -560px;
  }
}
h1 span.normal {
  font-size: 0.8em; 
}
.meta + h1 {
  font-size: 1.38rem;
  line-height: 1.3;
  margin: 0 0 30px;
  padding: 0 0 10px 0;
  border-bottom: 3px solid #325DA7;
}
.section h1 {
  font-size: 1.38rem;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 0 20px;
  padding: 0 0 5px 10px;
  border-bottom: 3px solid #325DA7;
}
h1.disaster {
  border-bottom:3px solid #dc143c;
}

/* NEWS TOP ============================================================== */
/* News Header ----------------------------------------------------------- */
.newsHeader {
  font-size: 1.12em;
  margin: 0.5rem 0;
  padding: 4px 0 0 0.5rem;
  background: url("../../news/images/bg_news.gif") no-repeat 100% 0;
  background-size: cover;
}
@media all and (min-width: 320px) {
  .newsHeader {
    font-size: 1.4em;
    padding: 8px 0 0 0.5rem;
  }
}
.newsDate {
  text-align: right;
  line-height: 1.3;
  margin-bottom: 20px;
}
.newsDate + h1 {
  line-height: 1.5;
  margin-bottom: 20px;
}
h1 span.sub {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
}
h1 span.model {
  display: inline;
}
@media all and (min-width: 480px) {
  h1 span.model {
    display: inline-block;
  }
}
.meta {
  margin: 10px 0 20px;
  text-align: right;
}
.meta span {
  display:block;
  margin-bottom:5px;
}

.section .keyVisual {
}
.section .keyVisual img {
  max-width:100%;
}
.section .lead {
  font-size:1.10em;
  margin-bottom:30px;
}
.section p.notice {
  text-indent:-1em;
  padding-left:1em;
}

h1#winter.keyVisual img {
  width: 100%;
}

/* NEWS LIST ============================================================= */
.section ul.newsList {
  list-style:none;
  padding-left:0;
}
ul.newsList li {
  padding:8px 0;
  border-bottom:1px solid #ddd;
}
ul.newsList li a ,
ul.newsList li span.link {
  display:block;
  margin-top:5px;
  background:none;
}

p + ul.link.confer {
  margin-top:-15px;
}

/* FEATURE LIST ========================================================== */
dl.featureList dt {
  font-size: 1.2rem;
  font-weight: bold;
  padding-left: 2em;
  text-indent: -2em;
  margin-bottom: 0.5rem;
}
dl.featureList dd {
  line-height: 1.5;
  padding: 0 0 0 2em;
  margin-bottom: 1.5rem;
}
dl.featureList dd ul {
  margin-bottom: 0;
}
dl.featureList dd span.caption {
  font-weight: bold;
}

/* OLD & RSS ---------- */
ul.subLink {
  text-align:right;
}
ul.subLink li {
  display:inline-block;
  list-style:none;
	margin-right:20px;
}
ul.subLink li.oldi a {
	padding-left:10px;
  background:url('/img5/link_p.png') no-repeat 0 50%;
}
ul.subLink li.oldi a:hover {
	background:url("/img5/link_pov.png") no-repeat 0 50%;
}
ul.subLink li.rssi a {
	padding-left:20px;
	background:url("/images/rss14.gif") no-repeat 0 50%;
}
ul.subLink li.rssi a:hover {
	background:url("/images/rss14_ov.gif") no-repeat 0 50%;
}

/* RSS =================================================================== */
ul.rssRefBox {
  padding:10px 15px;
  border:1px solid #ccc;
  background-color:#f0f0f0;
}
ul.rssRefBox li {
  display:inline-block;
}
ul.rssRefBox li.link {
  padding-right:15px;
}
ul.rssRefBox li.link img {
  padding-right:5px;
}

/* RSS Info BOX ---------------------------------------------------------- */
dl.rssInfoBox {
  display: block;
  border: 1px solid #666;
}
dl.rssInfoBox dt {
  padding: 8px;
  text-align: center;
  background-color: #FDF5E6;
}
dl.rssInfoBox dd {
  font-size: 0.88rem;
  line-height: 1.5;
  padding: 8px;
}

/* ELEMENT =============================================================== */
.boxLine.article {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 30px 30px 20px;
  margin: 0 10px;
}
.boxLine.article h2 {
  font-size: 1.55rem;
}
.boxLine.article h3 {
  margin-bottom: 20px;
}
span.notes {
  display: block;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
}

/* ICON LAYOUT ----------------------------------------------------------- */
.iconLayout {
  display: table;
  vertical-align: top;
  overflow: hidden;
  margin-bottom: 20px;
  width: 100%;
}
.iconLayout .text {
  display: table-cell;
  padding-right: 15px;
  vertical-align: top;
}
.iconLayout .pict {
  display: table-cell;
  box-sizing: border-box;
  padding-left: 15px;
  text-align: center;
  vertical-align: top;
  width: 50%;
}
.iconLayout .pict img {
  margin: 0 auto;
  width: 100%;
  max-width: 320px;
}
.section .iconLayout p {
  margin-bottom: 0;
}
.section .iconLayout + ul.link {
  margin-top: -10px;
}
.iconLayout.wp40 .pict img {   
  max-width: 250px;
}

/* SPEC TABLE ============================================================ */
table.specTable caption {
  text-align:left;
  margin-bottom:5px;
}
table.specTable td {
  line-height: 1.5;
}
table.specTable th.sub {
  background-color: #fbfcff;
}
/* spanTable */
table.spanTable {
  display: block;
  table-layout: fixed;
  width: 100%;
}
table.spanTable tr {
  ddisplay: inline;
}
table.spanTable th.sub {
  background-color: #fbfcff;
}
table.spanTable th,
table.spanTable td {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-right: none;
}
@media all and (min-width: 480px){
  table.spanTable {
    display: table;
  }
  table.spanTable tr {
    ddisplay: table-row;
  }
  table.spanTable th {
    border-right: 1px solid #ccc;
  }
  table.spanTable th,
  table.spanTable td {
    display: table-cell;
  }
}
/* EDIX INFO TABLE ------------------------------------------------------- */
table.r480 {
  border-bottom: none;
}
table.r480 th,
table.r480 td {
  box-sizing: border-box;
  display: block;
  wwidth: 100%;
  border-right: none;
}
@media all and (min-width: 480px) {
  table.r480 {
    table-layout: fixed;
  }
  table.r480 th,
  table.r480 td {
    display: table-cell;
  }
  table.r480 th {
  border-right: 1px solid #ccc;
  }
  table.r480 td {
    margin-top: 0;
  }
}

/* COL2 BOX ============================================================== */
div.col2 {
  margin-bottom: 1rem;
}
div.col2 .cell {
  box-sizing: border-box;
  width: auto;
  margin-bottom: 1rem;
}
div.col2 .cell .pict img {
  height: auto;
  width: 100%;
  max-width: auto;
}
div.col2 .cell p {
  padding: 0.5em 0.8em;
  margin: 0;
}
@media all and (min-width:480px) {
  div.col2 {
    display: table;
    margin-bottom: 1rem;
    border-spacing: 2px;
  }
  div.col2 .cell {
    box-sizing: border-box;
    display: table-cell;
    width: 50%;
  }
}

/* LNET-870 Seemless ===================================================== */
.vidSeemless {
	padding: 10px;
}
.vidSeemless video {
	width: 100%;
}

/* INQUIRY BOX =========================================================== */
div.inquiryBox {
  padding: 1rem;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #f9f9f9;
}
div.inquiryBox ul.inquiryList {
  margin: 1rem 0 0;  
}
span.listCaption {
  font-size: 1.12rem;  
}
/* CONTACT BOX =========================================================== */
div.contactInfo {
  padding:15px 20px;
  margin:0 auto 10px;
  width:80%;
  overflow:hidden;
  border:1px solid #ccc;
  border-radius:6px;
  background:-moz-linear-gradient(#fff, #f0f0f0);
  background:-webkit-linear-gradient(#fff, #f0f0f0);
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f0f0f0));
  background:-o-linear-gradient(#fff, #f0f0f0);
  background:linear-gradient(#fff, #f0f0f0);
}
div.contactInfo div.inner {
  margin:0 0 0 10px;
}
div.contactInfo p {
  margin:0 0 10px;
}
div.contactInfo ul {
  margin:0;
}
div.contactInfo ul li {
  line-height:1.2;
  list-style:none;
  padding-left:4.2em;
  margin-bottom:5px;
  vertical-align:text-top;
}
div.contactInfo ul li.icon img {
  float:none;
  margin:0;
}
div.contactInfo ul li span {
  display:inline-block;
}
div.contactInfo ul li .item {
  width:4.2em;
  margin-left:-4.2em;
  vertical-align:middle;
}
div.contactInfo ul li .telno {
  font-size:2.0rem;
  font-family:"Times New Roman", Times, serif;
  font-weight:400;
  color:#325da7;
}
div.contactInfo ul li .faxno {
  font-weight:700;
}
div.contactInfo ul li .time {
  margin-left:8px;
}

.section .rollingList {
	padding-left: 0;
}
.rollingList li {
	display: inline-block;
	margin: 0.125rem 0;
}
.rollingList li:not(:last-child)::after {
	content: '、';
	margin-right: 0.5rem;
}