/*
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: #3e9add;
}

.title_wrapper {
    background-color: #7dc1ed;
}

.cms .title_wrapper {
    background: #7dc1ed;
}

.artist_list > h3 {
    background: #7dc1ed;
}

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

.artist_list .box .from::before {
    background: #7dc1ed;
}

.index .block_news .article.type_topics {
    background: #74bbe7;
}

/* #009ee8 */
@media print, screen and (min-width: 768px) {
    .index .body-wrapper {
        background-color: #7dc1ed;
    }

    .index .block_menu .menu_1 {
        background: #009ee8;
    }
    
    .index > .logo_index_pc {
        background: #7dc1ed;
        background-image: url('/theme/summer/pc_index_background.png');
        background-position: top center;
    }
    
    header {
        background: #fff;
    }
    
    header .menu > ul > li:hover .submenu a {
        background: #3e9add;
        border-bottom: 1px solid #7dc1ed;  /* 120% */
    }
    
    header .menu > ul > li:hover .submenu a:hover {
        background: #357bad; /* 70% */
    }
}

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

    .database .body_wrapper {
        background-color: #7dc1ed;
    }
    
    header {
/*        background: transparent;*/
        background: #3e9add;
    }
    .index header {
        background: transparent;
    }
    footer {
        background: #3e9add;
    }
    .cms {
         background: #3e9add;
    }
    .index .block_menu .article.menu_1 .outline {
        bottom: 16vw;
    }
    .index .block_menu .article.menu_3 .outline {
        bottom: 40vw;
    }
    .index .block_menu .article.menu_4 .outline {
        left: 46vw;
    }
}