@charset 'UTF-8';
/* ====================================================
Top page
==================================================== */
/* ------------------------
新着レシピ
------------------------ */
#top-new .sec-header:after
{
    display: table;
    clear: both;

    content: '';
}

#top-new .sec-header .title
{
    float: left;
}

#top-new .sec-header .catalog
{
    float: right;

    padding-top: 3px;
}

#top-new .sec-header .catalog > span
{
    font-size: 20.8px;
    font-size: 1.3rem;
}

#top-new .sec-header .catalog ul
{
    display: inline-block;

    list-style: none;
}

#top-new .sec-header .catalog ul li
{
    display: inline-block;

    margin-left: 5px;
}

#top-new .sec-header .catalog ul li img
{
    vertical-align: middle;
}

#newrecipe
{
    overflow: hidden;

    height: 260px;
}

#newrecipe ul
{
    margin-right: 0 !important;

    opacity: 0;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}

#newrecipe ul li.item .cite
{
    margin-top: 0;
}

#newrecipe .bx-viewport
{
    min-width: 905px;
}

/* ------------------------
特集
------------------------ */
#top-special .title small
{
    margin-left: 15px;
}
#top-special header
{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

#top-special header a{
    margin: 0;
    margin-left: 1em;
}

.content-list
{
    margin-bottom: 20px;
}

.content-list .inner
{
    background: #f1eee6;
}

.content-list .inner h3
{
    float: left;

    width: 280px;
}

.content-list .inner .list-recipe
{
    float: right;
    overflow: hidden;

    width: calc(100% - 280px);
}

.content-list .inner .list-recipe ul
{
    font-size: 0;

    height: 200px;
    padding: 20px 0 0 30px;

    list-style: none;
}

.content-list .inner .list-recipe ul li
{
    display: inline-block;

    width: 120px;
    margin-right: 30px;
    padding-bottom: 40px;

    vertical-align: top;
}

.content-list .inner .list-recipe ul li .thumb img
{
    font-family: 'object-fit: cover;';

    width: 120px;
    height: 120px;

    transition: opacity .3s ease;

    opacity: 1;
    opacity: 1.0;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    object-fit: cover;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

.content-list .inner .list-recipe ul li .thumb img:hover
{
    opacity: .6;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}

.content-list .inner .list-recipe ul li .title
{
    font-size: 20.8px;
    font-size: 1.3rem;
    line-height: 1.4;

    padding-top: 7px;
}