@charset "utf-8";

/* ======================================================
 * common_shopsearch.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Common
 * - Element >>> Heading
 * - Element >>> Text
 * - Element >>> List
 * - Element >>> Link
 * - Element >>> Image
 * - Element >>> Video
 * - Element >>> Form
 * - Element >>> Other
 * - Layout >>> Column
 * - Layout >>> Table
 * - Layout >>> Box
 * - Layout >>> Other
 * - Component >>> Navi
 * - Component >>> Index
 * - Component >>> Other
 * - Clearfix
 * Media Queries
 * Print
====================================================== */

@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  [class^="shopsearch-table-layout"] {
    overflow-x: auto;
    padding-bottom: 1px;
  }
  [class*="shopsearch-table-layout"] th > *:first-child,
  [class*="shopsearch-table-layout"] th > section:first-child > [class*="heading-lv"],
  [class*="shopsearch-table-layout"] td > *:first-child,
  [class*="shopsearch-table-layout"] td > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }

  /* ----- table-layout ----- */
  .shopsearch-table-layout {
    margin-top: 1em;
  }
  .shopsearch-table-layout .shopsearch-table_inner {
    width: 100%;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .shopsearch-table-layout table .image_inner  {
    max-width: 100%;
  }
  .shopsearch-table-layout caption {
    margin-bottom: 22px;
    text-align: left;
  }
  .shopsearch-table-layout caption > *:first-child {
    margin-top: 0 !important;
  }
  .shopsearch-table-layout caption > *:last-child {
    margin-bottom: 0 !important;
  }
  .shopsearch-table-layout .shopsearch-table_title {
    font-size: 1.8rem;
    font-weight: 700;
  }
  .shopsearch-table-layout .shopsearch-table_caption,
  .shopsearch-table-layout .shopsearch-table_caption-v2 {
    margin: .5em 0;
    font-size: 1.4rem;
  }
  .shopsearch-table-layout th,
  .shopsearch-table-layout td {
    padding: 15px 20px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #fff;
    font-weight: 400;
    text-align: left;
  }
  .shopsearch-table-layout thead th {
    vertical-align: middle;
  }
  .shopsearch-table-layout th > *:first-child,
  .shopsearch-table-layout td > *:first-child {
    margin-top: 0 !important;
  }
  .shopsearch-table-layout th.cell-style1 {
    font-weight: 700;
    background-color: #fafafa;
  }

  [class^="shopsearch-table-v2-layout"] {
    overflow-x: auto;
    padding-bottom: 1px;
  }
  [class*="shopsearch-table-v2-layout"] th > *:first-child,
  [class*="shopsearch-table-v2-layout"] th > section:first-child > [class*="heading-lv"],
  [class*="shopsearch-table-v2-layout"] td > *:first-child,
  [class*="shopsearch-table-v2-layout"] td > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }

  /* ----- table-layout ----- */
  .shopsearch-table-v2-layout {
    margin-top: 1em;
  }
  .shopsearch-table-v2-layout .shopsearch-table-v2_inner {
    width: 100%;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .shopsearch-table-v2-layout table .image_inner  {
    max-width: 100%;
  }
  .shopsearch-table-v2-layout caption {
    margin-bottom: 22px;
    text-align: left;
  }
  .shopsearch-table-v2-layout caption > *:first-child {
    margin-top: 0 !important;
  }
  .shopsearch-table-v2-layout caption > *:last-child {
    margin-bottom: 0 !important;
  }
  .shopsearch-table-v2-layout .shopsearch-table-v2_title {
    font-size: 1.8rem;
    font-weight: 700;
  }
  .shopsearch-table-v2-layout .shopsearch-table-v2_caption,
  .shopsearch-table-v2-layout .shopsearch-table-v2_caption-v2 {
    margin: .5em 0;
    font-size: 1.4rem;
  }
  .shopsearch-table-v2-layout th,
  .shopsearch-table-v2-layout td {
    padding: 15px 20px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #fff;
    font-weight: 400;
    text-align: left;
  }
  .shopsearch-table-v2-layout thead th {
    vertical-align: middle;
  }
  .shopsearch-table-v2-layout th > *:first-child,
  .shopsearch-table-v2-layout td > *:first-child {
    margin-top: 0 !important;
  }
  .shopsearch-table-v2-layout th.cell-style1 {
    font-weight: 700;
    text-align: center;
    background-color: #eaecee;
  }
  .shopsearch-table-v2-text {
    display: block;
  }
  .shopsearch-table-v2-text + .shopsearch-table-v2-text {
    margin-top: 35px;
    position: relative;
  }
  .shopsearch-table-v2-text + .shopsearch-table-v2-text::before {
    content: '';
    display: block;
    position: absolute;
    top: -24px;
    left: 50%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #dde1e4 transparent transparent transparent;
  }
  .shopsearch_small-text {
    font-size: 1.8rem;;
  }
}

