/*
 * ピエトロキャンパスのレイアウトに直書きされていたスタイル
 * oceans: www-app/View/Layouts/fans/pietro.ctp の <style> ブロックの移植
 *
 * 講師が2名のときに写真を大きく見せる調整など、他のCSSファイルに無い指定がここにしかないため切り出した。
 * アプリ非表示用の .hide-from-app は表示側で出し分けているため含めていない。
 */
        .l-header__post-recipe {
            position: relative; }
        .l-header__post-recipe:after {
            position: absolute;
            display: block;
            font-family: 'nadia-smp-logoset';
            content: "\e915";
            bottom: 0;
            left: calc(50% - 5px);
            font-size: 10px; }

        .l-header__menu-main-list li.l-header__post-recipe:hover .l-header__menu-sub-list--post {
            visibility: visible !important;
            opacity: 1; }
        /*ログインユーザーメニュー*/
        .l-header__menu-sub-list, .l-header__menu-sub-list--post {
            position: absolute;
            right: -22px;
            visibility: hidden;
            opacity: 0;
            z-index: 1030;
            /*display: flex;
            flex-wrap: wrap;*/
            width: 110px;
            background: #af8728;
            -webkit-transition: opacity .3s;
            -o-transition: opacity .3s;
            transition: opacity .3s;
            border-right: 1px solid #956D45;
            border-left: 1px solid #956D45; }
        .l-header__menu-sub-list li, .l-header__menu-sub-list--post li {
            /*width: 33.3333%;*/
            width: 100%;
            font-size: 90%;
            border-bottom: 1px solid #956D45;
            border-right: none; }
        .l-header__menu-sub-list li:last-child, .l-header__menu-sub-list--post li:last-child {
            border-bottom: none; }
        .l-header__menu-sub-list li:first-child, .l-header__menu-sub-list--post li:first-child {
            border-left: none; }
        .l-header__menu-sub-list li a, .l-header__menu-sub-list--post li a {
            -webkit-box-pack: inherit;
            -webkit-justify-content: inherit;
            -ms-flex-pack: inherit;
            justify-content: inherit;
            padding: 10px 10px;
            font-size: 11px;
            color: #fff;
            font-weight: bold; }
        .l-header__menu-sub-list li a:hover, .l-header__menu-sub-list--post li a:hover {
            background: #5a320a; }
        .l-header__menu-sub-list--post {
            width: 88px;
            text-align: center;
            right: 0; }
        @media (max-width: 767px) {
            .shorten-vspace {
                margin-bottom: -15px!important;;
            }
            .adjust-vspace {
                margin-top: 15px!important;;
            }
        }
        @media (min-width: 992px) {
            .top-section-artist .col-lg-3{
                flex: 0 0 35%;
                max-width: 35%;
            }
            .top-section-artist .row-30 .column {
                padding: 0 4rem;
            }
        }