@charset "utf-8";
/* Generic-child-joint : main.content ONLY
    メインカラムのコンテンツブロック内にのみ適用される汎用スタイル
    各ページ共通と、ページ個別の指定があります
        【各ページ・複数ページ 共通】
　　　　・メインコンテンツ内ヘッダ・h要素・画像キャプション
　　　　・固定・最上親ページ内子ページリストレイアウト
        ・固定・子ページを持つ最上の親以外のページ内 孫ページ以下ページリスト
        ・ブロック要素（.article-body , .article-sub）
        【ページ個別】
        ・サイトマップページ
        ・お問い合わせページ
        ・メインコンテンツ - INDEX・アーカイブページ（お知らせ）ページナビ
        ・お知らせページ（投稿）共通
        ・お知らせページ（投稿）
        ・検索結果ページ（search.php）
        【メディアクエリ】
*/
/*
    font-family: "IBM Plex Sans", sans-serif;
    font-family: "Noto Sans JP", sans-serif;
    font-family: "Noto Serif JP", serif;
*/
/* Color 
Blue : #3778ac rgba(55,120,172,1.00)
Red : #d5413d rgba(213,65,61,1.00)
*/


/*【各ページ・複数ページ 共通】*/
/* メインコンテンツ内ヘッダ・h要素
------------------------------------------------------------ */
/*メインコンテンツ - メインカラム - エントリーヘッダ：entry.php - header */
main.content header {}
/*メインコンテンツ - メインカラム - エントリーヘッダ - エントリータイトル：header h1.entry-title */
/* main.content header h1.entry-title {
    border-bottom: #535353 double 3px;
    color: #535353;
    font-size: 2.25em;
    font-weight: normal;
    line-height: initial;
    margin: 0 0 1em;
    padding: 0 0 .25em;
    position: relative;
} */

/* 下層 共通 - header h1見出し --- */
main.content header.header{
    align-items: flex-start;
    display: flex;
    justify-content: center;
    line-height: 1;
    margin: 2rem 0;
}
main.content header h1{
    color: rgba(55,120,172,1.00);
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.75em;
    font-weight: bold;
}
main.content header::before,
main.content header::after {
  width: 2px;
  height: 28px;
  content: "";
  background-color: rgba(55,120,172,1.00);
}
main.content header::before{
    margin-right: 1em;
    transform: rotate(30deg);
}
main.content header::after {
    margin-left: 1em;
    transform: rotate(30deg);
}
main.content header h1.entry-title a {
    color: rgba(55,120,172,1.00);
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    pointer-events: none;
}
/*メインコンテンツ - メインカラム - エントリーコンテンツ：entry.php - article.post*/
main.content article.post {}

/*メインコンテンツ - メインカラム - エントリーコンテンツ - エントリーヘッダ：article.post header */
main.content article.post header {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    line-height: 1;
    margin: 2rem 0;
}
/*メインコンテンツ - メインカラム - エントリーコンテンツ - エントリーコンテント：投稿内容 div.entry-content */
main.content article.post .entry-content {
    line-height: 160%;
    padding: 1em 0;
}
/*メインコンテンツ内 h要素（h2～h6）*/
main.content .entry-content h1 , 
main.content .entry-content h2 , 
main.content .entry-content h3 , 
main.content .entry-content h4 , 
main.content .entry-content h5 , 
main.content .entry-content h6 {
    margin: 0 0 1rem;
}

/*メインコンテンツ内 ページ内ナビ*/
main.content nav.local-menu {
    background-color: rgba(213,65,61,.15);
    color: #333;
    margin: 0 auto 30px auto;
    padding: 1rem 1rem 0 1rem;
    width: 100%;
}
main.content nav.local-menu ul {
    list-style: none;
    margin: 0 auto;
}
main.content nav.local-menu ul li {
    border-right: 1px solid #999;
    display: inline-block;
    font-size: .875rem;
    margin: 0 0 1rem 0;
    padding: 0 .5rem;
}
main.content nav.local-menu ul li a:link,
main.content nav.local-menu ul li a:visited,
main.content nav.local-menu ul li a:active {
    color: #333;
    display: block;
    text-decoration: none;
}
main.content nav.local-menu ul li a:hover {
    color: #333;
    display: block;
    text-decoration: underline;
}

