/*
Template: albatros
Theme Name: albatros_custom
Theme URI:http://open-cage.com/albatros/
*/

#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 2px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}
 
#footerFloatingMenu img {
    max-width: 99%;
}
@media only screen and (min-width: 768px) and (max-width: 1099px){
    .nav > li {
        width: 118px;
    }
}

/* 
    LOOS WEB STUDIO
 */

.header .subnav p,
.header .subnav a,
.header .subnav a::before{
    color: #fff !important;
}

.mean-container .mean-bar{
    background: #A40000;
}
@media only screen and (max-width: 767px) {
    .mobile_site_description {
        padding: 0.5em 0;
    }
}

@media only screen and (min-width: 768px) {
    .header .subnav{
        z-index: 1;
        color: #fff;
    }
    .header .subnav::before{
        content: "";
        position: absolute;
        top:0;
        left: 50%;
        transform: translateX(-50vw);
        display: block;
        width: 100vw;
        height: 100%;
        background: #A40000;
        z-index: -1;
    }
}

.home #logo{
    display: none !important;
}
.home #custom_header_full{
    display: none !important;
}
@media only screen and (min-width: 768px) {
    .home #inner-header .subnav{
        position: relative !important;
    }
}
.top_main_view{
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
}
.top_main_view img{
    display: block;
}
.top_main_view .message_{
    background: #A40000;
    padding: 2em 1em;
    text-align: center;
    text-rendering: optimizelegibility;
    font-family: Lato, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    /* font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "Noto Serif JP", serif; */
}

.top_main_view .big_{
    display: block;
    color: #DCA541;
    font-size: 38px;
    margin-bottom: .5em;
    letter-spacing: 3px;
    font-weight: bold;
}
.top_main_view .small_{
    color: #fff;
    font-size: 1.1em;
    letter-spacing: 2px;
}

/* ピックアップスライダー */
#top_carousel {
    margin-top: 0 !important;
    padding: 2em 0;
    background: #F0E5C2;
}
#top_carousel .ttl{
    color: #A40000;
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .5em;
}

#top_carousel .bx-wrapper{
    max-width: 100% !important;
    margin-bottom: 16px;
}
#top_carousel .bx-wrapper ul li .eyecatch {
    height: 112px;
}
@media only screen and (max-width: 767px) {
    #top_carousel .bx-wrapper ul li{
        width: 46vw !important;
        margin: 0 2vw;
    }
    #top_carousel .bx-wrapper ul li .eyecatch {
        height: 56% !important;
    }
    .top_main_view .message_{
        padding: 1.5em .25em;
    }
    .top_main_view .big_{
        font-size: 5vw;
        margin-bottom: .25em;
        letter-spacing: 0;
    }
    .top_main_view .small_{
        font-size: 3.2vw;
        letter-spacing: 0;
    }
}

/* H2,H3 */
#content .entry-content h2{
    
    line-height: 1.25;

    /* 固定ページを考慮して */
    position: relative;
    
    color: #FFF;
    border: none;
    background: #a40000;
    font-size: 1.25em;
    padding: 0.75em 0.75em;
    margin-top: 2em;
    margin-bottom: 5em;
    border-radius: 5px;
}
#content .entry-content h2::before{
    content: "";
    display: block;
    width: 3em;
    height: 3em;
    background: url(./img/daruma_red_laugh.png) no-repeat center / contain;
    position: absolute;
    top: 100%;
    top: calc( 100% + 8px );
    left: 0;
    border: none;
    
}
#content .entry-content h2:after {
    content: '';
    position: absolute;
    border-top-width: 16px;
    border-top: 16px solid #a40000;
    border-right: 12px solid transparent;
    border-left: 4px solid transparent;
    bottom: -14px;
    left: 3em;
    

}
#content .entry-content h3{
    background: #dca541;
    border: none;
    border-radius: 8px;
    line-height: 1.25;
    padding: 0.75em;
}