/*
 Theme Name:   Twenty Twenty-One Child
 Template:     twentytwentyone
*/






* -------------------------------------------------------------------------- */

/*	2. entry-title  Entry Content 3983-4033
/* -------------------------------------------------------------------------- */


.entry-title {
	color: var(--entry-header--color);
	font-size: var(--entry-header--font-size);
	letter-spacing: var(--heading--letter-spacing-h2);
	line-height: var(--heading--line-height-h2);
	overflow-wrap: break-word;
}

.entry-title a {
	color: var(--entry-header--color-link);
	text-underline-offset: 0.15em;
}

.entry-title a:hover {
	color: var(--entry-header--color-hover);
}

.entry-title a:focus {
	color: var(--entry-header--color-focus);
}

.entry-title a:active {
	color: var(--entry-header--color-link);
}

.singular .entry-title {
	font-size: 3rem !important;   /* ;var(--global--font-size-page-title);  */
}

h1.entry-title {
	line-height: var(--heading--line-height-h1);
	font-weight: var(--heading--font-weight-page-title);
}


/**
 * Entry Content
 */
.entry-content,
.entry-summary {
	font-family: var(--entry-content--font-family);
}

.entry-content p {
	word-wrap: break-word;
}

.entry-content > iframe[style] {
	margin: var(--global--spacing-vertical) 0 !important;
	max-width: 100% !important;
}

* -------------------------------------------------------------------------- */

/*	2-a. entry-title  Entry Content 3983-4033 phase
/* -------------------------------------------------------------------------- */


.entry-title2 {
	color: var(--entry-header--color);
	font-size: var(--entry-header--font-size);
	letter-spacing: var(--heading--letter-spacing-h2);
	line-height: var(--heading--line-height-h2);
	overflow-wrap: break-word;
}

.entry-title2 a {
	color: var(--entry-header--color-link);
	text-underline-offset: 0.15em;
}

.entry-title2 a:hover {
	color: var(--entry-header--color-hover);
}

.entry-title2 a:focus {
	color: var(--entry-header--color-focus);
}

.entry-title2 a:active {
	color: var(--entry-header--color-link);
}

.singular .entry-title2 {
	font-size: 5rem !important;   /* ;var(--global--font-size-page-title);  */
	font-family:BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif,;
	color:#990000;
}


h1.entry-title2 {
	line-height: var(--heading--line-height-h1);
	font-weight: var(--heading--font-weight-page-title);
}


/**
 * Entry Content
 */
.entry-content,
.entry-summary {
	font-family: var(--entry-content--font-family);
}

.entry-content p {
	word-wrap: break-word;
}

.entry-content > iframe[style] {
	margin: var(--global--spacing-vertical) 0 !important;
	max-width: 100% !important;
}


* -------------------------------------------------------------------------- */

/*	3-a. sinki box phase
/* -------------------------------------------------------------------------- */




.box3 {
	padding: 0.5em 1em;
	margin: 2em 0;
	color: #2c2c2f;
	background-color: #cde4ff;/*背景色*/
}


.box3 a{
	color:white;
	text-decoration: none; 
}


.box3 p {
	margin: 1rem auto; 
	padding: 10px;
	text-align: center;
	background-color: #990000;
	color:white;
	max-width:80%;
}




/*3944 phase toptitle sukima*/


.singular .entry-header {
	border-bottom: 3px solid var(--global--color-border);	    
	padding-bottom: calc(0 * var(--global--spacing-vertical));  /*(2 * var(--global--spacing-vertical))*/
	margin-bottom: calc(0 * var(--global--spacing-vertical));  /*(3 * var(--global--spacing-vertical))*/
}


/*3944 phase toptitle tuiki*/
.singular .entry-header-ch1 {
	/*border-bottom: 3px solid var(--global--color-border);*/
	padding-bottom: calc(0 * var(--global--spacing-vertical));  /*(2 * var(--global--spacing-vertical))*/
	margin-bottom: calc(0 * var(--global--spacing-vertical));  /*(3 * var(--global--spacing-vertical))*/
	font-size: var(--entry-header--font-size);
}



/*4585 nav */
.primary-navigation {
	position: absolute;
	top: var(--global--admin-bar--height);
	right: 0;
	color: var(--primary-nav--color-text);
	font-size: var(--primary-nav--font-size);
	line-height: 1.15;
	margin-top: 0;
	margin-bottom: 0;
}