/* 固定・最上親ページ内子ページリストレイアウト
-------------------------------------------------------------------- */
main.content .entry-content .child-page-list > ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 2rem;
}
main.content .entry-content .child-page-list > ul > li {
    background-color: #fff;
    display: block;
    list-style: none;
    margin: 0 1%;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    transition: .3s;
    width: 31%;
}
main.content .entry-content .child-page-list > ul > li:hover {
    background-color: #f7f7f7;
}
main.content .entry-content .child-page-list > ul > li:has(span):hover{
    background-color: #fff;
}

/*アイキャッチ画像表示*/
main.content .entry-content .child-page-list > ul > li figure p.thumbnail{
    background: url("../images/front/menu/thum_archive.png") no-repeat center center;
    background-size: cover;
    height: 200px;
    margin: 2rem auto 0;
    padding: 0;
    width: 200px;
}
main.content .entry-content .child-page-list > ul > li figure p img{
    height: 200px;
    margin: 0;
    object-fit: cover;
    transition: .3s;
    width: auto;
}
main.content .entry-content .child-page-list > ul > li:hover figure p img{
    transform:scale(1.1,1.1);    
}
/*アイキャッチ画像　 - 画像未登録の場合*/
main.content .entry-content .child-page-list > ul > li figure p.thumbnail.no-thum{
    align-items: center;
    display: flex;
    justify-content: center;
}
main.content .entry-content .child-page-list > ul > li figure p.thumbnail.no-thum span.slug{
    color: #FFF;
    font-family: "Roboto", sans-serif;
    font-size: clamp(0.8rem, 0.818rem + 0.91vw, 2rem);
    font-style: italic;
    letter-spacing: 2px;
}
/*ハイパーリンク*/
main.content .entry-content .child-page-list > ul > li figure figcaption a ,
main.content .entry-content .child-page-list > ul > li figure figcaption span.no-link {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    text-decoration: none;
}
main.content .entry-content .child-page-list > ul > li figure figcaption span.no-link {
    color: #666;
}
/*ハイパーリンク - リンクエリア拡張*/
main.content .entry-content .child-page-list > ul > li figure a::after{
    background-color:rgba(0,0,0,0);
    content:"";
    pointer-events:auto;
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    z-index:1;
}
/*ハイパーリンク - hover効果*/
main.content .entry-content .child-page-list > ul > li figure a::before {
    background: linear-gradient(302deg, rgba(175,173,217,0.25) 35%, rgba(255,255,255,0.25) 90%);
    content: '';
    height: 110%;
    position: absolute;
    bottom: auto;
    left: 0;
    right: auto;
    top: 0;
    transform-origin: right top;
    transform: skewX(-30deg) scale(0, 1);
    transition: transform .3s;
    width: 200%;
    z-index: 1;
}
main.content .entry-content .child-page-list > ul > li figure  a:hover::before , 
main.content .entry-content .child-page-list > ul > li figure  a:focus::before{
    transform: skewX(-30deg) scale(1, 1);
    transform-origin: left top;
}

