/* contents */
#Contents {
  position: relative;
  width: 100%;
}

#Contents * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#spContents {
  display: none;
}

/*----------------------/
/* header */
#headerArea {
  margin: 0px;
  letter-spacing: 1px;
  letter-spacing: 1px;
}

#headerArea #poplogoArea {
  margin: 0px 0px 27px 0px;
  padding: 0px 20px 0px 20px;
  height: 43px;
}

#headerArea #poplogoArea #poplogo {
  float: left;
  width: 50%;
  text-align: left;
}

#headerArea #poplogoArea #popclose {
  float: left;
  padding-top: 12px;
  width: 50%;
  text-align: right;
}

h2 {
  position: relative;
  padding-bottom: 0.2em;
  color: #000000;
}

.mh20 {
  border-bottom: 1px solid #CCCCCC;
  font-size: 130%;
  line-height: 1.0;
  vertical-align: top;
  padding-bottom: 0.2em;
  margin-bottom: 118px;
  margin-top: 70px;
}

h3.recompare {
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  margin: 10px 0 10px 0;
}

h3.recompare span {
  font-size: 12px;
  padding-left: 20px;
}

h3.recompare span.pnl {
  font-size: 12px;
  padding-left: 0;
}

div.recompare span.pnl {
  font-size: 10px;
  padding-left: 0;
}

.detailspec {
  margin: -30px 15px 30px;
  text-align: right;
}


/*-----------------------------*/
/* compare */
#compare {
  width: 100%;
  overflow: hidden;
}

#compare .dummy {
	display: none;
}

#compare #fix {
  position: relative;
  border-right: solid 1px #cccccc;
  border-bottom: none;
  height: 252px;
  width: 220px;
  box-sizing: border-box;
}

#compare #seriesArea {
  position: relative;
  width: 100%;
}

#compare #seriesArea td {
  width: 245px !important;
}

#compare #seriesArea td.hidden {
  display: none;
}

#compare #seriesArea .series {
  position: relative;
  width: 245px;
  height: 235px;
  border: solid 1px #cccccc;
  border-left: none;
  border-bottom: none;
  box-sizing: border-box;
}

#compare #seriesArea .series span.label {
  font-size: 14px;
  color: #ffffff;
  display: block;
  text-align: center;
  line-height: 1;
  padding: 9px 0;
}
#compare #seriesArea .series span.label span{
	letter-spacing: -0.5px;
	display: block;
}
#compare #seriesArea .series span.label br{
	display: none;
}
#compare #seriesArea .series span.label strong {
  font-size: 20px;
}

#compare #seriesArea .series span.label.uh-blu-ray-player {
  background-color: #343434;
}

#compare #seriesArea .series span.label.blu-ray-player {
  background-color: #1e78e0;
}

#compare #seriesArea .series span.label.type{
	font-size: 16px;
}

#compare #seriesArea .series span.label.type.gray {
  background-color: #b1b4b6;
  color: #fff;
}

#compare #seriesArea .series span.label.type.blue {
  background-color: #78aeec;
  color: #fff;
}

#compare #seriesArea .series a {
  display: block;
  /*width: 100%;*/
  padding: 0 10px 10px;
  background-color: #ffffff;
  text-align: center;
  /*-webkit-transition: 1.6s;
  -moz-transition: 1.6s;
  -o-transition: 1.6s;
  -ms-transition: 1.6s;
  transition: 1.6s;*/
}

#compare #seriesArea .series a:hover {
  color: #fff;
  opacity: 0.5 ;
}

#compare #seriesArea .series a p {
  display: table;
  width: 100%;
  height: 68px;
  margin: 0 auto;
}

#compare #seriesArea .series a p span {
  display: table-cell;
  vertical-align: middle;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}

#compare #seriesArea .series a p span strong {
  font-weight: normal;
  display: inline-block;
  border: solid 1px #000000;
  padding: 0 5px;
}

#compare #seriesArea .series a span.model_pic {
  display: table;
  width: 100%;
  height: 115px;
  text-align: center;
  border-collapse: separate;
  /*margin: 0 auto 5px;*/
}

