@charset "UTF-8";


#jp-cmp-mobile-main{
}


  #jp-cmp-mobile-main .box-link {
    margin: 10px;
    text-align: right;
  }

  #jp-cmp-mobile-main .jp-cmp-list-social-001 {
    margin: 10px;
    text-align: center;
  }


  #jp-cmp-mobile-main ul.list-service{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
    #jp-cmp-mobile-main ul.list-service > li{
      display: block;
      width: 370px;
      border: 2px solid #ccc;
      box-sizing: border-box;
      margin: 0 0 10px 0;
    }
      #jp-cmp-mobile-main ul.list-service > li .title{}
        #jp-cmp-mobile-main ul.list-service > li .title h2 {
          font-size: 18px;
          font-weight: bold;
          line-height: 24px;
          margin: 10px 8px;
        }
      #jp-cmp-mobile-main ul.list-service > li .summary{
        display: flex;
        margin: 10px 8px;
        height: 80px;
        overflow: hidden; /*はみ出し許さん*/
      }
        #jp-cmp-mobile-main ul.list-service > li .summary img{
          display: block;
          width: 80px;
          height: 80px;
          flex-shrink:0;
        }
        #jp-cmp-mobile-main ul.list-service > li .summary img.round{
          border-radius: 14px;
        }
        #jp-cmp-mobile-main ul.list-service > li .summary p{
          margin: 0 0 0 10px;
          line-height: 20px;
        }

  #jp-cmp-mobile-main ul.list-store{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 8px 5px 8px;
  }
    #jp-cmp-mobile-main ul.list-store > li{
      width: 173px;
      margin: 0 0 5px 0;
      display: flex;
      flex-wrap: nowrap;
      align-items: stretch;
    }
    #jp-cmp-mobile-main ul.list-store > li:nth-last-child(1),
    #jp-cmp-mobile-main ul.list-store > li:nth-last-child(2){ margin-bottom: 0; }
      #jp-cmp-mobile-main ul.list-store > li a{
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        width: 100%;
        background: #e4e4e4;
        color: #1e1e37;
        padding: 8px 5px;
        border-radius: 3px;
        font-size: 12px;
        line-height: 16px;
      }
      #jp-cmp-mobile-main ul.list-store > li a:before{
        display: inline-block;
        content: "";
        width: 0;
        height: 0;
        border: 3px solid transparent;
        border-left: 4px solid #1e1e37;
        margin: 0 2px 0 2px;
      }

  #jp-cmp-mobile-main ul.list-site{
    display: block;
    margin: 5px 8px 10px 8px;
  }
    #jp-cmp-mobile-main ul.list-site > li{
      width: 100%;
      margin: 0 0 5px 0;
    }
      #jp-cmp-mobile-main ul.list-site > li a{
        display: block;
        background: #fe9900;
        color: #fff;
        text-align: center;
        padding: 8px 5px;
        border-radius: 3px;
        font-size: 12px;
        line-height: 16px;
      }

  #jp-cmp-mobile-main ul.list-device{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 10px 8px;
  }
    #jp-cmp-mobile-main ul.list-device > li{
      font-size: 11px;
      line-height: 14px;
      color: #666;
    }
    #jp-cmp-mobile-main ul.list-device > li:not(:last-child):after{
      content: "/";
      padding: 0 2px;
    }
      #jp-cmp-mobile-main ul.list-device > li .fa{
        margin: 0 2px 0 0;
      }
      #jp-cmp-mobile-main ul.list-device > li .fa-mobile{
        font-size: 14px;
      }



/* タブレット以下 */
@media screen and (min-width: 768px) and (max-width: 1070px) {
}

/* スマホ以下 */
@media screen and (min-width: 0px) and (max-width: 767px) {

  #jp-cmp-mobile-main{
  }

    #jp-cmp-mobile-main ul.list-service{}
      #jp-cmp-mobile-main ul.list-service > li{
        width: 100%;
      }
        #jp-cmp-mobile-main ul.list-service > li .summary{
        }
          #jp-cmp-mobile-main ul.list-service > li .summary img{
            width: 68px;
            height: 68px;
          }
          #jp-cmp-mobile-main ul.list-service > li .summary p{
            font-size: 11px;
            line-height: 16px;
            margin: 0 0 0 5px;
          }

    #jp-cmp-mobile-main ul.list-store{}
      #jp-cmp-mobile-main ul.list-store > li{
        width: 49%;
      }


}