/* カスタマイズ用CSS */
/*ヘッダー*/
header.ec-layoutRole__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (min-width: 768px) {
    .ec-headerRole {
        width: 450px;
    }
}

@media only screen and (min-width: 768px) {
    .ec-headerNaviRole {
        padding-bottom: 30px;
    }
}

/*ヘッダー検索窓*/
.ec-headerNaviRole .ec-headerNaviRole__right {
    justify-content: flex-end;
}

.ec-headerNaviRole {
    justify-content: flex-end;
}

.ec-headerNaviRole .ec-headerNaviRole__right {
    width: auto;
    margin-left:20px;
}

/*左カラム新着情報*/
.ec-layoutRole__left .ec-newItemRole .ec-newItemRole__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
.ec-layoutRole__left .ec-newItemRole .ec-newItemRole__listItem {
        margin-bottom: 15px;
        width: 100%;
    }
}

/*左カラムメニュー*/
@media only screen and (min-width: 768px) {
    .ec-itemNav__nav li a {
        min-width: 250px;
        text-align: left;
    }
}

.ec-itemNav__nav li ul li a {
    min-width: 250px;
}

.ec-itemNav__nav li ul {
    min-width: 250px;
}
/*特集*/
.ec-eyecatchRole {
    align-items: center;
}