#compare #seriesArea .series a span.model_pic img {
  display: table-cell;
  vertical-align: middle;
  margin: 0 auto;
  /*width: 100%;*/
}

#compare #seriesArea .series a span.model_pic.x700 img,
#compare #seriesArea .series a span.model_pic.x800 img,
#compare #seriesArea .series a span.model_pic.s6700 img,
#compare #seriesArea .series a span.model_pic.s1500 img{
  width: 172px;
}
#compare #seriesArea .series{
	position: relative;
}
#compare #seriesArea .series a.proInfo{
	position: absolute;
	background-color: #5787f4;
	color: #fff;
	padding: 5px 0 3px;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 15px;
	width: 150px;
}
#compare #seriesArea .series a.proInfo span{
	font-size: 10px;
}

#compare #contNameArea {
  width: 220px !important;
  background-color: #F6F6F6;
}

#compare #contNameArea tr {
  width: 172px !important;
  height: 65px;
  border: 1px solid #ccc;
  border-bottom: none;
}

#compare #contNameArea tr:last-child {
  border-bottom: solid 1px #cccccc;
}

#compare #contNameArea tr.hs {
  height: 65px !important;
}
#compare #contNameArea tr.ultrahd {
  height: 83px !important;
}
#compare #contNameArea tr.hdr {
  height: 72px !important;
}
#compare #contNameArea tr.dolby {
  height: 75px !important;
}
#compare #contNameArea tr.sbmv{
	 height: 70px !important;
}
#compare #contNameArea tr.hires {
  height: 72px !important;
}
#compare #contNameArea tr.dsee {
  height: 78px !important;
}
#compare #contNameArea tr.dme {
  height: 78px !important;
}
#compare #contNameArea tr.dts_hd {
  height: 89px !important;
}
#compare #contNameArea tr.wifi {
  height: 86px !important;
}
#compare #contNameArea tr.size {
  height: 86px !important;
}
#compare #contNameArea tr.bluetooth {
  height: 88px !important;
}
#compare #contNameArea tr.size td:first-child {
	border-bottom: solid 1px #cccccc;
}
#compare #contNameArea tr.hires span {
	font-size: 12px;
}


#compare #contNameArea tr .contNameOS {
  width: 41px;
  padding: 0 15px 0;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
	box-sizing: border-box;
}

#compare #contNameArea tr .contNameOS.last {
  border-bottom: solid 1px #ccc;
}

#compare #contNameArea tr .contNameOS.desc {
  width: 179px;
  padding: 0 5px;
  border-left: solid 1px #ccc;
	box-sizing: border-box;
	background-color: #fbfbfc;
}

#compare #descArea tr#spec td {
  width: 245px;
  vertical-align: middle;
}

#compare #descArea tr#spec td.hidden {
  display: none;
}

#compare #descArea tr#spec td div.specbox {
  width: 245px !important;
}

#compare #descArea tr#spec td div.specbox p.ch{
  background: #626262;
  border-radius: 10px;
  color: #fff;
}

#compare #descArea tr#spec td div.specbox .desc a:hover {
  opacity: 0.5 ;
  text-decoration: none;
}

#compare #descArea tr#spec td div.specbox .desc {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 245px!important;
  padding: 0;
  border-top: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  text-align: center;
}

#compare #descArea tr#spec td div.specbox .desc:last-child {
  border-bottom: solid 1px #cccccc;
}

#compare #descArea tr#spec td div.specbox .desc.hs {
  height: 65px !important;
}
#compare #descArea tr#spec td div.specbox .desc.ultrahd {
  height: 83px !important;
}
#compare #descArea tr#spec td div.specbox .desc.hdr {
  height: 72px !important;
}
#compare #descArea tr#spec td div.specbox .desc.dolby {
  height: 75px !important;
}
#compare #descArea tr#spec td div.specbox .desc.sbmv {
  height: 70px !important;
}
#compare #descArea tr#spec td div.specbox .desc.hires {
  height: 72px !important;
}
#compare #descArea tr#spec td div.specbox .desc.dsee {
  height: 78px !important;
}
#compare #descArea tr#spec td div.specbox .desc.dme {
  height: 78px !important;
}
#compare #descArea tr#spec td div.specbox .desc.dts_hd {
  height: 89px !important;
}
#compare #descArea tr#spec td div.specbox .desc.wifi {
  height: 86px !important;
}
#compare #descArea tr#spec td div.specbox .desc.bluetooth {
  height: 88px !important;
}
#compare #descArea tr#spec td div.specbox .desc.size {
  height: 86px !important;
}
#compare #descArea tr#spec td div.specbox .desc.mass {
  height: 66px !important;
}

