@charset "UTF-8";
/* 共通 */
 /*@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed); */

 
 /*文字の色を一文字ごとにかえる。 */
 
.kakaku span:nth-child(1) { color: green;font-size: 8px; }


.sample_area {
  margin: 0 15px 90px; }

.wish_list {
  margin: 0 auto 18px;
  padding: 0;
  background-color: #f9f9f9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px #ddd solid;
  border-spacing: 0; }
  .wish_list thead {
    background-color: #5cc;
    color: #fff; }
.sample_area.wish_list th {
    margin-bottom: 9px;
    padding: 9px 15px;
    border-left: 1px #4bb solid;
    font-weight: normal; }
    .wish_list th:first-child {
      border-left-width: 0; }
  .wish_list tbody {
    vertical-align: top; }
    .wish_list tbody td {
      border-left: 1px #aaa solid; }
      .wish_list tbody td:first-child {
        border-left-width: 0; }

/* モバイル用 */
@media screen and (max-width: 768px) {
  body {
    font-size: 12px; }

  .wish_list {
    width: 100%; }
    .wish_list tbody tr {
      display: block;
      padding-bottom: 12px; }
    .wish_list tbody td {
      display: block;
      padding: 3px 0;
      width: 100%;
      border-left-width: 0; }
      .wish_list tbody td:before {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        margin-right: 5px;
        color: #888;
        font-weight: normal; }
      .wish_list tbody td:nth-of-type(2):before {
        content: "９号帆布／品番:"; }
      .wish_list tbody td:nth-of-type(3):before {
        content: "価格:"; }
      .wish_list tbody td:nth-of-type(4):before {
        content: "６号帆布／品番:"; }
      .wish_list tbody td:nth-of-type(5):before {
        content: "価格:"; }
    .wish_list tbody .title {
      margin: 0 -15px;
      padding-right: 15px;
      padding-left: 15px;
      margin-bottom: 9px;
      background-color: #69C;
      color: #fff;
      text-align: center; }

  .sample_area01 th {
    display: none; }
  .sample_area01 tr {
    padding: 0 15px; }

  /* IE8対応 */
  .sample_area02 .wish_list_pc {
    display: none; }
  .sample_area02 .wish_list tr {
    display: block; }
  .sample_area02 .wish_list thead {
    display: none; }
  .sample_area02 .wish_list tbody tr {
    overflow: hidden; }
    .sample_area02 .wish_list tbody tr:after {
      *zoom: 1; }
      .sample_area02 .wish_list tbody tr:after:after {
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
        overflow: hidden;
        visibility: hidden; }
  .sample_area02 .wish_list tbody td {
    float: left; }
    .sample_area02 .wish_list tbody td:before {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      content: attr(data-th) ":"; }
  .sample_area02 .wish_list tbody .wish_list_inner {
    padding: 0 15px; }
  .sample_area02 .wish_list tbody .title {
    margin: 0\9;
    padding-right: 0\9;
    padding-left: 0\9; }
    .sample_area02 .wish_list tbody .title:before {
      content: none; } }
/* PC用 */
@media screen and (min-width: 769px) {
  body {
    font-size: 15px; line-height: 1.2; color: black; }
     
  .wish_list_mobile {
    display: none; }

  .wish_list th,
  .wish_list td {
    display: table-cell; }

  .wish_list td:before {
    display: none; }

  .wish_list tr:nth-child(even) {
    background-color: #ddd; }
  .wish_list td {
    padding: 7px 15px; }
    .wish_list td:before {
      display: none; }
  .wish_list .date {
    width: 6em; } }

