@charset 'UTF-8';


/*=====<=====<=====<=====<=====<=====<=====
  pc
=====>=====>=====>=====>=====>=====>=====*/
#category #sec01 .category_box
{
    width: 440px;
    margin-left: 15px; 

    border: 1px solid #8c8c8c;
}

#category #sec01 .category_box:nth-of-type(2n+1)
{
    margin-left: 0;
}

#category #sec01 .category_box:nth-of-type(n+3)
{
    margin-top: 20px;
}

#category #sec01 .category_box .c_cat_title
{
    padding: .7em 0;
}

#category #sec01 .category_box .inner
{
    width: 100%;
}

#category #sec01 .category_box .inner ul
{
    padding: 25px 18px;
}

#category #sec01 .category_box .inner ul li
{
    padding-left: 1em; 

    text-indent: -1em;
}

#category #sec01 .category_box .inner ul li + li
{
    margin-top: 1em;
    padding-top: 1em; 

    border-top: 1px solid #ccc;
}

#category #sec01 .category_box .inner ul li a
{
    display: -webkit-flex;
    display:     -ms-flex;
    display:         flex;

    justify-content: space-between;
    align-items: center;
}

#category #sec01 .category_box .inner ul li a span:first-of-type::before
{
    display: inline-block;

    width: 1em;

    content: '・';
    text-indent: 0;
}

#category #sec01 .category_box .inner .c_btn
{
    width: 400px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;

    border-radius: 0;
}

#category #sec01 .category_box .inner .c_btn::before
{
    display: none;
}

@media screen and (max-width: 1024px)
{
    /*=====<=====<=====<=====<=====<=====<=====
    sp
  =====>=====>=====>=====>=====>=====>=====*/
    #category #sec01 .category_box
    {
        width: 100%;
        margin-left: 0;
    }
    #category #sec01 .category_box:nth-of-type(n+2)
    {
        margin-top: 10px;
    }
    #category #sec01 .category_box .c_cat_title
    {
        padding: .5em 0;
    }
    #category #sec01 .category_box .inner
    {
        width: 95%;
    }
    #category #sec01 .category_box .inner ul
    {
        width: 100%;
        padding-right: 0; 
        padding-left: 0;
    }
    #category #sec01 .category_box .inner ul li a
    {
        flex-wrap: wrap;
    }
    #category #sec01 .category_box .inner ul li a span
    {
        width: 100%;
    }
    #category #sec01 .category_box .inner ul li a span:last-of-type
    {
        text-align: right;
    }
    #category #sec01 .category_box .inner .c_btn
    {
        width: 100%;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;

        border-radius: 0;
    }
    #category #sec01 .category_box .inner .c_btn::before
    {
        display: none;
    }
}