/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio
Version: 2.5.1750824868
Updated: 2025-06-25 13:14:28
*/
/* PCでは非表示 */

#primary-mobile-menu{
    display: flex;
    align-items: center;
    flex-direction:space-around;
    font-size: 6px;
    background: #fff;
    padding: 10px;
}
    .site-title {

        margin-right: 30px;
    }
.widget-area{margin-left: 30px;    border-top:2px solid #666;}
.widget ul {
    list-style-type: disclosure-closed;
    padding: 0;
}
.wp-block-button .wp-block-button__link{font-family:none;}
.site-footer > .site-info {
        color: #fff;
    font-family: var(--footer--font-family);
    font-size: var(--footer--font-size);
    line-height: var(--global--line-height-body);
    border-top:none;
}
.site-footer > .site-info .privacy-policy, .site-footer > .site-info .powered-by {
        margin-top: initial;
        margin-left: auto;
        color: #fff;
    }
.site-footer > .site-info a:hover,.site-info a,.site-footer > .site-info a:visited {
    color: #fff;
}
.site-footer{background:#2f2d2d;padding:0 120px;}
.widget ul li{padding:10px 0;}
	.menu-item-description{display:none;}
a{text-decoration:none!important;}
.entry-header{position:relative;}
.taiken-table{font-size:16px;}
.taiken-table th{text-align:center}
;
.no-widgets .site-footer {
	margin-top:0}
:root {
    --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
    --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
    --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
    --responsive--alignfull-width: 100%;
    --responsive--alignright-margin: var(--global--spacing-horizontal);
    --responsive--alignleft-margin: var(--global--spacing-horizontal);
}

a {text-decoration:none;}
.singular .entry-title {
font-size: 52px;
    text-align: center;
    z-index: 9999;
    position: absolute;
	bottom:30px;
    right: 30px;
	text-shadow: 5px 5px 10px #ffffff;}
.site-main {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -60px;
}
footer > .site-info .powered-by {
        margin-top: initial;
        margin-left: auto;
        font-family: auto;
        font-size: 10px;margin-top: -60px;
	padding: 10px;}

.primary-navigation .primary-menu-container > ul > .menu-item {
        display: flex;width:auto;
    }
.site-branding{position: absolute;
    z-index: 9999;
    width: 100vw;
    background: #eeeeeeb5;
    margin-left: -250px;
    padding: 10px 30px;    display: flex;
    align-items: center;}
.site-description{font-size: 14px;}
.site-header {
        padding-top: calc(2.4 * var(--global--spacing-vertical));
        padding: 0;
        background: #eee;
        z-index: 9999;
        width: 100vw;
	position: fixed;}

#primary-menu-list {
    position: fixed;
    top: 0;
    left: 0;
    width: 320px; /* メニュー幅 */
    height: 100vh; /* 画面の高さに合わせる */
    background: #fff; /* 背景色 */
    z-index: 1000; /* 他の要素の上に表示 */
    padding: 100px 20px 100px 20px;


	background:url(http://soushi-j.com/endou/wp-content/uploads/2025/11/2.png) no-repeat right;
}
.primary-navigation > div > .menu-wrapper {
    display: flex;
    justify-content:space-evenly;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    max-width: none;
    padding-left: 0;
    position: relative;
	flex-direction: column;
color:#fff;}
/* メニューをフルスクリーン対応にする */


#page {
    margin-left: 250px; /* メニューの幅分だけコンテンツを右にずらす */
    width: calc(100% - 250px); /* コンテンツ幅を調整 */
}

/* メニュー項目のスタイル */
#primary-menu-list ul {
    list-style: none;
    padding: 0;
}

#primary-menu-list li {
    margin-bottom: 10px;
}

#primary-menu-list a {
    text-decoration: none;
    color: #fff;
    font-size: 22px;
}

#primary-menu-list a:hover {
    color: #eee; /* ホバー時の色 */
}

/* レスポンシブ対応（モバイル用） */
@media (max-width: 768px) {
.menu-button-container {

    position: fixed;
    right: 0;
    padding-top: calc(0.5 * var(--global--spacing-vertical));
    padding-bottom: calc(0.25 * var(--global--spacing-vertical));
}

.menu-button-container{z-index:9999;}
.singular .entry-title {
    text-align: center;
    z-index: 222;
    position: absolute;
    bottom: 30px;
    right: 30px;
    text-shadow: 2px 2px 5px #ffffff;font-size:26px;
}
.site-main {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 100px;
}
.primary-navigation-open .menu-button-container {
    width: 3em;
    z-index: 500;
    background-color: var(--global--color-background);
}
.site-header:not(.has-logo).has-title-and-tagline .site-branding {
margin-right: 0;
        max-width: 100vw;
        z-index: 1;
    }
#page {
    margin-left: 0;
    width: 100vw;

}
.primary-navigation > div > .menu-wrapper {
    display: flex;
	justify-content: flex-start;}
    .site-branding {
        position: absolute;

        width: 100vw;
        background: #eee;
        padding:10px 60px 10px 10px;
        display: flex;
        align-items: center;
        margin: 0;
        flex-direction: column;
    }

#primary-menu-list {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh; /* 画面の高さに合わせる */
    z-index: 1000; /* 他の要素の上に表示 */
    overflow-y: auto; /* メニューが長い場合のスクロール */
	background:url(http://soushi-j.com/endou/wp-content/uploads/2025/11/2.png) no-repeat right;
	padding: 100px 50px;
	width:360px; /* メニュー幅 */
}
#primary-menu-list li {
    margin-bottom:0px;
}
body {
		font-size:16px;}

.menu-button-container .dropdown-icon {
    display: flex;
    align-items: center;font-size:8px;
    flex-direction: column-reverse;width:4em;
}

.widget-area {
    padding: 20px;
    border-top: 2px solid #666;
}
	.site-footer {
    background: #2f2d2d;
		padding: 20px}
	  .sp-br {
    display: block;
    height: 0;
  } }
 
@media only screen and (min-width: 482px) {
 
    :root {
        --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 780px);
        --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
        --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
        --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
    }
}
@media only screen and (min-width: 822px) {
 
    :root {
        --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 780px);
        --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
    }
}