@extends('operator.template.contents_inner')
@section('title', '興味のあるカテゴリ一覧')
@section('my_css')
<link rel="stylesheet" href="{{asset('/css/operator/op_category-list.css')}}">
@endsection
@breadcrumbs([ 'list' => [
	['name' => 'Top', 'href' => '/operator/index'],
	['name' => '興味のあるカテゴリ一覧', 'href' => ''],
]])
@section('content_inner')
<div id="contents">
   <p class="ttl text_large">興味のあるカテゴリ一覧</p>
   <p class="ttl2">■カテゴリ一覧</p>
   
   <div class="category mgt20">
       <div class="clearfix">
           <p class="fl_left"><input type="text" placeholder="新規カテゴリ入力枠"></p>
           <p class="fl_right mgt10"><a href="" class="btn-small">カテゴリ追加</a></p>
       </div>
       <div class="clearfix mgt20">
           <p class="fl_left">・コスメ</p>
           <p class="fl_right"><a href="" class="btn-small">編集</a><a href="" class="btn-small">削除</a></p>
       </div>
       <div class="clearfix mgt20">
           <p class="fl_left">・ファッション</p>
           <p class="fl_right"><a href="" class="btn-small">編集</a><a href="" class="btn-small">削除</a></p>
       </div>
       <div class="clearfix mgt20">
           <p class="fl_left">・料理</p>
           <p class="fl_right"><a href="" class="btn-small">編集</a><a href="" class="btn-small">削除</a></p>
       </div>
       <div class="clearfix mgt20">
           <p class="fl_left">・育児</p>
           <p class="fl_right"><a href="" class="btn-small">編集</a><a href="" class="btn-small">削除</a></p>
       </div>
       <div class="clearfix mgt20">
           <p class="fl_left">・旅行</p>
           <p class="fl_right"><a href="" class="btn-small">編集</a><a href="" class="btn-small">削除</a></p>
       </div>
       <div class="clearfix mgt20">
           <p class="fl_left">・ギフト</p>
           <p class="fl_right"><a href="" class="btn-small">編集</a><a href="" class="btn-small">削除</a></p>
       </div>
       <div class="clearfix mgt20">
           <p class="fl_left">・ガジェット</p>
           <p class="fl_right"><a href="" class="btn-small">編集</a><a href="" class="btn-small">削除</a></p>
       </div>
       <div class="clearfix mgt20">
           <p class="fl_left">・インテリア/DIY</p>
           <p class="fl_right"><a href="" class="btn-small">編集</a><a href="" class="btn-small">削除</a></p>
       </div>
       <div class="clearfix mgt20">
           <p class="fl_left">・ペット/動物</p>
           <p class="fl_right"><a href="" class="btn-small">編集</a><a href="" class="btn-small">削除</a></p>
       </div>
       <div class="clearfix mgt20">
           <p class="fl_left">・スポーツ/フィットネス/ダイエット</p>
           <p class="fl_right"><a href="" class="btn-small">編集</a><a href="" class="btn-small">削除</a></p>
       </div>
       <div class="clearfix mgt20">
           <p class="fl_left">・マネー</p>
           <p class="fl_right"><a href="" class="btn-small">編集</a><a href="" class="btn-small">削除</a></p>
       </div>
       <div class="clearfix mgt20">
           <p class="fl_left">・タレント/芸能</p>
           <p class="fl_right"><a href="" class="btn-small">編集</a><a href="" class="btn-small">削除</a></p>
       </div>
   </div>

</div>
@endsection