@charset "UTF-8";
/* Scss Document */
/* 文字セット */
/*include*/
/*------------------------------------------------------------
共通
------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  -webkit-text-size-adjust: 100%;
  font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Verdana, Roboto, 'Droid Sans', sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #333; }

h1, h2, h3, h4, h5 {
  font-weight: 400; }

li {
  list-style: none; }

img {
  width: 100%;
  vertical-align: bottom; }

a {
  text-decoration: none; }

@media screen and (min-width: 769px) {
  img {
    width: initial;
    display: block;
    margin: 0 auto; } }

.notSp {
  display: none !important; }

@media screen and (min-width: 769px) {
  .notPc {
    display: none !important; }
  .notSp {
    display: block !important; } }

.pickupitems {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }
  .pickupitems .pickupitems_upper {
    margin-bottom: 5%; }
  .pickupitems h1 {
    display: block;
    background: #000;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    font-size: 2rem;
    margin-bottom: 4%; }
  .pickupitems .upperItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .pickupitems .upperItems h2 {
      display: block;
      font-size: 1.5rem;
      font-weight: bold;
      color: #555;
      line-height: 1.2em;
      margin-top: 10px; }
    .pickupitems .upperItems .upperItems_link {
      color: #000;
      display: block;
      height: 100%; }
    .pickupitems .upperItems .upperItems_item {
      width: 48%;
      margin-bottom: 4%; }
    .pickupitems .upperItems .upperItems_imgWrapper {
      margin-bottom: 5%; }
      .pickupitems .upperItems .upperItems_imgWrapper img {
        display: block;
        width: 100%; }
    .pickupitems .upperItems .upperItems_labels {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .pickupitems .upperItems .upperItems_label {
      display: block;
      padding: 3px 4px;
      background: #888;
      color: #fff;
      margin-right: 3px;
      font-size: 3vw;
      font-weight: bold; }
      .pickupitems .upperItems .upperItems_label.popular {
        background: #bf0000; }
    .pickupitems .upperItems .upperItems_price {
      display: none; }
      .pickupitems .upperItems .upperItems_price span {
        font-size: 200%;
        font-weight: bold;
        display: inline-block;
        margin-right: 5px; }
  .pickupitems .underItems .underItems_item {
    width: 100%;
    margin-bottom: 3%; }
  .pickupitems .underItems .underItems_link {
    display: block;
    width: 100%; }
    .pickupitems .underItems .underItems_link img {
      display: block;
      width: 100%; }

@media screen and (min-width: 769px) {
  .pickupitems .pickupitems_upper {
    margin-bottom: 0; }
  .pickupitems h1 {
    margin-bottom: 30px; }
  .pickupitems .upperItems .upperItems_link:hover {
    cursor: pointer;
    opacity: .8; }
  .pickupitems .upperItems .upperItems_item {
    width: 31%; }
  .pickupitems .upperItems .upperItems_label {
    font-size: 2rem;
    font-weight: bold;
    padding: 8px 15px;
    margin-right: 10px;
    letter-spacing: .1em; }
  .pickupitems .upperItems h2 {
    display: none;
    margin-top: 10px;
    font-size: 2rem;
    font-weight: bold;
    color: #333; }
  .pickupitems .upperItems .upperItems_price {
    color: #bf0000;
    display: block;
    font-size: 1.5rem; }
  .pickupitems .underItems .underItems_link:hover {
    cursor: pointer;
    opacity: .8; } }