/*
Theme Name: Studio Lumia
Author: 石井和生
Description: スタジオルーミアのHP用のWORDPRESSテーマ
Version: 1.0
*/


/* common */
.LH35_LS1{
    line-height:30px;
    letter-spacing:1px;
}
.emphasis_string1{
    font-size:17px;
    color:#333;
    font-weight:bold;
    letter-spacing:1px;
}


.container{
    width:100%;
    margin:0;
    
}

/* ヘッダー */
.header{
    display:flex;
    margin:0;
    padding:10px;
    background:#F8F6F2;
    align-items: center;
    position:relative;
}
.header_symbolmark{
    width:45px;
    object-fit:contain;
}
.h1Area{
    color:#bc9928;
}
/* Studio Lumia */
.h1Area a{
    display:flex;
    flex-direction: column;
    text-decoration: none;
    color:#bc9928;
}
a H1.h1_lumia{
    font-size:30px;
    font-weight:bold;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    /* color:#d4af37; */
    color:#bc9928;
    letter-spacing: 1px;
}
/* （スタジオ　ルーミア） */
a .h1_lumia_jap{
    font-size:18px;
    font-family:'Courier New', Courier, monospace;
    letter-spacing: 1px;
}

/* MENU */
.button_menu{
    color:#888;
    position:absolute;
    right:15px;
    padding:2px 10px;
    box-shadow: 0px 0px 5px 0px #ddd;
    cursor:pointer;
    font-size:22px;
}
.menuArea{
    height:0;
    transition:0.5s;
    overflow: hidden;
}
.menuArea.active{
    height:180px;
    transition:0.5s;
}
 ul.menu {
        background: #F8F6F2;
        border-top:1px solid #eee;
        font-size: 5vw;
        list-style: none;
        overflow: hidden;
        padding: 0;
        display:flex;
        align-items: center;
        flex-wrap:wrap;
        padding:10px;
        margin:0;
    }

        ul.menu li.menu-item{
            margin:0 30px 0 0;
            padding: 2px 10px;

        }
        ul.menu li.menu-item a {
            display: block;
            color: #bc9928;
            text-decoration:none;
            padding: 10px 0;
        }

        .menu a:hover {
            opacity:0.7;
        }

/* 中身 */
.container main{
    width:100%;
    font-family:"BIZ UDPGothic",sans-serif;
}

.container main a{
    font-family:"BIZ UDPGothic",sans-serif;
}


/* index.php firstView */
.firstViewArea{
    width:97%;
    height:250px;
    position:relative;
    background:#fafafa;
    margin:20px auto 80px auto;
}
.firstViewString1{
    position:absolute;
    width:85%;
    height:120px;
    line-height:40px;
    font-weight:bold;
    /* color:#ccc; */
    color: #bc9928;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    text-align:center;
    font-size:19px;
    letter-spacing:1px;
}
.firstViewString2{
    position:absolute;
    width:94%;
    height:100px;
    /* height:90px; */
    left:0;
    right:0;
    margin: 0 auto;
    top:80%;
    background:#fff5f5;

}
    .tsuyomis{
        display:flex;
    }
    .tsuyomi{
        padding:5px 2px;
        width:25%;
        height:100%;
    }
    .tsuyomiImage{
        width:100%;
        text-align:center;
        padding:5px;
    }
    /* .tsuyomiImage div{
        color:#444;
        font-size:13px;
        padding:5px;
        border:1px solid #888;
        width:30px;
        margin:auto;
        border-radius:50%;
        text-align:center;
    } */
    .tsuyomiImage img{
        width:30px;
        display:block;
        margin:auto;
    }
    .tsuyomis .tsuyomi .tsuyomiStr{
        font-size:clamp(8px,2.3vw,9px);
        /* font-size:12px; */
        text-align:center;

    }
    .serviceContent{
    font-size:18px;
    }

/* h2 */
H3.h3_index{
    color:#bc9928;
    letter-spacing: 1.5px;
    font-weight:bold;
}
H3.h3_index,
.koteiPage .post .post-header{
    background:#F8F6F2;
}

H3.h3_index,
.koteiPage .post .post-header h2{
    padding:15px;
    
}
.koteiPage .post .post-header h2{
    color:#333;
}


.koteiPage .post .post-header h2 a{
    font-family:"BIZ UDPGothic",sans-serif;
    text-decoration:none;
    /* color:#555; */
    color:#bc9928;
    
    margin:10px 0;
    font-size:22px;
}

.koteiPage .post .post-content .about-block h3{
    color:#bc9928;
    margin-top:20px;    
    
}
.koteiPage .post .post-content .about-block ul {
    padding-left:35px;
}
.koteiPage .post .post-content .about-block ul li{
    list-style:square;
    font-family:"BIZ UDPGothic",sans-serif;
    font-size:18px;
    margin-bottom:15px;
    color:#333;
    
    
    font-size:22px;
    /* padding-left:35px; */
}
.koteiPage .post .post-content .about-block ul li strong{
    font-size:20px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight:normal;
}


/* ポエムエリア */
.poemArea{
    margin:15px 0px;
    font-family:"BIZ UDPGothic",sans-serif;
    font-size:5vw;
    letter-spacing: 1px;
    padding:15px;
    color:#333;
    line-height:34px;
}
.poemArea_pc{
    height:0;
    overflow: hidden;
}
#posts.koteiPage{
    padding:10px;
}

.koteiPage .post .post-content h3,
.koteiPage .post .post-content h4,
.koteiPage .post .post-content h5{
    font-weight:bold;
    font-family:"BIZ UDPGothic",sans-serif;
    
}


.koteiPage .post .post-content h3{
    color:#555;
    margin:20px;
    font-size:20px;
}

.koteiPage .post .post-content h4{
    color:#444;
    margin:20px 10px;
    font-size:18px;
}
.koteiPage .post .post-content p{
    font-family:"BIZ UDPGothic",sans-serif;
    color:#333;
    margin:10px;
    font-size:18px;
}



/* index.php SERVICES */
main .services{
    padding:10px 15px;
    line-height:40px;
}
main .services .post .post-header h3 a{
    font-size:18px;
    color:#444;
    font-weight:normal;
}
main .services a.service{
    font-size:18px;
    color:#444;
}


/* categorypage */
.container.categorypage{
    padding:10px;
}
h2.category-title{
    background:#F8F6F2;
    padding:5px 10px;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;   
    color:#bc9928;
    font-size:25px;
}

.container.categorypage .category-description{
    font-size:22px;
    margin:5px 10px;
    font-family:"BIZ UDPGothic",sans-serif;
    font-size:18px;
    color:#444;
    letter-spacing: 1px;

}
.container.categorypage h3.post-title{
    padding:5px 10px;
    margin-bottom:20px;
}
.container.categorypage h3.post-title a{
    font-size:clamp(16px,4.5vw,20px);
    color:#444;
    letter-spacing:1px;
    font-family:"BIZ UDPGothic",sans-serif;
}




/* footer */
footer{
    background:#F8F6F2;
    color:#666;
}
footer .copyright{
    padding:20px 2px;
    font-size:14px;
    text-align:center;
}
footer .administrator{
    font-size:12px;
    text-align:center;
}

footer ul.menu {
        font-size: 20px;
        color:#444;
    }