/*4665 nav */
@media only screen and (min-width: 482px) {

	.primary-navigation {
		position: relative;
		margin-left: auto;
	}

	.primary-navigation > .primary-menu-container {
		visibility: visible;
		opacity: 1;
		position: relative;
		padding: 0;
		background-color: transparent;
		overflow: initial;
		transform: none;
	}

	.primary-navigation #toggle-menu {
		display: none;
	}

	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
		display: none;
	}

	.admin-bar .primary-navigation {
		top: initial;
	}

	.admin-bar .primary-navigation > .primary-menu-container {
		top: initial;
	}
}

.primary-navigation > div > .menu-wrapper {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	max-width: none;
	padding-left: 0;
	position: relative;
}



* -------------------------------------------------------------------------- */

/*	2-a-child. pageb entry-title  Entry Content 3983-4033
/* -------------------------------------------------------------------------- */
/*tukawanai ?*/

.entry-title-ch1 {
	color: var(--entry-header--color);
	font-size:2rem !important;/* var(--entry-header--font-size);  */
	letter-spacing: var(--heading--letter-spacing-h2);
	line-height: var(--heading--line-height-h2); 
	overflow-wrap: break-word;
}

.entry-title-ch1 a {
	color: var(--entry-header--color-link);
	text-decoration: none; 
	/* text-underline-offset: 0.15em;   */
}

.entry-title-ch1 a:hover {
	color: var(--entry-header--color-hover);
}

.entry-title-ch1 a:focus {
	color: var(--entry-header--color-focus);
}

.entry-title-ch1 a:active {
	color: var(--entry-header--color-link);
}

/*kokomade*/