@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  [class^="shopsearch-table-v2-layout"] {
    overflow-x: auto;
    padding-bottom: 1px;
  }
  [class*="shopsearch-table-v2-layout"] th > *:first-child,
  [class*="shopsearch-table-v2-layout"] th > section:first-child > [class*="heading-lv"],
  [class*="shopsearch-table-v2-layout"] td > *:first-child,
  [class*="shopsearch-table-v2-layout"] td > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }

  /* ----- table-layout ----- */
  .shopsearch-table-layout {
    margin-top: 1em;
  }
  .shopsearch-table-layout .shopsearch-table_inner {
    width: 100%;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .shopsearch-table-layout[data-layout-sp="scroll"] .shopsearch-table_inner{
    width: 912px;
  }
  .shopsearch-table-layout caption {
    text-align: left;
  }
  .shopsearch-table-layout caption > *:first-child {
    margin-top: 0 !important;
  }
  .shopsearch-table-layout .shopsearch-table_title {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .shopsearch-table-layout .shopsearch-table_caption,
  .shopsearch-table-layout .shopsearch-table_caption-v2 {
    margin: .5em 0 0;
    font-size: 1.4rem;
  }
  .shopsearch-table-layout .shopsearch-table_caption-v2 {
    margin-bottom: 1em;
  }
  .shopsearch-table-layout th,
  .shopsearch-table-layout td {
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #fff;
    font-weight: 400;
    text-align: left;
  }
  .shopsearch-table-layout td.is-sp-wide {
    padding: 10px 3px;
  }
  .shopsearch-table-layout thead th {
    vertical-align: middle;
  }
  .shopsearch-table-layout th > *:first-child,
  .shopsearch-table-layout td > *:first-child {
    margin-top: 0 !important;
  }
  .shopsearch-table-layout th.cell-style1 {
    font-weight: 700;
    background-color: #fafafa;
  }
  .shopsearch-table-layout[data-layout-sp="scroll"] {
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .shopsearch-table-layout[data-layout-sp="scroll"]::-webkit-scrollbar {
    height: 12px;
  }
  .shopsearch-table-layout[data-layout-sp="scroll"]::-webkit-scrollbar-track {
    border-radius: 12px;
    background: #f1f1f1;
  }
  .shopsearch-table-layout[data-layout-sp="scroll"]::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background: #888;
  }
  [class^="shopsearch-table-layout"] {
    overflow-x: auto;
    padding-bottom: 1px;
  }
  [class*="shopsearch-table-layout"] th > *:first-child,
  [class*="shopsearch-table-layout"] th > section:first-child > [class*="heading-lv"],
  [class*="shopsearch-table-layout"] td > *:first-child,
  [class*="shopsearch-table-layout"] td > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }

  /* ----- table-layout ----- */
  .shopsearch-table-v2-layout {
    margin-top: 1em;
  }
  .shopsearch-table-v2-layout .shopsearch-table-v2_inner {
    width: 100%;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .shopsearch-table-v2-layout[data-layout-sp="scroll"] .shopsearch-table-v2_inner{
    width: 912px;
  }
  .shopsearch-table-v2-layout caption {
    text-align: left;
  }
  .shopsearch-table-v2-layout caption > *:first-child {
    margin-top: 0 !important;
  }
  .shopsearch-table-v2-layout .shopsearch-table-v2_title {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .shopsearch-table-v2-layout .shopsearch-table-v2_caption,
  .shopsearch-table-v2-layout .shopsearch-table-v2_caption-v2 {
    margin: .5em 0 0;
    font-size: 1.4rem;
  }
  .shopsearch-table-v2-layout .shopsearch-table-v2_caption-v2 {
    margin-bottom: 1em;
  }
  .shopsearch-table-v2-layout th,
  .shopsearch-table-v2-layout td {
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #fff;
    font-weight: 400;
    text-align: left;
  }
  .shopsearch-table-v2-layout td.is-sp-wide {
    padding: 10px 3px;
  }
  .shopsearch-table-v2-layout thead th {
    vertical-align: middle;
  }
  .shopsearch-table-v2-layout th > *:first-child,
  .shopsearch-table-v2-layout td > *:first-child {
    margin-top: 0 !important;
  }
  .shopsearch-table-v2-layout th.cell-style1 {
    font-weight: 700;
    background-color: #eaecee;
    text-align: center;
  }
  .shopsearch-table-v2-layout[data-layout-sp="scroll"] {
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .shopsearch-table-v2-layout[data-layout-sp="scroll"]::-webkit-scrollbar {
    height: 12px;
  }
  .shopsearch-table-v2-layout[data-layout-sp="scroll"]::-webkit-scrollbar-track {
    border-radius: 12px;
    background: #f1f1f1;
  }
  .shopsearch-table-v2-layout[data-layout-sp="scroll"]::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background: #888;
  }
  .shopsearch-table-v2-text {
    display: block;
  }
  .shopsearch-table-v2-text + .shopsearch-table-v2-text {
    margin-top: 38px;
    position: relative;
  }
  .shopsearch-table-v2-text + .shopsearch-table-v2-text::before {
    content: '';
    display: block;
    position: absolute;
    top: -24px;
    left: 50%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #dde1e4 transparent transparent transparent;
  }
  .shopsearch_small-text {
    font-size: 1.8rem;;
  }
}

/* ======================================================
 * Print
====================================================== */
@media print {
}