#compare #descArea tr#spec td div.specbox .desc.ultrahd img {
	width: 150px;
}
#compare #descArea tr#spec td div.specbox .desc.hdr img {
	width: 50px;
}
#compare #descArea tr#spec td div.specbox .desc.dolby img {
	width: 39px;
}
#compare #descArea tr#spec td div.specbox .desc.sbmv img {
	width: 120px;
}
#compare #descArea tr#spec td div.specbox .desc.ldac img {
	width: 82px;
}
#compare #descArea tr#spec td div.specbox .desc.hires img {
	width: 50px;
}
#compare #descArea tr#spec td div.specbox .desc.dsee img {
	width: 120px;
}
#compare #descArea tr#spec td div.specbox .desc.dme img {
	width: 100px;
}
#compare #descArea tr#spec td div.specbox .desc.wifi img {
	width: 86px;
}
#compare #descArea tr#spec td div.specbox .desc.bluetooth img {
	width: 172px;
}

#compare #descArea tr#spec td div.specbox .desc p {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  font-size: 13px;
  /*line-height: 20px;*/
  text-align: center;
	/*padding: 6px 0 0;*/
}
#compare #descArea tr#spec td div.specbox .desc.bg_g {
  background-color: #f6f6f6;
}
#compare #descArea tr#spec td div.specbox .desc.dot p span {
  font-size: 13px;
}
#compare #descArea tr#spec td div.specbox .desc p span {
  font-size: 20px;
  font-weight: bold;
}

#compare #descArea tr#spec td div.specbox .desc p small {
  display: block;
  font-size: 11px;
  line-height: 16px;
  margin: 0 auto 5px;
}

#compare #descArea tr#spec td div.specbox .desc p img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
}

#compare #descArea tr#spec td div.specbox .desc p img.dsee {
	width: auto;
}
#compare #contNameArea tr .contNameOS .pc {
	display: block;
}
#compare #contNameArea tr .contNameOS .sp {
	display: none;
}

.notes p {
  font-size: 13px;
  line-height: 20px;
  color: #000000;
}

#compare #seriesArea {
  overflow: scroll;
  overflow-y: hidden;
  overflow-x: scroll ;
}

#compare #contNameArea {
  overflow: hidden;
}

#compare #descArea {
  overflow-y: hidden;
  overflow-x: scroll;
  /*padding-right: 17px;*/
  padding-bottom: 18px;
  border-right: none;
  border-bottom: none;
  /*width: 1028px !important;*/
}

#compare #seriesArea::-webkit-scrollbar-track{background:#f1f1f1;}
/*#compare #descArea::-webkit-scrollbar{width:10px;}*/
#compare #descArea::-webkit-scrollbar-track{background:#f1f1f1;}/*バーの背景色*/


#fixarea.fixed {
  position: fixed;
  top: 0;
  background-color: #fff;
  z-index: 10;
}

#coverbox.fixed {
  position: fixed;
  width: 100%;
  height: 217px;
  background-color: #ffffff;
  z-index: 1;
  top: 0;
  left: 0;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}
#compare #descArea tr#spec td div.specbox .desc.model br.sp{
	display: none;
}
#compare #contNameArea tr .contNameOS.desc dr.sp{
		display: none;
}

