/* 全体 */
a {
  text-decoration: none;
}

a {
  transition-property: opacity;
  transition-duration: 0.5s;
}
a:hover {
  opacity: 0.5; 
}

header {
  position: fixed;
  z-index: 9999;
  top: 0;
  background-color: #fef5ee;
width: 100%;
margin: 0 auto;
text-align: center;
}

@media (max-width: 782px) {
    header {
        max-width: 100%; 
    }
}

:where(.wp-site-blocks *:focus){outline-width:2px;outline-style:solid}
/* 全体 ここまで */

/* ヘッダー部分レイアウト */
.custom-alignment {
    display: flex;
    justify-content: space-between;
    align-items: center; 
margin: 0 auto;
width: 1400px;
padding: 10px 50px 0 50px; 
}

@media (max-width: 782px) {
    .custom-alignment{
        max-width: 100%; 
    }
}

.custom-alignment .left-item {
    text-align: left;
margin-bottom: 0;
padding: 1.5em 1em 1em 3em;
}

.custom-alignment .right-item {
    text-align: right;
padding-right: 3em;
}
/* ヘッダー部分レイアウト ここまで */

/* 上部メニュー(headerではない) */
.header_menu{
gap: 1em 0 !important;
text-align: center;

}
.header_menu_outline{
}
/* 上部メニュー(headerではない) ここまで */


/* Top メインエリア専用クラス */

.main_area{
margin: 0 auto;
padding-top: 100px;
}

@media (max-width: 782px) {
    .main_area{
        padding-top: 200px; 
    }
}
/* Top メインエリア専用クラス ここまで */

/* トップページの特定のテキスト専用 */
.shinkokyu{
font-size: 140%;
font-weight: bold;
    padding: 1rem 0 0.4rem;
    margin-bottom: 0.5rem;
background-image: linear-gradient(135deg, #e48cb1 0%, #e48cb1 100%);
    background-repeat: no-repeat;
    background-size: 45% 2px;
    background-position: left bottom;
    font-weight: bold;
}
/* トップページの特定のテキスト専用 ここまで */

/* Top 新着記事 ※CSSとfunction.phpで実装 */
.news-list{
width: 100%;
text-align: center;
display: flex;
justify-content: space-between;
gap: 10px;

@media (max-width: 782px) {
flex-direction: column;
}
}

.news-list2{
width: 100%;
text-align: left;
display : block;
}

.news-list .news-list-inner {
 padding: 20px 5px;
 border: 2px solid #f5f5f5;
}
.archive .news-list .news-list-inner {
 background: #fff;
 padding: 20px;
}

.news-list ul {
 list-style: none;
 margin: 0 0 20px;
}
.news-list li {
 padding: 10px;
 border-bottom: 1px solid #ddd;
}

.news-list a {
 color: #333;
 text-decoration-line: none;
}
.news-list a:hover {
 opacity: 0.6;
}
.news-list a.wp-block-button__link {
 color: #fff;
}
.news-list a.wp-block-button__link:hover {
 color: #F87474;
}
.news-list .news_date {
 margin: 0;
 font-size: 14px;
}
.news-list .news_title {
 margin: 0;
 font-size: 18px;
 line-height: 30px;
 padding-top: 10px;
 padding-bottom: 10px;
}

.box {
flex: 1; 
text-align: center;
padding: 20px;
border: None;
}

.box_thum{
width: 100%;
}
/* Top 新着記事 ※CSSとfunction.phpで実装 ここまで */

/* "page"クラスは固定ページのときに適用されるWordpressコアなクラス */
.page main{
font-size: 0.95rem;
}

.page main{
background-image:url("../wp-content/uploads/2024/12/sitemap_bg_t.png");
background-repeat: repeat;
}

.page h1{

}

.page h2{
font-size: 20px;
border-left: 3px solid #e48cb1;
padding-left: 10px;
}

.page h3{
font-size: 24px;
font-style: italic;
}

.page table{
text-align: left;
margin: 0;
padding: 0;
border-collapse:collapse;
width: 100%;
box-shadow: 0 0.15em 0.3em 0 #666666; 
}

.page .wp-block-cover{
background-color: #FFFFFF;
}

.page .heading{
width: 100%;
background-color: #666666;
border-left: 1em solid #CCCCCC;
border-radius: 2px;
color: #ffffff;
font-weight: bold;
padding: 1em 1em;
margin: 0 0 0;
font-size: 1em;
}

.page .test{
font-size: 1em;
}

/* "page"クラスは固定ページのときに適用されるWordpressコアなクラス ここまで */


/* プロフィールテーブル用 */
.p1 th{
font-weight: normal;
padding : 10px 0px 10px 25px;
margin: 0px;
width: 13%;
}

.p1 td{
padding : 10px;
margin: 0px;
width: 87%;
}
.p1 .line1{
background-color: #EEEEEE;
margin: 0;
}

.p1 .line2{
background-color: #FFFFFF;
margin: 0;
}

/* プロフィールテーブル用ここまで */


/* 影付き枠線 プロフィール等 */
.custom-shadow{
box-shadow: 0 0.15em 0.3em 0 #666666; 
}

.custom-div{
margin: 20px 0px;
padding: 15px;
}
/* 影付き枠線 プロフィール等 ここまで */


/* フェードイン */
.fadein_bak {
	opacity: 0;
	transform: translateY(30px);
	transition-property: transform, opacity;
	transition-duration: 1.5s;
	transition-delay: 0s;
}

.fadein.is-active {
	opacity: 1;
	transform: translateY(0);
}
/* フェードイン ここまで */


/* フッターメニュー用 */
.v_top{
vertical-align: top;
}
/* フッターメニュー用 ここまで */