/* 固定・子ページを持つ最上の親以外のページ内 孫ページ以下ページリスト
------------------------------------------------------------ */
.sub-child-page-list{}
.sub-child-page-list > ul:has( li ){
    align-items: flex-start;
    background-color: #f7f7f7;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2rem 0 0 0;
    padding: 1rem 1rem 0 1rem;
}
.sub-child-page-list > ul::before , 
.sub-child-page-list > ul::after{
    content: "";
    display: block;
    width: 32%;
    height: 0;
}
.sub-child-page-list > ul::before{
    order: 1;
}
.sub-child-page-list > ul > li {
    background-color: #fff;
    border: #ddd solid 1px;
    list-style: none;
    position: relative;
    transition: .3s;
    width: 32%;
}
.sub-child-page-list > ul > li:last-child {
    margin: 0 0 1rem !important;
}
.sub-child-page-list > ul > li > a {
    display: block;
    padding: 1rem;
}
.sub-child-page-list > ul > li > a::before {
    content: '\eac9';
    font-family: 'Material Icons';
}
/*曾孫以下ページリスト表示*/
.sub-child-page-list > ul > li > ul.children{
    margin: -.5rem 0 0 0 !important;
    padding: 0 0 0 1.5rem;
}
.sub-child-page-list > ul > li > ul.children li{
    list-style: none;
    padding: 0 .5rem .5rem;
}
.sub-child-page-list > ul > li > ul.children li > a::before {
    content: '\e5da';
    font-family: 'Material Icons';
}

/* ブロック要素
div class="article-body article-sub" .article-sbody , .article-sub
---------------------------------------------------- */
.content .article-body {
	margin: 0 auto 50px auto;
	width: 100%;
}
.content .article-body .article-sub  {
	margin: 0 auto 25px auto;
	width: 100%;
}

/*【ページ個別】*/
/* サイトマップページ body.sitemap , ul.wsp-pages-list
------------------------------------------------------------ */
body.sitemap main.content .entry-content .wsp-pages-list{
    margin: 0;
}
body.sitemap main.content .entry-content .wsp-pages-list li {
    line-height: normal;
    list-style: none;
    margin: 0
}
body.sitemap main.content .entry-content .wsp-pages-list li a{
    text-decoration: none;
}
body.sitemap main.content .entry-content .wsp-pages-list li ul{
    margin: 0;
}
/*第一階層*/
body.sitemap main.content .entry-content .wsp-pages-list > li {
    border-bottom: #ddd dotted 1px;
    font-weight: bold;
    margin: 0 0 1rem;
    padding: 0;
}
body.sitemap main.content .entry-content .wsp-pages-list > li > a::before{
    content: "\e5df";
    font-family: 'Material Icons';
}
body.sitemap main.content .entry-content .wsp-pages-list > li > a:last-child{
    display: block;
    padding: 0 0 1rem;
}
/*第二階層*/
body.sitemap main.content .entry-content .wsp-pages-list > li > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .5rem 0 0 1rem;
}
body.sitemap main.content .entry-content .wsp-pages-list > li > ul >li {
    font-weight: normal;
    margin: 0 0 .5rem;
    padding: 0 0 .5rem;
    width: 49%;
}
body.sitemap main.content .entry-content .wsp-pages-list > li > ul >li > a::before{
    content: "\e5cc";
    font-family: 'Material Icons';
}
/*第三階層*/
body.sitemap main.content .entry-content .wsp-pages-list > li > ul >li > ul {
    padding: .5rem 0 0 1rem;
}
body.sitemap main.content .entry-content .wsp-pages-list > li > ul >li > ul >li {
    font-weight: normal;
    margin: 0 0 .5rem;
    padding: 0 0 .5rem;
}
body.sitemap main.content .entry-content .wsp-pages-list > li > ul >li > ul > li:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0;
}
body.sitemap main.content .entry-content .wsp-pages-list > li > ul >li > ul >li > a::before{
    content: "\eac9";
    font-family: 'Material Icons';
}
/*第三階層以下*/
body.sitemap main.content .entry-content .wsp-pages-list > li > ul >li > ul > li ul {
    padding: .5rem 0 0 1rem;
}
body.sitemap main.content .entry-content .wsp-pages-list > li > ul >li > ul >li ul li {
    font-weight: normal;
    margin: 0 0 .5rem;
    padding: 0 0 .5rem;
}
body.sitemap main.content .entry-content .wsp-pages-list > li > ul >li > ul > li ul li:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0;
}
body.sitemap main.content .entry-content .wsp-pages-list > li > ul >li > ul >li ul li a::before{
    content: "-";
}