/*phase sita kaisou title OK*/
.singular .entry-title-ch1 {
	font-size: 2rem !important;   /* ;var(--global--font-size-page-title);  */
	font-family:BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif,;
    padding: 0.5rem 1rem 0.5rem 1.5rem;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(to top, #a9f959 10%, #58CFFB 100%);
    background-repeat: no-repeat;
    background-size: 0.5rem 100%;
    font-weight: bold;
}



/*tuiki */
.entry-title-ch1 {
	line-height: var(--heading--line-height-h2);
	font-weight: var(--heading--font-weight-page-title);
	text-decoration: none; 
	border-bottom:none;

}



/*phase sita kaisou title OK 240118*/
.singular .entry-title-ch2 {
	font-size: 2rem !important;   /* ;var(--global--font-size-page-title);  */
	font-family:BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif,;
    padding: 0.5rem 1rem 0.5rem 1.5rem;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(to top, #a9f959 10%, #58CFFB 100%);
    background-repeat: no-repeat;
    background-size: 0.5rem 100%;
    font-weight: bold;
　　margin-top:2rem;
}



/*tuiki 2240118 */
.entry-title-ch2 {
	line-height: var(--heading--line-height-h2);
	font-weight: var(--heading--font-weight-page-title);
	text-decoration: none; 
	border-bottom:none;

}







/**
 * Entry Content
 */
.entry-content,
.entry-summary {
	font-family: var(--entry-content--font-family);
}

.entry-content p {
	word-wrap: break-word;
}

.entry-content > iframe[style] {
	margin: var(--global--spacing-vertical) 0 !important;
	max-width: 100% !important;
}




/**4179  */


.page-header {
	border-bottom: 3px solid var(--global--color-border);
	padding-bottom: calc(2 * var(--global--spacing-vertical));
}


* -------------------------------------------------------------------------- */

/*uebubun logo site-branding 3708-3723 
/* -------------------------------------------------------------------------- */


.site-branding {
	color: var(--branding--color-text);
	margin-right: 140px;

}

.site-branding:last-child {
	margin-right: 0;
	width: 100%;
	text-align: center;
}


.site-title {
    color: var(--branding--color-link);
    font-family: var(--branding--title--font-family);
    font-size: var(--branding--title--font-size-mobile);
    letter-spacing: normal;
    text-transform: var(--branding--title--text-transform);
    line-height: var(--global--line-height-heading);
    margin-bottom: calc(var(--global--spacing-vertical) / 6);


}


/**3758  サイトサブタイトル部分×*/


.site-description {
	color: currentColor;
	font-family: var(--branding--description--font-family);
	font-size: var(--branding--description--font-size);
	line-height: 1.4;
	/**background-color: aqua;*/
　　　　white-space: pre-wrap;

}


/**カラーパレット用COLORPallet*/

:root {
    --color-soft-coral: #f6b7aa;
    --color-milky-night: #0e536d;
    --color-fox-yellow: #fae06a;
}
.has-soft-coral-color {
    color: var(--color-soft-coral);
}
.has-milky-night-color {
    color: var(--color-milky-night);
}
.has-fox-yellow-color {
    color: var(--color-fox-yellow);
}
.has-soft-coral-background-color {
    background-color: var(--color-soft-coral);
}
.has-milky-night-background-color {
    background-color: var(--color-milky-night);
}
.has-fox-yellow-background-color {
    background-color: var(--color-fox-yellow);
}


/**footer 2-4動かなければ削除します*/


.footer-block-in {
    width: 23%;
    padding: 10px 1%;
    float: left;
}
 
.footer-block-in > ul {
    padding: 5px;
    list-style-type: none;
    margin-bottom:20px;
}
 
.footer-block-in > ul ul {
    text-align: left;
    padding: 10px 12px;
    margin-left: 5px;
}
 
.footer-block:after{
    content: "";
    clear: both;
    display: block;
}
 
@media (max-width: 770px) {
    .footer-block-in {
        width: 98%;
        padding: 10px 1%;
        float: none;
    }
}

/**footer 2-4動かなければ削除します2*/

body>footer>aside ul {
	float:left;
	width: 300px;
	padding: 10px;
}




/**a タグ関連　1583*/

a {
	cursor: pointer;
	color: var(--wp--style--color--link, var(--global--color-primary));
	/**text-underline-offset: 3px;*/
	/**text-decoration-skip-ink: all;*/
	text-decoration:none;
}

a:hover {
	text-decoration-style: dotted;
	text-decoration-skip-ink: none;
}


/**a タグ関連　403　IE10*/

a {
	background-color: transparent;
	text-decoration-thickness: 1px;
}



/**a タグ関連　1013　*/

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	font-size: var(--global--font-size-base);
	font-weight: normal;
	color: var(--global--color-primary);
	text-align: left;
	background-color: var(--global--color-background);
}

button {
	cursor: pointer;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}



/*== ボタン共通設定  TEST 7-1-1 phase*/
.btn{
    /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
	overflow: hidden;
    /*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
   	border: 1px none #555;/* ボーダーの色と太さ 1px solid #555;*/
    padding: 10px 30px;
    text-align: center;
    outline: none;
    /*アニメーションの指定*/   
    transition: ease .2s;
    /*追加設定*/   
    width:80%;
}

.btn　a{
　  background-color:#e4d1d1;
}




/*ボタン内spanの形状 phase*/
.btn span {
	position: relative;
	z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	color:#333;
display: inline-block; 

}

.btn:hover span{
	color:#fff;
}

/*== 背景が流れる（左から右）phase */
.bgleft:before {
 	content: '';
    /*絶対配置で位置を指定*/
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 2;
    /*色や形状*/
 	background:#990000;/*背景色  #333;　ホバー時の色*/
 	width: 100%;
	height: 100%;
    /*アニメーション*/
 	transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
 	transform: scale(0, 1);
	transform-origin: right top;
}

/*hoverした際の形状*/
.bgleft:hover:before{
	transform-origin:left top;
	transform:scale(1, 1);
}




* -------------------------------------------------------------------------- */

/*	0. atsystem 
/* -------------------------------------------------------------------------- */
* -------------------------------------------------------------------------- */

/*	2. entry-title  Entry Content 3983-4033 atsystem
/* -------------------------------------------------------------------------- */


.entry-title {
	color: var(--entry-header--color);
	font-size: var(--entry-header--font-size);
	letter-spacing: var(--heading--letter-spacing-h2);
	line-height: var(--heading--line-height-h2);
	overflow-wrap: break-word;
}

.entry-title a {
	color: var(--entry-header--color-link);
	text-underline-offset: 0.15em;
}

.entry-title a:hover {
	color: var(--entry-header--color-hover);
}

.entry-title a:focus {
	color: var(--entry-header--color-focus);
}

.entry-title a:active {
	color: var(--entry-header--color-link);
}

.singular .entry-title {
	font-size: 3rem !important;   /* ;var(--global--font-size-page-title);  */
}

h1.entry-title {
	line-height: var(--heading--line-height-h1);
	font-weight: var(--heading--font-weight-page-title);
}


/**
 * Entry Content
 */
.entry-content,
.entry-summary {
	font-family: var(--entry-content--font-family);
}

.entry-content p {
	word-wrap: break-word;
}

.entry-content > iframe[style] {
	margin: var(--global--spacing-vertical) 0 !important;
	max-width: 100% !important;
}

* -------------------------------------------------------------------------- */

/*	2-a. entry-title  Entry Content 3983-4033 atsystem
/* -------------------------------------------------------------------------- */


.entry-title3 {
	color: var(--entry-header--color);
	font-size: var(--entry-header--font-size);
	letter-spacing: var(--heading--letter-spacing-h3);
	line-height: var(--heading--line-height-h3);
	overflow-wrap: break-word;
}

.entry-title3 a {
	color: var(--entry-header--color-link);
	text-underline-offset: 0.15em;
}

.entry-title3 a:hover {
	color: var(--entry-header--color-hover);
}

.entry-title3 a:focus {
	color: var(--entry-header--color-focus);
}

.entry-title3 a:active {
	color: var(--entry-header--color-link);
}

.singular .entry-title3 {
	font-size: 5rem !important;   /* ;var(--global--font-size-page-title);  */
	font-family:BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif,;
	color:#3366cc;
}


h1.entry-title2 {
	line-height: var(--heading--line-height-h1);
	font-weight: var(--heading--font-weight-page-title);
}


/**
 * Entry Content
 */
.entry-content,
.entry-summary {
	font-family: var(--entry-content--font-family);
}

.entry-content p {
	word-wrap: break-word;
}

.entry-content > iframe[style] {
	margin: var(--global--spacing-vertical) 0 !important;
	max-width: 100% !important;
}


* -------------------------------------------------------------------------- */

/*	3-a. sinki box phase
/* -------------------------------------------------------------------------- */




.box4 {
	padding: 0.5em 1em;
	margin: 2em 0;
	color: #2c2c2f;
	background-color: #3366cc;/*背景色*/
}


.box4 a{
	color:white;
	text-decoration: none; 
}


.box4 p {
	margin: 1rem auto; 
	padding: 10px;
	text-align: center;
	background-color: #3366cc;
	color:white;
	width:80%;
}




/*3944 phase toptitle sukima*/


.singular .entry-header {
	border-bottom: 3px solid var(--global--color-border);	    
	padding-bottom: calc(0 * var(--global--spacing-vertical));  /*(2 * var(--global--spacing-vertical))*/
	margin-bottom: calc(0 * var(--global--spacing-vertical));  /*(3 * var(--global--spacing-vertical))*/
}


/*3944 phase toptitle tuiki*/
.singular .entry-header-ch1 {
	/*border-bottom: 3px solid var(--global--color-border);*/
	padding-bottom: calc(0 * var(--global--spacing-vertical));  /*(2 * var(--global--spacing-vertical))*/
	margin-bottom: calc(0 * var(--global--spacing-vertical));  /*(3 * var(--global--spacing-vertical))*/
	font-size: var(--entry-header--font-size);
}



/*4585 nav */
.primary-navigation {
	position: absolute;
	top: var(--global--admin-bar--height);
	right: 0;
	color: var(--primary-nav--color-text);
	font-size: var(--primary-nav--font-size);
	line-height: 1.15;
	margin-top: 0;
	margin-bottom: 0;
}



/*4665 nav */
@media only screen and (min-width: 482px) {

	.primary-navigation {
		position: relative;
		margin-left: auto;
	}

	.primary-navigation > .primary-menu-container {
		visibility: visible;
		opacity: 1;
		position: relative;
		padding: 0;
		background-color: transparent;
		overflow: initial;
		transform: none;
	}

	.primary-navigation #toggle-menu {
		display: none;
	}

	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
		display: none;
	}

	.admin-bar .primary-navigation {
		top: initial;
	}

	.admin-bar .primary-navigation > .primary-menu-container {
		top: initial;
	}
}

