@charset "utf-8";
/*
* CSS for PPDV
*
* @version			0.0.3
* @lastmodified 2015/10/21
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2015, LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */

/* COMMON ================================================================ */
#pcpd h1 span.subTitle {
	font-size: 0.88em;
	font-weight: normal;
	margin-right: 5px;
}
#pcpd h1 span.Title {
	display: inline-block;
}
h1 span.title {
  display: inline-block;
}
#pcpd #subNavi h2 {
	height: auto;
  background: none;
}
#pcpd #subNavi h2 a {
  display: inline;
  height: auto;
}
@media all and (min-width: 769px) {
  #pcpd #subNavi h2 {
    height: 54px;
    background: url(../../../images/common/global_sprite.png) no-repeat 50% -161px;
  }
  #pcpd #subNavi h2 a {
    display: block;
    height: 54px;
  }
}

p.note {
  font-size: 88%;
  padding-left: 1em;
  text-indent: -1em;
}
sup.note {
  color: crimson;
  font-size: 0.66rem;
}

/* CONTACT MINI ------------------- */
div.contact {
  margin: 0 10px 1rem;
  overflow: hidden;
  width: auto;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: linear-gradient(#fff, #f0f0f0);
}
div.contact div.inner {
  padding: 12px;
}
div.contact ul {
  list-style: none;
  text-align: center;
  margin: 14px 0 0 10px;
  position: relative;
}
div.contact li {
  line-height: 1.5;
}
div.contact li.icon {
  position: inherit;
}
div.contact li.icon img {
  float: none;
  margin: 0;
}
div.contact li span.colon {
  margin: 0 5px;
}
@media all and (min-width: 480px) {
  div.contact {
    margin: 0 auto 1rem;
    width: 75%;
  }
  div.contact div.inner {
    padding: 1rem;
  }
}
@media all and (min-width: 640px) {
  div.contact {
    width: 66.66%;
  }
}
@media all and (min-width: 769px) {
  div.contact {
    width: 80%;
  }
  div.contact ul {
    text-align: left;
  }
  div.contact li.icon {
    position: absolute;
    top: -4px;
    right: 0;
    margin: 0;
  }
}

.applicationTable caption {
  text-align: left;
  margin: 0 0 5px;
}

/* NET-SHOPP LINK --------------------------- */
div.netShop {
  padding: 1px;
  width: 100%;
  border: 2px solid #B7C6E7;
  border-radius: 4px;
  background-color: #fdfeff;
}
div.netShop div.innerbox {
  padding: 1rem;
  border: 1px solid #D9E2F3;
  border-radius: 2px;
}
div.section div.netShop h3 {
  margin: 0 0 1rem;
  border-bottom: 0px solid #B7C6E7;
}
div.netShop span.figure {
  display: block;
  margin: 0 0 0.5rem;
}
div.netShop span.shop {
  display: block;
  text-align: center;
}
div.netShop span.link {
  padding-left: 10px;
  text-decoration: none;
  background: url('../../../img5/link_p.png') no-repeat 0 50%;
}
div.netShop a:hover {
  text-decoration: underline;
  background: url('../../../img5/link_pov.png') no-repeat 0 50%;
}
@media all and (min-width: 480px) {
  div.netShop span.figure {
    /*
    ddisplay: inline;
    mmargin: 0 1rem 0 0;
    */
  }
  div.netShop span.shop {
    /*
    ddisplay: inline;
    ttext-align: left;
    */
  }
}
/* ====================================================
 * HDMI / ANALOG / FDDHDD / CABLE
 * ==================================================== */
/* pd index List 2 ---------------- */
.section ul.indexList {
	margin: 0 0 10px;
  padding-left: 0;
	position: relative;
  overflow: hidden;
}
ul.indexList > li {
	margin: 8px 0;
	padding-bottom: 8px;
	position: relative;
  overflow: hidden;
	border-bottom: 1px dotted #ccc;
}
ul.indexList li p {
  padding-left: 0;
}
ul.indexList.cableList li p {
  padding-left: 0;
}
ul.indexList li p img {
  position: static;
  display: block;
  margin: 8px 0 0;
}
ul.indexList li ul {
  padding-left: 20px;
  margin: 0 0 8px;
}
ul.indexList.cableList li ul {
  padding-left: 20px;
}
ul.indexList li ul.f-iconList {
  padding-left: 0;
  margin: 0;
}
@media all and (min-width: 480px) {
  ul.indexList li p {
    padding-left: 215px;
  }
  ul.indexList.cableList li p {
    padding-left: 150px;
  }
  ul.indexList li ul {
    padding-left: 235px;
  }
  ul.indexList.cableList li ul {
    padding-left: 170px;
  }
  ul.indexList li ul.f-iconList {
    padding-left: 215px;
    overflow: hidden;
  }
  ul.indexList li p img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
ul.indexList li p span {
  display: inline-block;
}
ul.indexList li ul.f-iconList li {
	display: block;
  float: left;
	list-style: none;
	padding: 0 0 0 1px;
}

/* RefersubInfo --------------------------------------------------------------- */
#pcpd .refBox {
  padding: 1rem 1rem;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.iconLink p.link {
  text-align: center;
  margin: 0 0 1rem;
}
.iconLink p.link a {
  font-weight: 700;
  padding-left: 0;
  background: none;
}
.iconLink p.link a span.title {
  display: block;
}
div.iconLink p.explan {
  margin: 0;
}
@media all and (min-width : 481px) {
  div.iconLink p.link {
    text-align: left;
    margin: 0;
  }
  .iconLink p.link a {
    font-weight: 700;
  }
  .iconLink p.link a span.title {
    margin-bottom: 0.5rem;
  }
  .iconLink p.link img {
    display: block;
    float: left;
    margin: 0 1rem 1rem 0;
    height: auto;
    width: auto;
    max-width: 100%;
  }
}

/* ====================================================
 * HD84U HD14
 * ==================================================== */
div.productHeader {
  margin: 0 0 30px;
}
div.productHeader p.keyvisual img {
  width: 100%;
}
div.productHeader ul {
  margin: 0 0 10px;
  padding-left: 10px;
	list-style: none;
}
/* pdHeader ----------------------- */
div.pdHeader {
  box-sizing: border-box;
  display: block;
  margin-bottom: 20px;
  width: auto;
}
div.pdHeader .pdImage {
  box-sizing: border-box;
  display: block;
  padding-right: 0;
  margin-bottom: 10px;
  width: auto;
}
div.pdHeader .pdImage img {
  width: 100%;
  max-width: 320px;
}
div.pdHeader .pdImage p {
  text-align: center;
}
div.pdHeader .outline {
  box-sizing: border-box;
  display: block;
  width: auto;
}
@media all and (min-width: 480px) {
  div.pdHeader {
    display: table;
    width: 100%;
  }
  div.pdHeader .pdImage {
    display: table-cell;
    vertical-align: top;
    padding-right: 15px;
    width: 50%;
  }
  div.pdHeader .pdImage img {
    width: 100%;
    max-width: 100%;
  }
  div.pdHeader .outline {
    display: table-cell;
    vertical-align: top;
    position: relative;
    width: 50%;
  }
}
div.pdHeader .outline .model {
  font-size: 1.4rem;
  margin-bottom: 15px;
  padding-left: 10px;
}
div.pdHeader .outline .point {
  margin-bottom: 10px;
  padding-left: 20px;
  line-height: 1.5;
}
div.pdHeader .outline .priceList {
  margin-bottom: 10px;
  padding-left: 10px;
  list-style: none;
  line-height: 1.5;
}
div.pdHeader .outline .priceList li span {
  display: inline-block;
}
div.pdHeader .outline .priceList.les200ab {
  padding-left: 15px;
}
div.pdHeader .outline .priceList.les200ab li {
  list-style: disc;
}
div.pdHeader .outline .priceList.les200ab li span.item ,
div.pdHeader .outline .priceList.les200ab li span.number ,
div.pdHeader .outline .priceList.les200ab li span.price {
  display: block;
}
div.pdHeader .outline .priceList.les200ab li span.price span {
  font-size: 0.88em;
}
div.pdHeader .outline .priceList.amm li span {
  width: 3em;
}
div.pdHeader .outline .f-iconList {
  padding-left: 10px;
}
div.pdHeader .outline .noteList {
  padding-left: 10px;
}
div.pdHeader .outline .noteList li span.mark {
  color: #DC143C;
}

/* f-iconList --------------------- */
ul.f-iconList {
  overflow: hidden;
}
ul.f-iconList li {
	display: inline-block;
  float: left;
	list-style: none;
  margin: 0 2px 5px 0;  
}

dl.descripList {
	overflow: hidden;
}
dl.descripList dt {
	font-weight: 700;
	margin-bottom: 5px;
}
dl.descripList dd {
	margin-bottom: 15px;
	padding: 0 0 0 10px;
}
dl.descripList dd ul {
	margin-bottom: 0;
}
dl.descripList dd:last-child {
	margin-bottom: 0;
}

/* ul specTable ------------------- */
.section ul.specTable {
  display: table;
  padding: 0;
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
ul.specTable li {
  display: table-row;
  margin-bottom: 0;
}
ul.specTable li.header {
  background-color: #f6f7f8;
}
ul.specTable li span.model ,
ul.specTable li span.spec ,
ul.specTable li span.price {
  display: block;
  text-align: left;
  padding-left: 3.3em;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
ul.specTable li span.model {
  width: 25%;
}
@media all and (min-width: 480px) {
  ul.specTable li span.price {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
  }
  ul.specTable li span.model {
    width: 20%;
  }
  ul.specTable li span.spec {
    width: auto;
  }
  ul.specTable li span.price {
    width: 20%;
    min-width: 5em;
  }
}
ul.specTable li span.spec {
  width: auto;
}
ul.specTable li span.price {
  text-align: right;
  width: 20%;
}
ul.specTable li span.price span.sub {
  display: inline-block;
  font-size: 80%
}

/* spec table ---------- */
.specTable .price {
  text-align: right;
}
.specTable .header .price .sub {
  font-size: 80%;
}
.specTable td sup {
	vertical-align: super;
  font-size: 0.66em;
}
.specTable td p.note {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 0.88em;
}
.specTable td {
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-all;
}
.specTable.col3 {
  display: block;
  width: 100%;
  border: none;
}
.specTable.col3 tbody ,
.specTable.col3 tr {
  display: block;
}
.specTable.col3 .header ,
.specTable.col3 th {
  display: none;
}
.specTable.col3 td {
  display: block;
  padding: 3px 8px;
  border: none;
}
.specTable.col3 .model:before {
  content: '型番: ';
}
.specTable.col3 .spec ,
.specTable.col3 .price {
  padding-left: 3.3em;
}
.specTable.col3 .price {
  text-align: left;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
@media all and (min-width: 480px) {
}
/* star mark list ---------- */
.snoteList2 li {
	list-style-type: none;
  font-size: 0.88em;
	position: relative;
	height: 100%;
}
.snoteList2 li span.mark {
	color: #DC143C;
	position: absolute;
	top: 0;
	left: 0;
}
.snoteList2 li {	padding-left: 2em;		}

.section .noteList ul.link {
  margin-top: 5px;
  margin-left: 0;
  padding-left: 0;
}
.section .noteList ul.link li {
  padding-left: 0;
}

div.featuresBox {
}
div.featuresBox h3 {
  border-left: none;
  _order-top: 2px solid cornflowerblue;
  padding-left: 0;
  margin-bottom: 0;
}
div.featuresBox h3 span {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  line-height: 30px;
  text-align: center;
  background-color: cornflowerblue;
}
div.featuresBox h3 + div {
  padding-left: 40px;
}
.section ul.featuresList {
  padding: 0;
}
ul.featuresList li {
  display: table;
  border-top: 2px solid cornflowerblue;

}
ul.featuresList li div {
  display: table-cell;
}
ul.featuresList li span {
  display: block;
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: cornflowerblue;
}
ul.featuresList li div p {
  padding-left: 15px;
}

/* Video Seemless LMS-MKSC1 =============================================== */
div.vidSeemless.videoFigure {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}
div.vidSeemless {
	padding: 10px;
}
div.vidSeemless.videoFigure video {
  width: 100%;
}
div.videoBox {
  margin-top: 1.75rem;  
}
div.videoBox p {
  margin-bottom: 0.125rem;
}
.section ul.strList {
	padding-left: 0;
}
.section ul.strList li {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}
ul.strList li:before {
	content: '※';
}
.section table + ul.strList {
	margin-top: -20px;
}

.section .iconLayout .text .notice {
	margin-top: 1em;
	padding-left: 1em;
	text-indent: -1em;
}
.section .iconLayout .text .notice span {
	color: #DC143C;	
}

/* IMAGE-BOX ---------- */
.cellLayout .cell.image .caption {
  font-size: 88%;
  display: block;
}
.cellLayout .cell.image .pict + .pict {
  margin-top: 20px;
}

/* OPTIONTABLE & LIST ---------- */
div.optionTable {
}
div.optionTable .optionList {  
}
div.optionTable .optionList dt {
  font-weight: bold;
  padding: 4px 4px; 
  background-color: #f6f7f8;
}
div.optionTable .optionList dd {
  margin-top: 0.5em;
}
div.optionTable .optionList dd li {
  list-style: none;
  text-indent: -3em;
  padding-left: 3em;
}

/* ELEMENTS ============================================================== */
/* PICT TITLE ---------- */
.pict span.title {
  display: block;
  text-align: left;
  margin-bottom: 8px;
}
p + .pict ,
.pict + .pict {
  margin-top: 1.5em;
}
.pict .caption {
  font-size: 88%;
  display: block;
  margin-top: 5px;
}

ul.itemsList {
  list-style: none;
}
ul.itemsList UL {
  margin-bottom: 0;
}
.inner > ul.itemsList {
  padding-left: 0;
}
.cationBox {
  padding: 0.5rem 1rem;
  margin-bottom: 2rem;
  border: 1px solid #ffdc00;
  background-color: #ffffcc;
}
/*------------------------*/
div.bnrExBox {
  
}
div.bnrExBox img {
  width: 100%;  
}