/* お問い合わせページ body.inquiry , .wpcf7
------------------------------------------------------------ */
body.inquiry main.content .entry-content .wpcf7{
    width: 100%;
}
.wpcf7 form{
    margin: 0 auto;
    width: 80%;
}
/*フォーム入力項目群*/
main.content .entry-content .wpcf7 form .mailform .form_list{
    margin: 3rem 0;
}
main.content .entry-content .wpcf7 form .mailform .form_list dl{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
main.content .entry-content .wpcf7 form .mailform .form_list dl dt{
    text-align: right;
    width: 10rem;
}
main.content .entry-content .wpcf7 form .mailform .form_list dl dd{
    margin: 0;
    width: calc( 100% - 11rem );
}
main.content .entry-content .wpcf7 form .mailform .form_list input[type="checkbox"] + span{
    display: inline-block;
    padding: 0 0 0 .25rem;
}
main.content .entry-content .wpcf7 form .mailform .form_list span.required::after{
    content: "*";
    color: #f00;
    display: inline;
    padding: 0 0 0 .25em;
}
main.content .entry-content .wpcf7 form .mailform .form_list input[type="text"] , 
main.content .entry-content .wpcf7 form .mailform .form_list textarea {
    width: 100%;
}
main.content .entry-content .wpcf7 form .mailform .form_list dl dd > span.select{
    position: relative;
}
main.content .entry-content .wpcf7 form .mailform .form_list dl dd > span.select::after{
    color: #ddd;
    content: "\f078";
    display: inline;
    font-family: FontAwesome;
    position: absolute;
    top: calc( 50% - .5em );
    right: .5em;
}
main.content .entry-content .wpcf7 form .mailform .form_list select {
    appearance: none;
    border: #ddd solid 1px;
    border-radius: 5px;
    font-size: 1em;
    margin: 0;
    padding: .5em 2em .5em .5em;
    max-width: 100% !important;
    height: auto;
}
/*フォーム入力項目群 - 各項目毎設定*/
main.content .entry-content .wpcf7 form .mailform .form_list dl.subject input[type="text"] , 
main.content .entry-content .wpcf7 form .mailform .form_list dl.affiliation input[type="text"] , 
main.content .entry-content .wpcf7 form .mailform .form_list dl.address-addr input[type="text"]{
    width: 80%;
}
main.content .entry-content .wpcf7 form .mailform .form_list dl.name input[type="text"] , 
main.content .entry-content .wpcf7 form .mailform .form_list dl.address-city input[type="text"] , 
main.content .entry-content .wpcf7 form .mailform .form_list dl.tel input[type="tel"] , 
main.content .entry-content .wpcf7 form .mailform .form_list dl.mail input[type="email"]{
    width: 60%;
}
main.content .entry-content .wpcf7 form .mailform .form_list dl.address-zip input[type="tel"] , 
main.content .entry-content .wpcf7 form .mailform .form_list dl.address-pref input[type="text"]{
    width: 30%;
}
main.content .entry-content .wpcf7 form .mailform .form_list dl.age input[type="text"]{
    width: 15%;
}
/*フォーム入力項目群 - 個別設定*/
main.content .entry-content .wpcf7 form .mailform .form_list dl.job span:first-child select{
    margin: 0 0 .5rem;
}
main.content .entry-content .wpcf7 form .mailform .form_list dl.qualification textarea , 
main.content .entry-content .wpcf7 form .mailform .form_list dl.motive textarea , 
main.content .entry-content .wpcf7 form .mailform .form_list dl.pr textarea , 
main.content .entry-content .wpcf7 form .mailform .form_list dl.message textarea {
    height: 8rem;
}
main.content .entry-content .wpcf7 form .mailform .form_list dl.hotel-reserve span.wpcf7-list-item {
    display: block;
    padding: .25rem 0;
}

/*プライバシーチェック*/
main.content .entry-content .wpcf7 form .mailform .form_privacy{
    border: #ddd double 3px;
    margin: 2rem 0;
    padding: 1rem;
    text-align: center;
}
/*プライバシーチェック - チェックボックス*/
main.content .entry-content .wpcf7 form .mailform .form_privacy p input[type="checkbox"] {
    box-sizing: border-box;
    display: none;
    padding: 0;
}
main.content .entry-content .wpcf7 form .mailform .form_privacy p span:nth-child(2) {
    align-items: center;
    display: flex;
    position: relative;
}
main.content .entry-content .wpcf7 form .mailform .form_privacy p span:nth-child(2)::before {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    content: '';
    display: block;
    height: 20px;
    margin: 0 .5rem 0 0;
    position: relative;
    transition: all .2s;
    width: 20px;
}
main.content .entry-content .wpcf7 form .mailform .form_privacy p span:nth-child(2)::after {
    border-left: 2px solid #dc3232;
    border-bottom: 2px solid #dc3232;
    content: '';
    height: 6px;
    margin-top: -6px;
    opacity: 0;
    position: absolute;
        left: 4px;
        top: 50%;
    transform: rotate(-45deg) scale(.5);
    transition: all .2s;
    width: 14px;
}
main.content .entry-content .wpcf7 form .mailform .form_privacy p input[type="checkbox"]:checked + span:nth-child(2)::after {
    opacity: 1;
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}
/*送信ボタン*/
main.content .entry-content .wpcf7 form .mailform input[type="submit"]{
    transition: .3s;
}

/* メインコンテンツ - INDEX・アーカイブページ（お知らせ）ページナビ
-------------------------------------------------------------------- */
#cms-pagination {
    width: 100%;
    overflow: hidden;
    margin: 2em 0 .5em;
}
#cms-pagination ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    position: relative;
}
#cms-pagination ul li , 
#cms-pagination ul li:last-child{
    display: inline-block;
    margin: 0 0 .5em;
}
#cms-pagination ul li a , 
#cms-pagination ul li span{
    align-items: center;
    border:#f7f7f7 solid 1px;
    display: inline-flex;
    justify-content: space-around;
    height: 100%;
    margin: 0 .25em;
    padding: .25em .5em;
    text-decoration: none;
}
#cms-pagination ul li span{
    background-color: #f7f7f7;
    color: #999;
}
/*現在のページ*/
#cms-pagination ul li.pagination-index span{
    color: rgba(55,120,172,1.00);
    font-weight: bold;
}
/*先頭*/
#cms-pagination ul li.pagination-no-num.first a::before , 
#cms-pagination ul li.pagination-no-num.first span::before{
    content: "\e5dc";
    font-family: 'Material Icons';
}
/*前*/
#cms-pagination ul li.pagination-no-num.prev a::before , 
#cms-pagination ul li.pagination-no-num.prev span::before{
    content: "\e314";
    font-family: 'Material Icons';
}
/*次*/
#cms-pagination ul li.pagination-no-num.next a::after , 
#cms-pagination ul li.pagination-no-num.next span::after{
    content: "\e315";
    font-family: 'Material Icons';
}
/*最後*/
#cms-pagination ul li.pagination-no-num.last a::after , 
#cms-pagination ul li.pagination-no-num.last span::after{
    content: "\e5dd";
    font-family: 'Material Icons';
}
/*総件数表示*/
.pagination-txt {
    color: #999;
    text-align: center;
}

