@extends('influencer.template.template')
@section('my_meta')
<link rel="stylesheet" href="{{ asset('/css/influencer/if_applied-campaign-list.css') }}?ver=20260401" media="screen and (max-width:767px)">
<link rel="stylesheet" href="{{ asset('/css/influencer/pc/if_applied-campaign-list.css') }}?ver=20260401" 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: 8px;
	}

  @media screen and (max-width: 767px){
	.heart_btn {
	  right: 1px;
	}

    .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.normal.index') }}"
  campaign_status="applied"
  title="応募済みキャンペーン一覧"
></influencer-campaign-list-joined-screen>
@endsection