@charset "UTF-8";


/* ヘッダーロゴ */
.siteHeader_logo img{
    height: 100% !important;
    max-height: 100px !important;
}

/* 固定ページ　ページタイトル背景 */
.page-header{
    background-image: url(https://loose-joint.net/wp/wp-content/uploads/images//topslide_l.jpg);
    background-position: top;
    background-size: cover;
}

/* カレンダーのリンクボタン改変 */
table#wp-calendar tbody tr td a{
    display: block;
    width: 90%;
    height: 100%;
    margin: auto;
    background-color: dodgerblue;
    color: white;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: inset 1px 1px 3px rgba(255,255,255,0.3),
               outset 1px 1px 3px rgba(0,0,0,0.3);
}

/* コピーライトの下のセクションを非表示に */
.copySection p:nth-child(2){
    display: none;
}


/* トップメニュー自作 */
.my_create_nav *{
    all: initial;
    box-sizing: border-box;
    font-size: 18px;
    transition: 0.5s;
}
.my_create_nav{
    display: block;
    width: 100%;
}
.my_create_nav > ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px 12px;
    width: 100%;
}
.my_create_nav > ul > li{
    display: block;
    width: 100%;
    color: steelblue;
    min-height: 3em;
    border: 3px solid steelblue;
    border-radius: 10px;
}
.my_create_nav > ul > li > a{
    text-decoration: none;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 10px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    color: steelblue;
    cursor: pointer;
}
.my_create_nav > ul > li:has(a[aria-current="page"]){
    display: none;
}
.my_create_nav ul li:hover{
    background-color: steelblue;
    color: white;
}
.my_create_nav ul li:hover a{
    color: white;
}
.my_create_nav ul li ul,
.my_create_nav ul li ul *{
    all: initial;
    transition: 0.5s;
    /* display: none; */
}
.my_create_nav ul li ul{
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
    gap: 20px;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    transform: rotateY(90deg);
    z-index: 9999 !important;
}
.my_create_nav ul li ul .sub_menu_title{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    color: whitesmoke;
    font-size: 1.2em;
    text-align: center;
    background-color: steelblue;
    padding: 5px 0px;
}
.my_create_nav ul li ul .sub_menu_title:before,
.my_create_nav ul li ul .sub_menu_title:after{
    content: "";
    display: block;
    width: 30px;
    border-bottom: 3px solid whitesmoke;
    border-radius: 10px;
}
.my_create_nav ul li ul li{
    display: block;
    color: whitesmoke;
    background-color: rgba(0,0,0,0.7);
    min-height: 3rem;
}
.my_create_nav ul li ul li a{
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 1.1em;
    color: whitesmoke;
    cursor: pointer;
}
.my_create_nav ul li ul.click{
    transform: rotateY(0deg);
}


@media (max-width:480px){
    .my_create_nav ul{grid-template-columns: 1fr 1fr;}
    .my_create_nav ul li a{ font-size: 0.9em; }
    .my_create_nav ul li ul li a{ font-size: 1em; }
    
}