/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2021/10/15, 17:08:11
    Author     : FFT
*/

/* #69bf98 */
body {
    background-color: #ffacac;
}

.title_wrapper {
    background-color: #add8d2;
}

.cms .title_wrapper {
    background: #add8d2;
}

.artist_list > h3 {
    background: #add8d2;
}

.artist_list .box {
    border-bottom: 2px solid #add8d2;
}

.artist_list .box .from::before {
    background: #add8d2;
}

.index .block_news .article.type_topics {
    background: #74bbe7;
}
.index .block_menu .article .outline span:after {
   background: #FFFF79;
}
/* #009ee8 */
@media print, screen and (min-width: 768px) {
    .index .body-wrapper {
        background-color: #add8d2;
    }

    .index .block_menu .menu_1 {
        background: #FFACAC;
    }
    
    .index > .logo_index_pc {
        background: #add8d2;
        background-image: url('/theme/spring/pc_index_background.png');
        background-position: top center;
    }
    
    header {
        background: #fff;
    }
    
    header .menu > ul > li:hover .submenu a {
        background: #ffacac;
        border-bottom: 1px solid #ffd4d4;  /* 120% */
    }
    
    header .menu > ul > li:hover .submenu a:hover {
        background: #d28383; /* 70% */
    }
}

@media print, screen and (max-width: 767px) {
    .index {
        background-color: #ffacac;
        background-image: url('/theme/spring/sp_index_logo_background.png');
    }
    
    .index .body-wrapper {
        background-color: #add8d2;
        background-image: url('/theme/spring/sp_index_background.png');
    }

    .database .body_wrapper {
        background-color: #add8d2;
    }
    
    header {
/*        background: transparent;*/
        background: #ffacac;
    }
    .index header {
        background: transparent;
    }
    footer {
        background: #ffacac;
    }
    .cms {
         background: #ffacac;
    }
    .index .block_menu .article.menu_1 .outline {
        bottom: 12vw;
    }
    .index .block_menu .article.menu_2 .outline {
        left: 44vw;
    }
    .index .block_menu .article.menu_4 .outline {
        position: absolute;
        bottom: 20px;
        left: 45vw;
    }
}