@charset "utf-8";

.x-cell {
  border-top: 1px solid #e6e6e6; /*no*/
  border-bottom: 1px solid #e6e6e6; /*no*/
  background: #fff;
  overflow: hidden;
  min-height: 100px;
  &__row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 40px;
    min-height: 100px;
    font-size: 30px;
    color: #333;
    position: relative;
    border-bottom: 1px solid #e6e6e6; /*no*/
    > label {
      font-size: 30px;
    }
    &:last-child {
      border-bottom: none;
    }
  }
  &--activeable {
    &:active {
      background: #fafafa;
    }
  }
  &--indent-line {
    .x-cell__row {
      border-bottom: none;
      &:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px; /*no*/
        background: #e6e6e6;
        position: absolute;
        left: 40px;
        right: 0;
        bottom: 0;
      }
      &:last-child:after {
        display: none;
      }
    }
  }
  &--arrow {
    .x-cell__row {
      padding-right: 60px;
    }
  }
  .x-cell__arrow {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    pointer-events: none;
    right: 25px;
    top: 50%;
    background: url('./icon-arrow-right.png');
    background-size: 100% 100%;
    transform: translate(0, -50%);
  }
}