.detailspec{
	margin: -30px 0 30px;
}
/************************/
@media screen and (max-width: 640px) {
  .s5-container {
    overflow-x: scroll;
    border: none;
  }
	.mh20{
		border-bottom: none;
	}
  #pcContents {
    display: block;
	  width: 100% !important;
  }
	
  #spContents {
    display: block;
  }
  #spContents * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #spContents h2 {
	  width: 100%;
	  margin: 70px 0 38px;
	  line-height: 1.3;
  }
	#spContents .table_area{
		width: 100%;
		overflow: hidden; /* floatさせた要素を内包しているため指定 */
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		/*border-left: 1px solid #CCC;*/
	}
	#coverbox.fixed{
		/*height: 214px;*/
		height: 144px;
	}
	#compare #fix {
		position: relative;
		border: solid 1px #cccccc;
		border-bottom: none;
		/*height: 214px;*/
		height: 171px;
		width: 109px;
	}
	#compare #contNameArea{
		width: 109px !important;
	}
	#compare #contNameArea tr .contNameOS {
		width: 20px;
		padding: 0 ;
		font-size: 8px;
	}
	#compare #contNameArea tr .contNameOS .pc {
		display: none;
	}
	#compare #contNameArea tr .contNameOS .sp {
		display: block;
		width: 11px;
		padding-left: 4px;
	}
	#compare #contNameArea tr .contNameOS.desc {
		width: 89px;
		word-break: break-all;
		line-height: 1.2;
	}
	#compare #seriesArea .series {
		position: relative;
		width: 115px;
		height: 154px;
		/*height: 214px;*/
		/*width: 118px;*/
		border: solid 1px #cccccc;
		border-left: none;
		border-bottom: none;
		box-sizing: border-box;
	}
	#compare #seriesArea .series a {
		padding: 0 10px 10px;
	}
	#compare #seriesArea .series a.proInfo{
		padding: 2px 0 0;
		bottom: 8px;
		font-size: 7px;
		width: 75px;
	}
	#compare #seriesArea .series a.proInfo span{
		font-size: 10px;
	}
	#compare #seriesArea .series a span.model_pic img{
		width: 100%;
	}
	#compare #seriesArea .series a span.model_pic.x700 img,
	#compare #seriesArea .series a span.model_pic.x800 img,
	#compare #seriesArea .series a span.model_pic.s6700 img,
	#compare #seriesArea .series a span.model_pic.s1500 img{
	  width:90%;
	}
	#compare #descArea{
		height: 1465px !important;
		padding-bottom: 18px;
	}
	/*#compare #descArea::-webkit-scrollbar{width:10px;}*/
	#compare #descArea::-webkit-scrollbar-track{background:#dddddd;}/*バーの背景色*/
	/*#compare #descArea::-webkit-scrollbar-thumb{background:#2cc2e4;}*/
	
	#compare #descArea tr#spec td{
		width: 164px !important;
		/*width: 118px !important;*/
	}
	#compare #descArea tr#spec td div.specbox{
		width: 115px !important;
		/*width: 118px !important;*/
	}
	#compare #descArea tr#spec td div.specbox .desc {
		width: 115px !important;
		/*width: 118px !important;*/
		word-break: break-all;
	}
	#compare #seriesArea .series span.label{
		font-size: 10px;
		line-height: 1.3;
		padding: 9px 2px;
		height: 22px;
	}
	#compare #seriesArea .series span.label br{
		display: block;
	}
	#compare #descArea tr#spec td div.specbox .desc p{
		padding: 0;
		font-size: 8px;
	}
	#compare #descArea tr#spec td div.specbox .desc p span,
	#compare #seriesArea .series span.label.type{
		font-size:  10px;
	}
	#compare #seriesArea .series span.label.type{
		height: 16px;
		width: 115px;
		display: table-cell;
		vertical-align: middle;
		padding: 3px 0 1px;
	}
	#compare #descArea tr#spec td div.specbox .desc.ultrahd p img,
	#compare #descArea tr#spec td div.specbox .desc.dsee p img,
	#compare #descArea tr#spec td div.specbox .desc p img.extrabass{
		width: 90%;
	}
	#compare #descArea tr#spec td div.specbox .desc.hdr p img,
	#compare #descArea tr#spec td div.specbox .desc.hires p img{
		width: 35%;
	}
	#compare #descArea tr#spec td div.specbox .desc.wifi p img{
		width: 60%;
	}
	#compare #descArea tr#spec td div.specbox .desc.bluetooth p img{
		width: 80%;
	}
	#compare #descArea tr#spec td div.specbox .desc.dolby img {
		width: 28%;
	}
	#compare #descArea tr#spec td div.specbox .desc.dme img {
		width: 66%;
	}
	#compare #descArea tr#spec td div.specbox .desc.ldac img {
		width: 50%;
	}
	#compare #descArea tr#spec td div.specbox .desc.sbmv img {
		width: 65%;
	}
	
	#compare #contNameArea tr.hs {
	  height: 48px !important;
	}
	#compare #descArea tr#spec td div.specbox .desc.hs {
	  height: 48px !important;
	}
	#compare #descArea tr#spec td div.specbox .desc.mass {
	  height: 49px !important;
	}
	#compare #descArea tr#spec td div.specbox .desc.balance p span{
		font-size: 10px;
	}
	#compare #seriesArea .series span.label span{
		transform: scale(0.9, 1);
		display: block;
		letter-spacing: 0;
	}
	#compare #contNameArea tr.size .contNameOS.desc{
		/*letter-spacing: -1.3px;*/
		/*font-size: 7px;*/
	}
	#compare #contNameArea tr.size .contNameOS.desc span{
		font-size: 7px;
		line-height: 2;
		display: block;
	}
	#compare #contNameArea tr.mass .contNameOS.desc{
		letter-spacing: 0;
	}
	#compare #contNameArea tr.mass .contNameOS.desc span{
		font-size: 7px;
	}
	#compare #contNameArea tr.terminal .contNameOS.desc  span {
		font-size: 7px;
	}
	#compare #descArea tr#spec td div.specbox .desc.terminal p{
		line-height: 1.4;
		padding: 0 4px;
	}
	#compare #descArea tr#spec td div.specbox .desc.terminal p br {
		display: none;
	}
	#compare #contNameArea tr.function .contNameOS.desc,
	#compare #contNameArea tr.handsfree .contNameOS.desc{
		letter-spacing: -1.9px;
	}
