@extends('influencer.template.template')
@section('my_meta')
<link rel="stylesheet" href="{{ asset('/css/influencer/if_offer-campaign-list.css') }}" media="screen and (max-width:767px)">
<link rel="stylesheet" href="{{ asset('/css/influencer/pc/if_offer-campaign-list.css') }}" media="screen and (min-width:768px)">
<style type="text/css" media="screen">
  /* ソートボタンのセクション全体に適用 */
  #feas-sort-menu {
      text-align: center;
      margin: 1em auto;
      padding: 1em 0;
  }
  /* id=feas-sort-menu内のすべてのdivタグに適用 */
  #feas-sort-menu div {
      display: inline-block;
      width: 30%;
      text-align: center;
  }

  /* 見出しに適用 */
  #feas-sort-menu p.midashi {
      display: block;
      font-weight: bold;
      color: #5d5d5d;
      margin-bottom: 0.5em;
      line-height: 1;
  }
  /* すべてのソートボタンに適用 */
  #feas-sort-menu span a {
      color: white;
      display: inline-block;
      width: 2em;
      background-color: #B7A67D;
      border-radius: 3px;
      margin: 0 3px;
  }
  .cp_inner .box01 {
    position: relative;
  }
  .heart_btn {
    position:absolute;
    top: auto;
    right: 0.1px;
  }

  @media screen and (max-width: 767px){
    .heart_btn img {
      width: auto;
      height: 27px;
    }
  }
</style>
@endsection
@section('title', 'オファーを受けているキャンペーン一覧|LINKSHARE REVO')
@section('content_title', 'オファーを受けているキャンペーン一覧')

@section('content')
<influencer-campaign-list-joined-screen
  asset_path="{{ asset('') }}"
  storage_path="{{ asset('storage') }}"
  campaign_path="{{ route('influencer.campaign.offered.index') }}"
  campaign_status="offered"
  title="オファーを受けているキャンペーン一覧"
></influencer-campaign-list-joined-screen>
@endsection