/* お知らせアーカイブページ（投稿）共通
body.blog（お知らせ INDEX）
body.archive（お知らせ カテゴリ・アーカイブ）
------------------------------------------------------------ */
body.blog main.content article , 
body.archive main.content article {
    background-color: #fff;
    border-bottom: #ddd dotted 1px;
    margin: 0;
    padding: 1rem;
    position: relative;
    transition: .3s;
}
body.blog main.content article:hover , 
body.archive main.content article:hover {
    background-color: #f7f7f7;
}
body.blog main.content article:first-of-type , 
body.archive main.content article:first-of-type {
    border-top: #ddd dotted 1px;
}
body.blog main.content article::after , 
body.archive main.content article::after {
    content: '\e5df';
    display: inline-block;
    font-family: 'Material Icons';
    padding: 0;
    position: absolute;
        right: 0;
        top: calc( 50% - .5em );
}
body.blog main.content article header, 
body.archive main.content article header {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    margin: 0;
}
body.blog main.content article header h2, 
body.archive main.content article header h2{
    font-size: 1.25em;
    font-weight: normal;
}
body.blog main.content article header h2 a, 
body.archive main.content article header h2 a{
    text-decoration: none;
}
body.blog main.content article header h2 a::after, 
body.archive main.content article header h2 a::after {
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    z-index:1;
    pointer-events:auto;
    content:"";
    background-color:rgba(0,0,0,0);
}
body.blog main.content article .entry-meta , 
body.archive main.content article .entry-meta {
    margin: 0 0 .5rem;
    padding: 0;
}
body.blog main.content article .entry-meta .entry-date , 
body.archive main.content article .entry-meta .entry-date {
    padding: 0 .5em 0 0;
}
body.blog main.content article .entry-meta .category ,
body.archive main.content article .entry-meta .category {
    background-color: #ddd;
    border: #ddd solid 1px;
    border-radius: 5px;
    color: #666;
    display: inline-block;
    line-height: 100%;
    padding: .15em 1em;
    text-align: center;
}

