/* カスタマイズ用CSS */

/* 検索窓デザイン */
.search_container{
  box-sizing: border-box;
  position: relative;
  border: 1px solid #999;
  display: block;
  padding: 3px 10px;
  border-radius: 20px;
  height: 2.3em;
  width: 260px;
  overflow: hidden;
}
.search_container input[type="text"]{
  border: none;
  height: 2.0em;
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 1.3em;
  border: none;
  background: none;
  color: #3879D9;
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  right: 0;
  top: -10px;
  outline : none;
}

/* 検索窓 */
.ec-headerSearch .ec-headerSearch__category {
    width: 30%;
}
.ec-headerSearch .ec-headerSearch__keyword {
    width: 70%;
}

.ec-headerRole {
background-image: url("/html/upload/save_image/header-logo-bk.png");
background-repeat: repeat-x;
}
.ec-headerNaviRole {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 100%;
    max-width: none;
    background: #FFF;
}
.ec-headerRole {
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    max-width: none;
}
.ec-categoryNaviRole {
    padding-left: 0px;
    padding-right: 0px;
    background: #000;
    font-size: 16px;
    max-width: 1800px;
    margin-bottom: 20px;
}
.ec-itemNav__nav li a{
    border-bottom: 1px solid #E8E8E8;
    margin: 0;
    padding: 14px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    line-height: 10px;
    background: #000;
}
.ec-itemNav__nav > li:hover > a {
    background: #003e80;
}
.ec-itemNav__nav > li:hover li:hover > a {
    background: #b8daf9;
}
.ec-itemNav__nav li ul li a {
    border-bottom: 1px solid #E8E8E8;
    padding: 14px 22px 14px 14px;
    font-size: 12px;
    font-weight: normal;
    color: white;
    text-align: left;
    background: #333;
}
.ec-sliderRole {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    max-width: none;
}
.ec-layoutRole .ec-layoutRole__contents {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: none;
    display: flex;
    flex-wrap: nowrap;
}

/* FB上スペースとFBの横幅 */
.ec-eyecatchRole .ec-eyecatchRole__intro {
    margin-bottom: 20px;
}
.ec-eyecatchRole .ec-eyecatchRole__image {
    width: 50%;
}

/* トップページ新着商品リスト */
.ec-newItemRole .ec-newItemRole__list{
    flex-wrap:wrap;
}
.ec-newItemRole .ec-newItemRole__list .ec-newItemRole__listItem{
    width:20%;
    margin:0 auto 20px auto;
}
.ec-newItemRole .ec-newItemRole__list .ec-newItemRole__listItem a{
    max-width:96%;
    display:block;
}
.ec-newItemRole .ec-newItemRole__listItemPrice{
    color:#cc0000;
    font-weight:bold;
    text-align: right;
    font-size:18px;
}

.ec-newItemRole .title_sub01{
margin: 5px 0 10px;
    font-size: 12px;
    font-weight: normal;
}

.ec-secHeading {
border-bottom: dotted 3px #ccc;
margin-bottom: 25px;
}


@media screen and (max-width:768px){
    .ec-newItemRole .ec-newItemRole__list .ec-newItemRole__listItem{
        width:33.3%;
    }
}


/* 価格比較 */
table.hikaku01 {
    margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  /* width: 490px; */
}

table.hikaku01 tbody tr:last-child{
  border-bottom:solid 1px #ddd;
}

table.hikaku01 tbody th{
  text-align: center;
  padding: 7px 0;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  width: 155px;
}

table.hikaku01 tbody th:nth-child(1){
  background-color:#dddddd;
}
table.hikaku01 tbody th:nth-child(2){
  background-color:#f34955;
  color: white;
}
table.hikaku01 tbody th:nth-child(3){
  background-color:#f5b932;
  color: white;
}
table.hikaku01 tbody th:nth-child(4){
  background-color:#21ce34;
  color: white;
}
table.hikaku01 tbody th:nth-child(5){
  background-color:#216dce;
  color: white;
}
table.hikaku01 tbody th:nth-child(6){
  background-color:#9821ce;
  color: white;
}

table.hikaku01 tbody tr:nth-child(2) td{
  font-size: 12px;
  color: #ccc;
}
table.hikaku01 tbody tr:nth-child(2) td span{
  text-decoration: line-through;
}
table.hikaku01 tbody tr:nth-child(3) td{
  font-size: 28px;
}
table.hikaku01 tbody tr:nth-child(3) td span{
  font-size: 14px;
}