/*	#compare #contNameArea tr.comp .contNameOS.desc{
		letter-spacing: 0;
	}*/
	#compare #contNameArea tr .contNameOS.desc dr.sp{
		display: block;
	}
/*	#compare #contNameArea tr.function .contNameOS.desc span,
	#compare #contNameArea tr.comp .contNameOS.desc span,
	#compare #contNameArea tr.handsfree .contNameOS.desc span{
		transform: scale(0.9, 1);
		display: inline-block;
	}*/
	#compare #contNameArea tr.chromecast .contNameOS.desc span{
		letter-spacing: 0;
	}
	#compare #contNameArea tr.ipContpro,
	#compare #descArea tr#spec td div.specbox .desc.ipContpro,
	#compare #contNameArea tr.ipCont,
	#compare #descArea tr#spec td div.specbox .desc.ipCont{
	  height: 54px !important;
	}
	#compare #contNameArea tr.model,
	#compare #descArea tr#spec td div.specbox .desc.model{
		height: 70px !important;
	}
	#compare #contNameArea tr.function,
	#compare #descArea tr#spec td div.specbox .desc.function{
		height: 72px !important;
	}
	.desc.weight span{
		font-size: 24px;
		font-weight: bold;
	}
	#compare #descArea tr#spec td div.specbox .desc p.speaker{
		font-size: 8px;
		letter-spacing: -1px;
	}
	#compare #descArea tr#spec td div.specbox .desc.model br.sp{
		display: block;
	}
	#compare #descArea tr#spec td div.specbox .desc.codec span{
		/*letter-spacing: -0.2px;*/
		letter-spacing: 0.4px;
		font-size: 7px;
	}
	html.android #compare #descArea tr#spec td div.specbox .desc.codec{
    	letter-spacing: -0.8px;
	}
	*{
		-webkit-overflow-scrolling: touch;
	}
}