body.blog main.content header:has(h2.entry-title)::before,
body.blog main.content header:has(h2.entry-title)::after,
body.archive main.content header:has(h2.entry-title)::before,
body.archive main.content header:has(h2.entry-title)::after{
    display: none;
    background-color: transparent; 
}

/*お知らせカテゴリ*/
body.blog main.content article .entry-meta .category ,
body.archive main.content article .entry-meta .category {
    background-color:rgba(255,255,255,1.00);
    border: rgba(55,120,172,1.00) solid 1px;
}
body.blog main.content article .entry-meta .category.important ,
body.archive main.content article .entry-meta .category.important {
    background-color:rgba(255,255,255,1.00);
    border: rgba(236,109,113,.50) solid 1px;
}
/*投稿ページ */
body.single main.content .entry-content {
    line-height: 160%;
    padding: 1rem 0;
}
body.single main.content p {
    font-size: 1rem;
    line-height: 160%;
    margin: 1rem 0;
}
/*投稿ページ 日付*/
body.single main.content article .entry-meta{
    background-color: #f7f7f7;
    line-height: 100%;
    margin: 1rem 0;
    padding: 1rem ;
    text-align: right;
}
/*entry-meta内 カテゴリ非表示*/
body.single main.content article .entry-meta .category{
    display: none;
}
/*投稿ページ エントリーフッタ*/
body.single main.content article .entry-footer{
    border-bottom: #ddd dotted 1px;
    border-top: #ddd dotted 1px;
    margin: 1rem 0;
    padding: 1rem;
    text-align: right;
}
/*投稿ページ カテゴリ デフォルト（お知らせ）*/
body.single main.content article .entry-footer .category{
    background-color:rgba(25,68,142,.15);
    border: rgba(25,68,142,.50) solid 1px;
    border-radius: 5px;
    color: #666;
    display: inline-block;
    padding: .25em 1rem;
}
/*投稿ページ カテゴリ お知らせ - 重要なお知らせ*/
body.single main.content article .entry-footer .category.important{
    background-color:rgba(236,109,113,.25);
    border: rgba(236,109,113,.25) solid 1px;
}
body.single-archives main.content article .entry-footer span.category:first-of-type{
    display: none;
}