.primary-navigation > div > .menu-wrapper {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	max-width: none;
	padding-left: 0;
	position: relative;
}



* -------------------------------------------------------------------------- */

/*	2-a-child. pageb entry-title  Entry Content 3983-4033
/* -------------------------------------------------------------------------- */
/*tukawanai ?*/

.entry-title-ch2 {
	color: var(--entry-header--color);
	font-size:2rem !important;/* var(--entry-header--font-size);  */
	letter-spacing: var(--heading--letter-spacing-h2);
	line-height: var(--heading--line-height-h2); 
	overflow-wrap: break-word;
}

.entry-title-ch2 a {
	color: var(--entry-header--color-link);
	text-decoration: none; 
	/* text-underline-offset: 0.15em;   */
}

.entry-title-ch2 a:hover {
	color: var(--entry-header--color-hover);
}

.entry-title-ch2 a:focus {
	color: var(--entry-header--color-focus);
}

.entry-title-ch2 a:active {
	color: var(--entry-header--color-link);
}

/*kokomade*/

/*phase sita kaisou title OK*/
.singular .entry-title-ch2 {
	font-size: 2rem !important;   /* ;var(--global--font-size-page-title);  */
	font-family:BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif,;
    padding: 0.5rem 1rem 0.5rem 1.5rem;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(to top, #a9f959 10%, #58CFFB 100%);
    background-repeat: no-repeat;
    background-size: 0.5rem 100%;
    font-weight: bold;
}



/*tuiki */
.entry-title-ch2 {
	line-height: var(--heading--line-height-h2);
	font-weight: var(--heading--font-weight-page-title);
	text-decoration: none; 
	border-bottom:none;

}



/*phase sita kaisou title OK 240118*/
.singular .entry-title-ch3 {
	font-size: 2rem !important;   /* ;var(--global--font-size-page-title);  */
	font-family:BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif,;
    padding: 0.5rem 1rem 0.5rem 1.5rem;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(to top, #a9f959 10%, #58CFFB 100%);
    background-repeat: no-repeat;
    background-size: 0.5rem 100%;
    font-weight: bold;
　　margin-top:2rem;
}



/*tuiki 2240118 */
.entry-title-ch3 {
	line-height: var(--heading--line-height-h2);
	font-weight: var(--heading--font-weight-page-title);
	text-decoration: none; 
	border-bottom:none;

}







/**
 * Entry Content
 */
.entry-content,
.entry-summary {
	font-family: var(--entry-content--font-family);
}

.entry-content p {
	word-wrap: break-word;
}

.entry-content > iframe[style] {
	margin: var(--global--spacing-vertical) 0 !important;
	max-width: 100% !important;
}




/**4179  */


.page-header {
	border-bottom: 3px solid var(--global--color-border);
	padding-bottom: calc(2 * var(--global--spacing-vertical));
}


* -------------------------------------------------------------------------- */

/*uebubun logo site-branding 3708-3723 
/* -------------------------------------------------------------------------- */


.site-branding {
	color: var(--branding--color-text);
	margin-right: 140px;

}

.site-branding:last-child {
	margin-right: 0;
	width: 100%;
	text-align: center;
}


.site-title {
    color: var(--branding--color-link);
    font-family: var(--branding--title--font-family);
    font-size: var(--branding--title--font-size-mobile);
    letter-spacing: normal;
    text-transform: var(--branding--title--text-transform);
    line-height: var(--global--line-height-heading);
    margin-bottom: calc(var(--global--spacing-vertical) / 6);


}


/**3758  サイトサブタイトル部分×*/


.site-description {
	color: currentColor;
	font-family: var(--branding--description--font-family);
	font-size: var(--branding--description--font-size);
	line-height: 1.4;
	/**background-color: aqua;*/
　　　　white-space: pre-wrap;

}

/*== ボタン共通設定  TEST 7-1-1 atsystem*/
.btn2{
    /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
	overflow: hidden;
    /*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
   	border: 1px none #555;/* ボーダーの色と太さ 1px solid #555;*/
    padding: 10px 30px;
    text-align: center;
    outline: none;
    /*アニメーションの指定*/   
    transition: ease .2s;
    /*追加設定*/   
    width:80%;
}

.btn2　a{
　  background-color:#e4d1d1;
}




/*ボタン内spanの形状 phase*/
.btn2 span {
	position: relative;
	z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	color:#333;
display: inline-block; 

}

.btn2:hover span{
	color:#fff;
}

/*== 背景が流れる（左から右）phase */
.bgleft2:before {
 	content: '';
    /*絶対配置で位置を指定*/
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 2;
    /*色や形状*/
 	background:#3366cc;/*背景色  #333;　ホバー時の色*/
 	width: 100%;
	height: 100%;
    /*アニメーション*/
 	transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
 	transform: scale(0, 1);
	transform-origin: right top;
}

/*hoverした際の形状*/
.bgleft2:hover:before{
	transform-origin:left top;
	transform:scale(1, 1);
}




/*　ここまでatsystem用*/