table.hikaku01 tbody td{
    font-size: 12px;
  text-align: center;
  padding: 5px 0;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  width: 155px;
}

table.hikaku01 tbody tr:nth-child(4) td span{
    color: #cc0000;
    font-weight: bold;
    font-size: 18px;
}

table.hikaku01 tbody td a{
  background-color: #25b327;
  color: white;
  padding:5px 20px;
  border-radius: 30px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
table.hikaku01 tbody tr:nth-child(3) td{
  font-size: 20px;
}
table.hikaku01 tbody tr:nth-child(3) td span{
  font-size: 12px;
}
table.hikaku01 tbody tr:nth-child(4) td span{
    font-size: 14px;
}
}


/* 性能比較 */
table.hikaku02 {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 90%;
  table-layout: fixed;
}
table.hikaku02 td:nth-child(1){
  width: 70px;
}
table.hikaku02 tr {
  background-color: #e6f2f5;
  padding: .35em;
  border-bottom: 2px solid #fff;
}
table.hikaku02 th,
table.hikaku02 td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #fff;
}
table.hikaku02 th {
  font-size: .85em;
}
table.hikaku02 thead tr{
  background-color: #167F92;
  color:#fff;
}

table.hikaku02 tbody th {
    background: #78bbc7;
    color: #fff;
}
.txt02 {
  text-align: center;
}
.txt01{
   text-align: left;
   font-size: .85em;
}
.price01{
  text-align: right;
  color: #167F92;
  font-weight: bold;
}
.review01{
  text-align: center;
  color: #167F92;
  font-weight: bold;
  font-size: 1.5em;
}
.non{
  background:#fff
}
@media screen and (max-width: 600px) {
  table.hikaku02 {
    border: 0;
    width:100%
  }
  table.hikaku02 th{
    background-color: #167F92;
    display: block;
    border-right: none;
  }
  table.hikaku02 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table.hikaku02 tr {
    display: block;
    margin-bottom: .625em;
  }
  table.hikaku02 td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }
  
  table.hikaku02 td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
    color: #167F92;
  }
  table.hikaku02 td:last-child {
    border-bottom: 0;
  }
  table.hikaku02 tbody th {
    color: #fff;
}
}

/* 商品比較 */
.pro-s{
	display: inline-block;
	vertical-align: middle;
}
.pro-s p{
line-height: 1;
}

table.hikaku03 img{
  margin: 0 10px 0 0;
    vertical-align: middle;
}

table.hikaku03 span{
	vertical-align: middle;
}

table.hikaku03 {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 90%;
  table-layout: fixed;
  border-left: 10px solid #eee;
}
table.hikaku03 td:nth-child(1){
  width: 70px;
}
table.hikaku03 tr {
  background-color: #fff;
  padding: .35em;
  border-bottom: 2px solid #eee;
}
table.hikaku03 th,
table.hikaku03 td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #eee;
}
table.hikaku03 th {
  font-size: .85em;
}
table.hikaku03 thead tr{
  background-color: #00A1F0;
  color:#fff;
}
table.hikaku03 thead tr.bkc01{
  background-color: #E64F4F;
  color:#fff;
}
table.hikaku03 thead tr.bkc02{
  background-color: #E6B94F;
  color:#fff;
}
table.hikaku03 thead tr.bkc03{
  background-color: #4FE691;
  color:#fff;
}
table.hikaku03 thead tr.bkc04{
  background-color: #F07100;
  color:#fff;
}
table.hikaku03 thead tr.bkc05{
  background-color: #666;
  color:#fff;
}

table.hikaku03 tbody th {
    background: #fff;
    color: #333;
}
@media screen and (max-width: 600px) {
  table.hikaku03 th h3 {
    font-size: 18px;
  }
}

/* スペース */
.pro-setumei {
  margin: 0 auto;
  padding: 0;
  width: 90%;
}
.space-t20 {
  margin-top: 20px;
}
.space-t40 {
  margin-top: 40px;
}

/* カラー */
.cl-c00 {
    color: #C00;
}
.cl-0f0 {
    color: #0f0;
}
.cl-00f {
    color: #00f;
}


#fb-back{
background:url("/html/user_data/FB-BK-img-w768.jpg") no-repeat 0 0;
}