/*投稿ページ 記事下ページャー（前へ・次へ）*/
body.single main.content footer .nav-links::after {
    content: "";
    clear: both;
    display: block;
}
body.single main.content footer .nav-links .nav-previous a , 
body.single main.content footer .nav-links .nav-next a{
    align-items: center;
    border:#f7f7f7 solid 1px;
    display: inline-flex;
    justify-content: space-around;
    height: 100%;
    margin: 0 .25em;
    padding: .25em .75em;
    text-decoration: none;
}
body.single main.content footer .nav-links .nav-previous a::before{
    content: "\e314";
    font-family: 'Material Icons';
    padding: 0 .25em 0 0;
}
body.single main.content footer .nav-links .nav-next a::after{
    content: "\e315";
    font-family: 'Material Icons';
    padding: 0 0 0 .25em;
}

/* お知らせページ（投稿）
body.blog（お知らせINDEX）
body.archive（お知らせ カテゴリ・アーカイブ）
body.single（お知らせ 投稿ページ）
------------------------------------------------------------ */

/* 検索結果ページ（search.php）
body.search-results（検索結果）
------------------------------------------------------------ */
/*検索結果一覧表示*/
body.search-results  main.content article {
    background-color: #fff;
    border-bottom: #ddd dotted 1px;
    margin: 0;
    padding: 1rem;
    position: relative;
    transition: .3s;
}
body.search-results  main.content article:hover {
    background-color: #f7f7f7;
}
body.search-results  main.content article::after {
    content: '\e5df';
    display: inline-block;
    font-family: 'Material Icons';
    padding: 0;
    position: absolute;
        right: 0;
        top: calc( 50% - .5em );
}
body.search-results  main.content article:first-child {
    border-top: #ddd dotted 1px;
}
body.search-results  main.content article header{
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
}
body.search-results  main.content article header h2{
    font-size: 1.25em;
    font-weight: normal;
}
body.search-results  main.content article header h2 a{
    text-decoration: none;
}
body.search-results main.content article header h2 a::after{
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    z-index:1;
    pointer-events:auto;
    content:"";
    background-color:rgba(0,0,0,0);
}

/*【メディアクエリ】*/
@media(max-width:1260px) {
}

@media(max-width:1024px) {
/*【各ページ・複数ページ 共通】*/
/* 固定・最上親ページ内子ページリストレイアウト
-------------------------------------------------------------------- */
    main.content .entry-content .child-page-list > ul::before ,
    main.content .entry-content .child-page-list > ul::after{
        display: none;
    }
    main.content .entry-content .child-page-list > ul >li {
        width: 48%;
    }
}
@media(min-width:769px) {}
@media(max-width:768px) {
/*【各ページ・複数ページ 共通】*/
/* メインコンテンツ内ヘッダ・h要素
------------------------------------------------------------ */
    /*メインコンテンツ - メインカラム - エントリーヘッダ - エントリータイトル：header h1.entry-title */
    main.content header h1.entry-title {
        font-size: 1.75em;
    }
/* 固定・最上親ページ内子ページリストレイアウト
-------------------------------------------------------------------- */
    main.content .entry-content .child-page-list > ul::before ,
    main.content .entry-content .child-page-list > ul::after{
        display: none;
    }
    main.content .entry-content .child-page-list > ul >li figure p.thumbnail{
        margin: 0 auto;
        width: 35%;
    }
    main.content .entry-content .child-page-list > ul >li figure p img{
        height: 100%;
        width: 100%;
    }

/* 固定・子ページを持つ最上の親以外のページ内 孫ページ以下ページリスト
------------------------------------------------------------ */
    .sub-child-page-list{}
    .sub-child-page-list > ul:has( li ) {
        margin: 2rem auto ;
        padding: .5rem;
        width: 96%;
    }
    .sub-child-page-list > ul {
        margin: 0;
        padding: 0;
    }
    .sub-child-page-list > ul::before , 
    .sub-child-page-list > ul::after {
        display: none;
    }
    .sub-child-page-list > ul > li {
        margin: 0 0 .5rem !important;
        width: 100%;
    }
    .sub-child-page-list > ul > li:last-child {
        margin: 0  !important;
    }    
    
/* ブロック要素
div class="article-body article-sub" .article-sbody , .article-sub
---------------------------------------------------- */
    .content .article-body {
        margin: 0 auto 25px auto;
    }
    .content .article-body .article-sub  {
        margin: 0 auto 12.5px auto;
    }
    
/* 固定・最上親ページ内子ページリストレイアウト
-------------------------------------------------------------------- */
    main.content .entry-content .child-page-list > ul >li {
        padding: 2rem;
        width: 100%;
    }
    
/*【ページ個別】*/

/* サイトマップページ body.sitemap , ul.wsp-pages-list
------------------------------------------------------------ */
    body.sitemap main.content .entry-content .wsp-pages-list > li > ul >li {
        width: 100%;
    }
    
/* お問い合わせページ body.inquiry , .wpcf7
------------------------------------------------------------ */
    .wpcf7 form{
        margin: 0 ;
        width: 100%;
    }
}
@media(max-width:767px) {}
@media(max-width:576px) {
/*【各ページ・複数ページ 共通】*/
/* 固定・最上親ページ内子ページリストレイアウト
-------------------------------------------------------------------- */
    main.content .entry-content .child-page-list > ul >li figure{
    }
    main.content .entry-content .child-page-list > ul >li figure p.thumbnail{
        margin: 0 auto;
        width: 200px;
    }
    
/*【ページ個別】*/
/* お問い合わせフォーム body.inquiry .wpcf7
------------------------------------------------------------ */
    main.content .entry-content .wpcf7 form .mailform .form_list dl dt , 
    main.content .entry-content .wpcf7 form .mailform .form_list dl dd{
        width: 100%;
    }
    main.content .entry-content .wpcf7 form .mailform .form_list dl dt{
        text-align: left;
    }
    /*フォーム入力項目群 - 各項目毎設定*/
    main.content .entry-content .wpcf7 form .mailform .form_list dl.subject input[type="text"] , 
    main.content .entry-content .wpcf7 form .mailform .form_list dl.affiliation input[type="text"] , 
    main.content .entry-content .wpcf7 form .mailform .form_list dl.address-addr input[type="text"]{
        max-width: 80%
    }
    main.content .entry-content .wpcf7 form .mailform .form_list dl.name input[type="text"] , 
    main.content .entry-content .wpcf7 form .mailform .form_list dl.address-city input[type="text"] , 
    main.content .entry-content .wpcf7 form .mailform .form_list dl.tel input[type="tel"] , 
    main.content .entry-content .wpcf7 form .mailform .form_list dl.mail input[type="email"]{
        max-width: 60%;
    }
    main.content .entry-content .wpcf7 form .mailform .form_list dl.address-zip input[type="tel"] , 
    main.content .entry-content .wpcf7 form .mailform .form_list dl.address-pref input[type="text"]{
        max-width: 30%;
    }
    main.content .entry-content .wpcf7 form .mailform .form_list dl.age input[type="text"]{
        max-width: 15%;
    }
    /*フォーム入力項目群 - 個別設定*/
    main.content .entry-content .wpcf7 form .mailform .form_list dl.birth input[type="number"]{
        max-width: 25%;
    }
}
@media(max-width:420px) {}
@media(max-width:350px) {
/*【各ページ・複数ページ 共通】*/
/* 固定・最上親ページ内子ページリストレイアウト
-------------------------------------------------------------------- */
    main.content .entry-content .child-page-list > ul >li figure p.thumbnail{
        width: 160px;
    }
}