@charset "utf-8";

/*
theme Name: dementia365admin-manual
Description: 認知症365の管理者用向けのマニュアルサイトです。
Author: DesignStudio playpark
Author URI:https://play-park.jp
version： 1.0.0
*/


/* TOC
---------------------------------------------
  Chapter01 : 基本設定
  Chapter02 : FORM
  Chapter03 : 見出し
  Chapter04 : カラー
  Chapter05 : ホバーデザイン
  Chapter06 : ヘッダー
    Chapter06_01 : ナビゲーション
    Chapter06_02 : ハンバーガーメニュー
    Chapter06_03 : スマホメニュー
  Chapter07 : フッター
  Chapter08 : パンくずリスト
  Chapter09 : ページネーション
  Chapter10 : スクロールボタン
  Chapter11 : フォント
  Chapter12 : レイアウト
  Chapter13 : ウィジェット
    Chapter13_01 : アーカイブ
    Chapter13_02 : カテゴリー
    Chapter13_03 : タグクラウド
  Chapter14 : ヘッドバナー
  Chapter15 : お知らせ一覧
  Chapter16 : 
  Chapter17 : 
  Chapter18 : 
  Chapter19 : 
  Chapter20 : 
  Chapter99 : レスポンシブ設定
    Chapter99_01 : 大型モニター
    Chapter99_02 : ノートパソコン
    Chapter99_03 : タブレット
    Chapter99_04 : スマートフォン
    Chapter99_05 : スマートフォン小型
    Chapter99_06 : 
---------------------------------------------
*/



/*---------------------------------------------------
  Chapter01 : 基本設定
---------------------------------------------------*/

/*サイト全体の基準となるCSSを記述*/
html {
  font-size: 16px;
}

* {
  font-family: "M PLUS Rounded 1c", "Helvetica", "Arial", sans-serif;
}

body {
	margin: 0;
	padding: 0;
	color: #333;
  line-height: 1.4;
  counter-reset: number 0;
}

/*テキスト*/
 p {
	margin:0 auto;
	line-height: 1.8;
	font-size: 18px;
  text-align: justify;
}


/*リンク*/
a {
	color: #0066c0;
	text-decoration: none;
}

a:active,
a:hover {
  outline: 0; }

a:link, a:visited:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/*画像*/
img {
  max-width: 100%;
  height: auto;
	border: 0;
}

/*引用*/
blockquote {
	display: block;
	color: #555;
	border: 1px solid #ddd;
	background: #eee;
	background: rgba(53, 53, 53, 0.05);
	margin: 40px 0;
	padding: 2.5em 2.5em 1em;
	border-radius: 3px;
	position: relative;
}

.blockquotelink {
    text-align: right ;
    margin: 0px ;
    font-size: 15px ;
}

blockquote:before {
    content: '\f10d';
    left: 0.4em;
    top: 0.4em;
}

blockquote:after {
    content: '\f10e';
    right: 0.4em;
    bottom: 0.4em;
}

blockquote:before, blockquote:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
  position: absolute;
  width: 1em;
  height: 1em;
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  color: #999;
  opacity: 20;
  filter: alpha(opacity=20);
  -ms-filter: "alpha(opacity=20)";
}

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

svg:not(:root) {
  overflow: hidden; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

ul {
  margin: 20px 25px;
  padding: 0;
}
  
li {
  display: list-item;
  text-align: -webkit-match-parent;
  font-size: 16px;
  line-height: 1.8;
}

.sidebar ul {
  margin: 20px 0;
}

.sidebar li {
  list-style-type: none;
}

dl{
	margin:0;
}

dd{
	margin-left:0
}


/*clearfix*/
.cf {
	zoom: 1;
}

.cf:before, .cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

/*フォーム要素の初期化*/
input, button, textarea {
	border-radius: 0;
	border: #e6e6e6 1px solid;
  -webkit-appearance: none;
}

select {
	border-radius: 0;
  border: unset;
}

input[type="submit"] {
  vertical-align:middle;
  text-align:center;
	border: none;
}

/* 強調文字 */
.boldfont {
  font-size: 1.1em;
  font-weight: bold;
}


/* WordPress記事リンク */
iframe.wp-embedded-content {
  width: 100%;
}

/* 改行 */
br.TextBreak,
span.TextBreak {
  white-space: pre;
}



/*---------------------------------------------------
  Chapter02 : FORM
---------------------------------------------------*/
input[type="text"], input[type="password"], input[type="datetime"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, .field {
  display: block;
  width: 95%;
  margin-bottom: 0.7em;
  padding: 15px;
  border: 0;
  border-radius: 3px;
  background-color: #f5f5f5;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1em;
  line-height: 1.5;
  transition: ease;
}

select {
  background: url( assets/img/parts/select_arrow.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 97.5% center;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


/*---------------------------------------------------
  Chapter03 : 見出し
---------------------------------------------------*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: "M PLUS Rounded 1c", "Helvetica", "Arial", sans-serif;
	font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

h1,
.h1 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.333em;
}

h2,
.h2 {
	font-size: 1.5em;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 0.375em;
}

h3,
.h3 {
	font-size: 1.3em;
	font-weight: bold;
}

h4,
.h4 {
	font-size: 1.2em;
	font-weight: 700;
}

h5,
.h5 {
	font-size: 1em;
	font-weight: 700;
	line-height: 2em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.align_l{text-align:left;}
.align_r{text-align:right;}
.align_c{text-align:center;}

.bold {font-weight: bold !important;}

em {color:#F00; font-style:normal;}



/*---------------------------------------------------
  Chapter04 : カラー
---------------------------------------------------*/
#wp-content-editor-container .CodeMirror-scroll {
  margin-top: 55px;
}

.BuckColor01 {
  background: #F0F0F0;
}

/* オレンジ背景 */
.BuckColor01 {
  background: #FFF5E6;
}

/* 強調文字 */
.EmphasisColor {
  color: #0054B8;
  font-weight: bold;
}

.EmphasisBuck {
  background: #C42F14;
}

.Gray {
  background: #F0F0F0;
}

.BlackText {
  color: #000;
}

.BlueText {
  color: #0054B8;
}

.OrangeText {
  color: #D85325;
}


/*---------------------------------------------------------
  Chapter05 : ホバーデザイン
---------------------------------------------------------*/
.HoverType1 a{
  position: relative;
}

.HoverType1 a::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #fff;
  bottom: -1px;
  transform: scale(0, 1);
  transform-origin: right top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
  transition: transform 0.3s;  /*変形の時間*/
}
  
.HoverType1 a:hover::after {
  transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
  transform-origin: left top; /*左から右に向かう*/
}


/*---------------------------------------------------------
  Chapter06 : ヘッダー
---------------------------------------------------------*/
header {

}

.HeaderInner {
    width: 1200px;
    height: 100px;
    padding: 10px 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    max-width: none;
    justify-content: space-between;
}

/*----- JSを使いfixedクラスが付与された際の設定 -----*/
.header.fixed {
  position: fixed;
  z-index: 800;
  width: 100%;
  padding: 0 5%;
  top: 0;
  left: 0;
  height: 100px;
  background: #fff;
}

/*----- タイトルを画像にする場合 -----*/
.site-title-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.site-title-wrap a {
  width: 50%;
  display: inline-block;
}
 
.site-title img {
  display: block;
  width: auto;
}
 
/*----- タイトルを文字列にする場合 -----*/
.site-title a {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  text-decoration: none;
  color: #000;
}


/*----- ヘッド背景 -----*/
.home_headimgBox {
  position: relative;
  width: 100%;
  background: #F0F3F5;
}

.home_headimgBox img{
  max-width: 100%;
  width: 100%;
  height: auto;
}

.home_headTextBox {
  position: absolute;
  top: 40%;
  width: 50%;
  margin: 0 auto 0 150px;
}

/*----- タイトル -----*/
.home_headTextBox h1 {
  margin: 0;
  font-size: 40px;
  font-weight: bold;
  line-height: 2;
  color: #fff;
}


/*----- テキスト -----*/
.home_headTextBox p{
  font-size: 25px;
  font-weight: 500;
  line-height: 2;
  color: #fff;
}


/*   Chapter06_01 : ナビゲーション
-----------------------------------------*/
#header-nav-wrap {
  width: 100%;
  margin: 0 0 0 auto;
  padding: 0 10% 0 0;
}

ul#menu-main_menu {
  display: flex;
}

ul#menu-main_menu>li {
  width: 100%;
}

ul#menu-main_menu>li>a {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0;
  font-size: 15px;
  font-weight: 600;
  color: #0054B8;
}

ul#menu-main_menu>li>a:hover {
  color: #E17957;
}

/*--- お知らせ ---*/
li#menu-item-565>a:before {
  font-family: "Material Icons";
  content: "\e88e";
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
}
 
/*--- 目的から探す ---*/
li#menu-item-563>a:before {
  font-family: "Material Icons";
  content: "\f02f";
  font-size: 38px;
  font-weight: 400;
  line-height: 0.8;
}

/*--- 画面から探す ---*/
li#menu-item-562>a:before {
  font-family: "Material Icons";
  content: "\f106";
  font-size: 38px;
  font-weight: 400;
  line-height: 0.8;
}

/*--- よくある質問 ---*/
li#menu-item-560>a:before {
  font-family: "Material Icons";
  content: "\e887";
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
}

/*--- お問い合わせ ---*/
li#menu-item-564>a:before {
  font-family: "Material Icons";
  content: "\e158";
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
}

.navbutton {
  display: none;
}



/*---------------------------------------------------------
Chapter06_02 : ハンバーガーメニュー
---------------------------------------------------------*/

nav#hamburger-main_nav {
  display: none;
}

.HamburgerButton {
  display: none;
}

.M_ContactBox {
  display: none;
}

#HamburgerNavi {
    display: none;
}


@media(max-width: 1024px) {

  nav.nv-pc {
    display: none;
  }

  .M_ContactBox {
    display: block;
    position: fixed;
    width: 100%;
    bottom: 0;
    padding: 3% 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0px -4px 5px 0 rgb(0 0 0/15%),0 3px 3px -2px rgb(0 0 0/15%);
  }

  .M_ContactBox .SPMenuList {
    position: relative;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style-type: none;
    gap: 0.5em;
    margin: 0 10px;
  }

  .HamburgerBox {
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding: 0;
  }

  .HamburgerTitle {
    padding: 0;
    font-size: 12px;
    color: #0054B8;
  }

  .M_Contact:hover {
    background: -moz-linear-gradient(-20deg, #2bc7b0, #4f97ed, #a572e7); /* Firefox用 */
    background: -webkit-linear-gradient(-20deg, #2bc7b0, #4f97ed, #a572e7); /* Chrome・Safari用 */
    background: linear-gradient(110deg, #2bc7b0, #4f97ed, #a572e7); /* 標準 */
    color: #fff; /* テキストカラーを白に変更 */
  }
  

  .SP_MenuNaviBtn a,
  .M_ContactBox .M_Contact a{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #333;
  }

  .SP_MenuNaviBtn i,
  .M_ContactBox .M_Contact i{
    padding: 0 0 5%;
    font-size: 25px;
  }

  .HamburgerInner {
    padding: 0 0 100px 0;
  }



  /* ハンバーガーボタン
  --------------------------------------------*/
  .HamburgerTrigger {
    position: relative;
    width: 25px;
    height: 15px;
    cursor: pointer;
    margin: 8% 0 10%;
  }
  
  .HamburgerTrigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: #0054B8;
  }
  
  
  .HamburgerTrigger, .HamburgerTrigger span {
    display: inline-block;
    transition: all .5s;
    box-sizing: border-box;
  }
  
  .HamburgerTrigger span:nth-of-type(1) {
    top: 0;
  }
  
  .HamburgerTrigger span:nth-of-type(2) {
    top: 6px; /* 元の20pxの半分 */
  }
  
  .HamburgerTrigger span:nth-of-type(3) {
    bottom: 0;
  }

  
  /* アニメーション調整 */
  #HamburgerActionBtn.active span:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
  }

  #HamburgerActionBtn.active span:nth-of-type(2) {
  left: 50%;
  opacity: 0;
  -webkit-animation: active-btn05-bar02 .8s forwards;
  animation: active-btn05-bar02 .8s forwards;
  }

  @-webkit-keyframes active-btn05-bar02 {
    100% {
      height: 0;
    }
  }
  @keyframes active-btn05-bar02 {
    100% {
      height: 0;
    }
  }

  #HamburgerActionBtn.active span:nth-of-type(3) {
    -webkit-transform: translateY(-5px) rotate(45deg);
    transform: translateY(-5px) rotate(45deg);
  }



  /* ナビゲーション
  --------------------------------------------*/
  #HamburgerNavi {
    display: block;
    position: fixed;
    z-index: 99;
    top: 0;
    right: -120%;
    width: 100%;
    min-height: 100vh;       /* 中身が少ないときは画面全体の高さにする */
    max-height: 100vh;       /* 中身が多くても画面を超えないようにする */
    background: #fff;
    transition: all .6s;
    overflow-y: auto;        /* はみ出たらスクロール */
  }

  /*アクティブクラスがついたら位置を0に*/
  #HamburgerNavi.panelactive{
    right: 0;
  }

  #HamburgerNavi .HamburgerSidebar {
    padding: 5%;
  }



  /* アイコン
  --------------------------------------------*/
  .SPMenuItem {
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: 11px;
  }

  .SPMenuItem a, .SPMenuItem>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    color: #0054B8;
  }

  /* ホーム */
  .SPMenuItem>a:before {
    font-family: "Material Icons Round";
    content: "\e88a";
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
  }

  /* 運用から探す */
  .SPMenuItem .IconPersonSearch:before {
    font-family: "Material Icons Round";
    content: "\f106";
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
  }

  /* 機能名から探す */
   .SPMenuItem .IconManageSearch:before {
    font-family: "Material Icons Round";
    content: "\f02f";
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
  }

  /* TOPへ */
  .SPMenuItem .IconExpandLess:before {
    font-family: "Material Icons Round";
    content: "\e5ce";
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
  }

    /* TOPへ */
    .SPMenuItem .IconMenu:before {
      font-family: "Material Icons Round";
      content: "\e5d2";
      font-size: 30px;
      font-weight: 400;
      line-height: 1;
    }


  
} /* 〜768px END */



/*---------------------------------------------------------
  Chapter07 : フッター
---------------------------------------------------------*/
footer {
  /*position: relative;
  z-index: 888; */
  color: #fff;
  text-align: center;
  background-color: #0054B8;
  padding: 15px 0;
}

nav#footer-nav ul li a {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

nav#footer-nav ul li a::before {
  content: "▶";
  color: #fff;
  font-size: 90%;
  padding: 0 3px 0 0;
}

nav#footer-nav ul li a::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #fff;
  bottom: -1px;
  transform: scale(0, 1);
  transform-origin: right top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
  transition: transform 0.3s;  /*変形の時間*/
  }
  
  nav#footer-nav ul li a:hover::after {
    transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
    transform-origin: left top; /*左から右に向かう*/
  }



/*----- footer Navigation -----*/
.footer-nav-wrap {
  margin: 0;
  padding: 0 0 10px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
}

#footer-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

#footer-nav li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 25px 0 0;
  color: #fff;
}

/*----- copyright -----*/
.copyright {
    padding: 0;
    background-color: #0054B8;
}

.copyright p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: center;
}


/*---------------------------------------------------
  Chapter08 : パンくずリスト
---------------------------------------------------*/
#bread {
  height: 50px;
  line-height: 3;
  display: flex;
  justify-content: flex-start;
  word-break: keep-all;
  white-space: nowrap;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none; 
  background: #0054B8;
}

#bread::-webkit-scrollbar {
  display: none; 
}

#bread ul {
    width: 1200px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0 auto;
    gap: 0.3em;
}

#bread li {
  position: relative;
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
}

#bread li:after {
  padding: 0 2px 0 0;
  font-family: 'Material Icons';
  content: '\e037';
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  vertical-align: middle;
}

#bread li:last-child::after   {
display: none;
}

#bread li a {
  color: #fff;
  margin: 0 5px 0 0;
}



/*---------------------------------------------------
  Chapter09 : ページネーション
---------------------------------------------------*/
.pagenation {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5% 0 0 0;
    list-style-type: none;
}

.pagenation li {
  font-family: "Roboto", sans-serif;
  margin: 0 5px;
  color: #0054B8;
  border: 1px solid #0054B8;
  border-radius: 5px;
}

.pagenation li a {
  display: block;
  width: 100%;
  padding: 10px 15px;
  color: #0054B8;
}

/*- 戻る -*/
.pagenation li.prev {
  margin: 0 3% 0 0;
}

/*- 次へ -*/
.pagenation li.next {
  margin: 0 0 0 3%;
}

/*- 表示中ページ -*/
.pagenation li.current {
  margin: 0;
  padding: 10px 15px;
  color: #fff;
  border: 1px solid #0054B8;
  background: #0054B8;
}

/*- hover時 -*/
.pagenation li a:hover {
  display: block;
  width: 100%;
  color: #fff;
  background: #0054B8;
  border: 1px solid #000;
}

@media(max-width: 768px) {
  #HamburgerNavi.panelactive {
    padding: 20px 30px;
  }
}


/*---------------------------------------------------------
  Chapter10 : スクロールボタン（TOPページ）
---------------------------------------------------------*/
#page-top a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 50px;
  height: 50px;
  color: #fff;
  border-radius: 90px;
  transition: all 0.5s;
  background: #0054B8;
}

#page-top a:hover{
	background: #E17957;
}

#page-top a span {
  position: absolute;
  top: 27px;
  font-size: 0.7rem;
  color: #fff;
}

#page-top a::before {
  font-family: "Material Icons";
  content: "\e5ce";
  /* position: absolute; */
  /* top: 0px; */
  font-size: 40px;
}


/*リンクを右下に固定*/
#page-top {
  position: fixed;
  right: 2%;
  z-index: 2;
  opacity: 0;
  transform: translateY(100px);
}


/*　上に上がる動き　*/
#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}


/*　下に下がる動き　*/
#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}



/*---------------------------------------------------------
  Chapter11 : 検索ボックス
---------------------------------------------------------*/
.HeaderSearchBox {
  width: 50%;
}

.search-form {
  position: relative;
  width: 100%;
}

input.search-field {
    width: 100%;
    padding: 15px 15px 15px 60px;
    border-radius: 60px;
    border-bottom: solid 1px #efefef;
    background: #fff;
    box-shadow: 3px 3px 10px 2px rgb(0 0 0 / 13%);
    transition: all 300ms ease-out;
}

input:focus-visible{
  border: 2px #0054B8 solid;
  outline: 1px solid #0054B8;
}

.HeaderSearchButton:before {
  font-family: "Material Icons";
  content: "\e8b6";
  padding: 0;
  font-size: 30px;
  line-height: 1.8;
}

#searchbutton {
  height: 50px;
  position: absolute;
  left: 10px;
  top: 0;
  background: none;
  color: #666;
  border: none;
  font-size: 25px;
  z-index: 10;
}

.FrontSearchButton:before {
  font-family: "Material Icons";
  content: "\e8b6";
  padding: 0;
  font-size: 35px;
  line-height: 2;
}

.FrontSearchText {
  margin: 0 0 15px 0;
  font-size: 20px;
  font-weight: 600;
  color: #0054B8;
}

/* クリアボタン */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}


.SearchMainTitle {
  position: relative;
  width: 100%;
  margin: 30px 0;
  padding: 0 0 10px;
  font-size: 40px;
  font-weight: 700;
  color: #0054B8;
  text-align: center;
}


/*---------------------------------------------------------
  Chapter11 : フォント
---------------------------------------------------------*/


/*   Materialアイコン
-----------------------------------------*/
/* Settings */
.IconSettings:before {
  padding: 0 2px 0 0;
  font-family: 'Material Icons Round';
  content: '\e8b8';
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  vertical-align: middle;
}

/* AssignmentReturned */
.IconAssignmentReturned:before {
  padding: 0 2px 0 0;
  font-family: 'Material Icons Round';
  content: '\e861';
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  vertical-align: middle;
}

/* Group */
.IconGroup:before {
  padding: 0 2px 0 0;
  font-family: 'Material Icons Round';
  content: '\e7ef';
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  vertical-align: middle;
}



/*---------------------------------------------------------
  Chapter12 : レイアウト
---------------------------------------------------------*/
.container {
  width: 980px;
  margin: 0 auto;
}

#pageinner {
  display: flex;
  width: 1200px;
  height: auto;
  margin: 50px auto 150px;
}

.pagecontent {
  width: 70%;
}

.categorycontent {
  width: 70%;
}

.categorycontent #headimg.ArchiveHeadTitleBox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 30px;
}

/*---------------------------------------------------
  Chapter13 : 目次
---------------------------------------------------*/
.toc {
  display: flex;
  position: relative;
  margin: 5% 0;
  padding: 4%;
  gap: 1em;
  word-break: break-all;
  word-wrap: break-word;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  background: #F9F9F9;
}
  
/* タイトル */
.toc .toc-title {
  position: relative;
  margin: auto 0;
  padding: 0 0 10px 0;
  font-size: 20px;
  letter-spacing: 3px;
  font-weight: bold;
  text-align: center;
}
  
.toc .toc-title {
  width: 20%;
  position: relative;
  margin: auto 0;
  padding: 0;
  font-size: 20px;
  letter-spacing: 3px;
  font-weight: bold;
  text-align: center;
}
  

.toc-toggle {
  display: inline;
  margin: 0;
  font-size: 14px;
  vertical-align: middle;
  letter-spacing: 0px;
}
  
@media screen and (max-width: 1300px) {
  .toc-toggle {
    display: block;
  }
}

.toc-list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.7;
}
  
.toc-list li {

}

.toc-list>li {
  padding: 15px 0 0;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.toc-list>li:last-child  {
  border-bottom: none;
}

.toc-list li>a{
  color: #333;
  padding: 15px 0;
}


.toc-list li a:hover,
.toc-list ul li:hover{
  color: #0054B8;
}
  
/* 2行目以降 */
.toc-list ul {
  margin: 15px 0 0;
  list-style: none;
  -webkit-padding-start: 0em;
}

.toc-list ul li {
  display: flex;
  padding: 15px 0;
  color: #333;
  border-top: 1px solid rgba(0,0,0,.1);
  align-items: center;
}

.toc-list ul li a{
  padding: 0;
}

.toc-list ul li::before {
  font-family: "Material Icons";
  content: "\e5cf";
  font-size: 20px;
  line-height: 1;
  /* cursor: pointer; */
}
  
.toc-list ul li span{
  display: none;
}
  
span.contentstable-number {
  display: inline-block;
  margin: 0 4px 0 0;
  width: 25px;
  height: 25px;
  line-height: 25px; 
  font-size: 15px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background-color: #0054B8;
}



/*-----------------------------------------
  サイドバー追尾
-----------------------------------------*/
.TrackingBox{
  position: -webkit-sticky;
  position: sticky;
  top: 11%;
}
  
.TrackingBox .toc {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 350px;
  margin-top: 50px;
  padding: 20px 20px;
  word-break: break-all;
  word-wrap: break-word;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  background: #f8f8f8;
  overflow: scroll;
}

  
.TrackingBox .toc .toc-title {
  width: 100%;
  margin: 0;
  padding: 0 0 10px;
  font-size: 15px;
  letter-spacing: 3px;
}


.TrackingBox .toc .toc-title:before {
    width: 25px;
    height: 25px;
}

.sidebar .TrackingBox ul {
  margin: 0;
}

.TrackingBox .toc-list ul li {
  padding: 0;
  font-size: 14px;
}

.TrackingBox .toc-list>li {
    margin: 0;
    padding: 0;
    font-size: 14px;
}
  
.toc-list li>a {
  display: block;
  color: #333;
  padding: 15px 0;
}

/* 2階層目 */
.sidebar .TrackingBox ul li ul{
  margin: 0;
}

.sidebar .TrackingBox ul li ul li a{
  margin: 3%;
}

.TrackingBox span.contentstable-number {
    left: 20px;
    width: 25px;
    height: 25px;
    margin: 0 2px 0 0;
    text-align: center;
    line-height: 1.8;
}



/*---------------------------------------------------------
  Chapter13 : ウィジェット
---------------------------------------------------------*/
#sidebar {
  width: 25%;
  height: auto;
  margin: 0 60px 0 0;
}

.sidebar-inner {
  height: auto;
}

.sidebar-wrapper {
  height: auto;
  background: #fff;
}

/*-- ウィジェット追尾用 --*/
#side-widget_tk {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
}


/*--- ウィジェットタイトル ---*/
.sidebar-wrapper .widgettitle {
  margin: 10% 0 0;
}

.sidebar-wrapper:first-child .widgettitle {
  margin: 0;
}

.widgettitle {
  padding: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  border-radius: 10px;
  background: #0054B8;
}

.sidebar-wrapper .WidgetCategoryTitle a {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}

.SidebarCategorylist {
  margin: 0;
}


/* サイドバーメニュー */
.SidebarCategoryItem {
  margin: 30px 0;
  padding: 0;
  font-weight: bold;
}

.SidebarCategoryItem:first-child {
  margin: 15px 0;
}

.SidebarCategoryItem:last-child {
  margin: 20px 0 0 0;
  border-bottom: none;
}

.SidebarCategoryItem .SideAccordionQ {
  display: flex;
  margin: 0;
  padding: 0 0 2%;
  font-size: 18px;
  align-items: center;
  color: #0054B8;
  border-bottom: #CCCCCC dashed 1px;
}

.SidebarCategoryItem .SideAccordionQ>span {
  font-family: 'Material Icons Round';
  margin: 0 3px 0 0;
  color: #0054B8;
}

.SidebarCategoryItem .SideAccordionQ:hover {
  color: #0054B8;
}

.SidebarCategoryItem .SideAccordionQ:before {
  margin: 0 2% 0 0;
}


/* サブメニュー */
.wp-block-group.SideAccordionA {
  display: block;
}

.SidebarCategoryItem .sub-menu {
  margin: 0;
  padding: 0;
}

.wp-block-list .SidebarPostLink {
    margin: 1% 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.8;
    text-indent: -0.3em;
    padding-left: 0em;
    list-style-type: none;
}

.SidebarPostLink>a {
  display: block;
  margin: 3% 0 3% 5%;
  padding-left: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  color: #333333;
}

.SidebarPostLink>a:hover {
  color: #0054B8;
}

.SidebarPostLink>a:before {
  display:inline-flex;
	content: "●";
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  vertical-align:middle;
}


/* アイコン */

/* メニューアイコン設定
 -----------------------------------------*/
.FrontMenuDashboard, .FrontMenuAccount, .FrontMenuInspection, .FrontMenuPayment, .FrontMenuRakugo, .FrontMenuNews, .FrontMenuBanner,  .FrontMenuChat, .FrontMenuMaster, .FrontMenuAccountManagement {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    gap: 0.3em;
    margin: 0 0 10px 0;
}


/* ダッシュボード */
.FrontMenuDashboard:before {
  font-family: "Material Icons";
  content: "\e871";
  padding: 0;
  font-size: 28px;
  line-height: 1;

}

/* 会員管理 */
.FrontMenuAccount:before {
  font-family: "Material Icons";
  content: "\e8d3";
  padding: 0;
  font-size: 28px;
  line-height: 1;
}

/* 支払・請求 */
.FrontMenuPayment:before {
  font-family: "Material Icons";
  content: "\e53e";
  padding: 0;
  font-size: 28px;
  line-height: 1;
}

/* 検査管理 */
.FrontMenuInspection:before {
  font-family: "Material Icons";
  content: "\ebed";
  padding: 0;
  font-size: 28px;
  line-height: 1;
}

/* オリジナル落語動画 */
.FrontMenuRakugo:before {
  font-family: "Material Icons";
  content: "\f06a";
  padding: 0;
  font-size: 28px;
  line-height: 1;
}

/* お知らせ */
.FrontMenuNews:before {
  font-family: "Material Icons";
  content: "\e88e";
  padding: 0;
  font-size: 28px;
  line-height: 1;
}

/* バナー */
.FrontMenuBanner:before {
  font-family: "Material Icons";
  content: "\e3f4";
  padding: 0;
  font-size: 28px;
  line-height: 1;
}

/* チャット */
.FrontMenuChat:before {
  font-family: "Material Icons";
  content: "\e625";
  padding: 0;
  font-size: 28px;
  line-height: 1;
}

/* マスタ管理 */
.FrontMenuMaster:before {
  font-family: "Material Icons";
  content: "\e8b8";
  padding: 0;
  font-size: 28px;
  line-height: 1;
}

/* アカウント管理 */
.FrontMenuAccountManagement:before {
  font-family: "Material Icons";
  content: "\e853";
  padding: 0;
  font-size: 28px;
  line-height: 1;
}


/*  Chapter13_01 : アーカイブWidget
----------------------------------- */
.widget select {
  width: 100%;
  max-width: 100%;
  margin: 20px 0 0;
  padding: 15px;
  background-color: #f5f5f5;
}

.screen-reader-text {
  display: none;
}


/*  Chapter13_02 : カテゴリWidget
----------------------------------- */
.widget_categories {
  width: 100%;
  max-width: 100%;
}

.widget_categories ul {
  width: 100%;
  margin: 0;
}

.widget_categories ul li {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 8px;
  font-weight: bold;
}

.widget_categories ul li a {
  display: block;
  padding: 10px 0 10px 0;
  color: #626262;
  text-decoration: none;
  border-bottom:1px dotted #b7b7b7;
}

.widget_categories ul li a:hover {
  -webkit-transform: translateX(3px);
  transform: translateX(3px);
}

/*親カテゴリーのアイコン*/
.widget_categories ul li a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f07c";
  margin: 0 2px 0 0;
}

/* カウント */
.category_count {
  position: absolute;
  right: 3px;
  top: 13px;
  padding: 1px 3px;
  min-width: 30px;
  color: #aaa;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: .7rem;
  font-weight: 300;
  line-height: 1rem;
  text-align: center;
}

/*---------- 子カテゴリー ----------*/
.widget_categories ul li ul li {
  margin: 0;
  padding: 8px 0 8px 0;
}


.widget_categories ul li ul li a {
  padding: 10px 0 10px 10px;
}


.widget_categories ul li ul li a:before {
  font-family: "Font Awesome 5 Free";
  content:"\f0da";
  font-weight:900;
  margin: 0 2px 0 0;
}


/*---------- 孫カテゴリー ----------*/
.widget_categories ul li ul li ul li {
  margin: 0;
  padding: 0;
}


.widget_categories ul li ul li ul li a {
  padding: 10px 0 10px 20px;
}


/*  Chapter13_03 : タグクラウド
----------------------------------- */
.tagcloud {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0 0 0;
  height: auto;
}


.widget_tag_cloud .tagcloud a {
  display: inline-block;
  margin: 7px 3px;
  padding: 7px 5px;
  font-size: 12px !important;
  font-weight: 600;
  color: #000;
  background: #f4f4f4;
  border: 0px solid #000;
  border-radius: 3px;
}


.widget_tag_cloud .tagcloud a::before {
  font-family: "Font Awesome 5 Free";
  content:"\f02b";
  font-weight:900;
  padding: 0 3px 0 0;
}


.widget_tag_cloud .tagcloud a:hover {
  border: 0px solid #000;
  color: #000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}


/*  Chapter13_04 : 最近の投稿
----------------------------------- */
.widget_recent_entries li {
padding-bottom: .5rem;
border-bottom: 1px solid #ddd;
}

.widget_recent_entries li a:before {
font-family: 'Font Awesome 5 Free';
font-weight: bold;
font-weight: 900;
position: absolute;
left: 5px;
content: '\f303';
color: #000;
}

.widget_recent_entries li a {
display: block;
margin-bottom: .3rem;
padding-left: 1.6rem;
}

.widget_recent_entries .post-date {
font-size: .8rem;
display: block;
}


/*  Chapter13_05 : カレンダーウィジェット
----------------------------------- */
.calendar_wrap {
padding: 1rem;
border: 1px solid #ddd;
}

.calendar_wrap table {
width: 100%;
}

.calendar_wrap tbody {
text-align: center;
}

.calendar_wrap caption {
font-weight: bold;
margin-bottom: 1rem;
}

.calendar_wrap td {
padding: .3rem 0;
}

.calendar_wrap tfoot td {
padding-top: .7rem;
}

.calendar_wrap tfoot td:last-child {
text-align: right;
}


/*  Chapter13_06 : お知らせ一覧
----------------------------------- */

/* サイドバーメニュー */
.WidgetNewsList {
  margin: 30px 0;
  padding: 0;
  list-style-type: none;
}

.WidgetNewsList .SidebarPostLink {
  margin: 5% 0 0;
  padding: 0;
}

.WidgetNewsList .SidebarPostLink a{
    display: block;
    margin: 3% 0 3% 0;
    padding-left: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #333333;
}

.WidgetNewsList .SidebarPostLink a:before {
    content: "";
}


.WidgetNewsList .SidebarPostLink a:hover {
  color: #0054B8;
}

.WidgetNewsList .SidebarPostLink:before {
  margin: 0 2% 0 0;
}






/*---------------------------------------------------
Chapter14 : ヘッドバナー
---------------------------------------------------*/

#headimg {
    width: 100%;
    display: flex;
    align-items: center;
	justify-content: center;
    margin: 0;
    padding: 0;
}

#headimg.PageHeadTitleBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
}

#headimg.ArchiveHeadTitleBox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0 30px;
}

.ArchiveTitle.page_font {
  margin: 0;
  font-size: 40px;
  font-weight: bold;
  color: #0054B8;
}

#headimg>img {
  margin: 0;
}

#headimg .headimgBox {
  width: 100%;
}

#headimg .pagecaption {
  margin: 0 0 0 10%;
  font-size: 50px;
  font-weight: bold;
  color: #0054B8;
}


#headimg .PageSingleTitle::before {
  display: block;
  content: url(../dementia365manual/assets/img/parts/titleparts.svg);
  margin: 0 0 1%;
  line-height: 0;
}

#headimg .PageCaption,
#headimg .CategoryCaption,
#headimg .PageSingleTitle,
#headimg .PageHeadTitleBox .PageSingleTitle,
#headimg .ArchiveHeadTitleBox .PageSingleTitle {
  margin: 0;
  font-size: 50px;
  color: #0054B8;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}



/*---------------------------------------------------
Chapter15 : お知らせ一覧
---------------------------------------------------*/
.NewslistTitle {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 0 5px;
  padding: 0 0 7px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  color: #0054B8;
  border-color: #0054B8;
}

.NewslistTitle:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-image: -webkit-gradient(linear,left top,right top,from(#0054B8),to(#F4F4F8));
  background-image: -webkit-linear-gradient(left,#0054B8 0%,#F4F4F8 100%);
  background-image: linear-gradient(to right,#0054B8 0%,#F4F4F8 100%);
}

.NewsLast  {
  margin: 50px 0 5px;
}

.NewsItem {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-bottom: #CCCCCC dashed 1px;
}

.FrontNewsItem {
  padding: 10px 0;
}

.NewsItem:first-of-type {
  padding: 0;
}

.FrontNewsItem:first-child {
  padding: 0 0 15px 0;
}

.NewsTime {
  margin: 0 8px;
}

.NewsItem>p {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #969696;
}

.NewsItem>p:hover {
  color: #0054B8;
}

.CategoryLink {
  font-size: 20px;
  margin: 0 0 0 auto;
}

.CategoryLink>a {
  display: flex;
  align-items: center;
  color: #0054B8;
}

.CategoryLink>a:hover {
  color: #F27050;
}

/* NEWマーク */
.PostNewMark {
  display: inline-block;
  margin: 0;
  padding: 2px 5px;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background: #F27050;
}



/*---------------------------------------------------
 メインカテゴリーページ
---------------------------------------------------*/

.PageCategoryTitle {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 0 30px;
  padding: 0 0 7px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  color: #1E227B;
  border-color: #1E227B;
}

.PageCategoryTitle:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-image: -webkit-gradient(linear,left top,right top,from(#1E227B),to(#F4F4F8));
  background-image: -webkit-linear-gradient(left,#1E227B 0%,#F4F4F8 100%);
  background-image: linear-gradient(to right,#1E227B 0%,#F4F4F8 100%);
}


/* サブカテゴリー */
.PageCategorySubTitle {
    margin: 50px 0 0;
    padding: 10px;
    border-radius: 7px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    background: #0054B8;
}


.PageCategoryBox {
  display: flex;
  align-items: stretch;
  margin: 50px 0;
  height: auto;
  border-radius: 10px;
  box-shadow: 3px 3px 10px 5px #0054B82b;
  transition: all 300ms ease-out;
}

.PageCategoryBox:first-child  {
  margin: 0;
}

/* タイトルエリア */
.wp-block-columns.PageCategoryBox .PageCategoryLeft {
  display: flex;
  align-items: center;
  flex-basis: unset;
  flex-grow: unset;
  width: 40%;
  padding: 40px 20px;
  border-radius: 10px 0 0 10px;
  background-color: #FFF5E6;
}

.PageCategoryLeft:hover {
  background-color: #0054B8;
}

.PageCategoryLeft a{
  display: block;
  width: 100%;
  height: 100%;
  color: #333;
}

.PageCategoryLeft a:hover{
  color: #0054B8;
}

.PageCategoryLeft .CategoryListTitle {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 0 0 5%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}

.CategoryListTitle::before {
  margin: 0 5px 0 0;
  font-family: 'Material Icons Round';
  font-size: 40px;
  font-weight: bold;
  line-height: 1.5;
  vertical-align: middle;
}

.PageCategoryLeft span {
  margin: 0 5px 0 0;
  font-size: 40px;
  color: #333;
}

.PageCategorySubBigBox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin: 20px;
}

.is-layout-flex .PageCategorySubBox {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 3% 0;
}

.PageCategorySubBox .PageCategorySubGroupBox{
  width: 100%;
}

.PageCategorySubGroupBox div{

}

.PageCategoryRight {
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.PageCategoryRight li,
.PageCircleTitle {
  display: flex;
  align-items: center;
  margin: 0 20px 0 0;
  font-size: 15px;
  line-height: 2;
}

.PageCategoryRight li>a {
  position: relative;
  display: flex;
  align-items: center;
  color: #333;
  gap: 0.2em;
}


.PageCircleTitle:before,
.PageCategoryRight li>a:before {
  padding: 0 2px 0 0;
  font-family: 'Material Icons';
  content: '\e1c4';
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  color: #F27050;
  vertical-align: middle;
}

.PageCategoryRight li>a::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
  background: #F27050;
}


.PageCategoryRight li>a:hover {
  color: #F27050;
}

.PageCategoryRight li>a:hover::after{
  transform-origin: left top;
  transform: scale(1, 1);
}

/* 顧客グループ専用 */
.PageCircleGroupTop {
  margin: 0 0 0 10px;
}


.PageCircleGroupTop li a:before {
  padding: 0 2px 0 0;
  font-family: 'Material Icons';
  content: '\e1c4';
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  color: #338DC3;
  vertical-align: middle;
}

.PageCircleGroupBottom {
  margin: 20px 0 0 0;
}




/*---------------------------------------------------------
  Chapter99 : レスポンシブ設定
---------------------------------------------------------*/


/*   Chapter99_01 : 大型モニター（1381px〜）
----------------------------------------------------------*/
@media screen and (min-width:1381px) {


  /*---------- テーブル：1501px〜  ----------*/



} /* 〜1501px END */




/*---------------------------------------------------------
  Chapter99_02 : 通常モニター（〜1380px）
---------------------------------------------------------*/
@media screen and (max-width: 1380px) {
  

  /* パンくず ： 〜1380px
	-----------------------------------------*/
  #bread ul { width: 100%; padding: 0 40px; }


  /* レイアウト ： 〜1380px
	-----------------------------------------*/
  #pageinner { width: 95%; }


  /* header ： 〜1380px
	-----------------------------------------*/
  .HeaderInner { width: 100%; padding: 10px 40px; }

} 



/*---------------------------------------------------------
  Chapter99_02 : タブレット（〜1024px）
---------------------------------------------------------*/
@media screen and (max-width: 1024px) {


  /*---------- header ： 〜1024px  ----------*/
  .HeaderInner { width: 100%; }
  .site-title-wrap a { width: 70%; display: inline-block;}
  .HeaderSearchBox { width: 100%;}


  /*---------- レイアウト ： 〜1024px  ----------*/
  #pageinner { width: 95%; display: flex; flex-direction: column-reverse; width: 85%; height: auto; margin: 50px auto 150px;}
  .pagecontent { width: 100%; }
  .categorycontent { width: 100%; }

  
  /*---------- サイドバー ： 〜1024px  ----------*/
  #sidebar { display: none;}
  .SidebarCategoryItem:last-child { margin: 15px 0 0 0; }

  
  /* 目次 ： 〜1024px
	-----------------------------------------*/


  
  /* 追尾用目次 ： 〜1024px
	-----------------------------------------*/



  /*---------- タイトルヘッダー ： 〜1024px  ----------*/
  #headimg>img { margin: 0 0 0 8%; width: 20%; }
  #headimg .pagecaption { font-size: 25px; margin: 0 0 0 5%;}
  
  
  /*---------- お知らせ ： 〜1024px  ----------*/
  .NewsItem>p { font-size: 1.2rem;}

} /* 〜1024px END */



/*---------------------------------------------------------
  Chapter99_03 : スマホ（〜768px）
---------------------------------------------------------*/
@media screen and (max-width: 768px) {


  /*---------- header：〜768px  ----------*/
  header { height: auto; padding: 5% 5% 0; }
  .HeaderSearchBox { width: 90%; margin: 10px 0; }
  #header-nav-wrap { display: none; }
  .site-title-wrap { display: flex;  justify-content: center; align-items: center; margin: 0 0 5%; }
  .site-title-wrap a { width: 100%;}
  .HeaderInner { width: 80%; height: auto; display: flex; flex-direction: column; padding: 10px 0;}
  .HeaderSearchBox { width: 100%;}
  


/*---------- ヘッドタイトル：〜768px  ----------*/
  #headimg.PageHeadTitleBox { margin: 3% 0 10%; }


  /*---------- 検索：〜768px  ----------*/
  input.search-field { font-size: 12px; }



  /* パンくず ： 〜768px
	-----------------------------------------*/



  
   /* ページネーション ： 〜768px
	-----------------------------------------*/
  .pagenation { margin: 15% 0 0 0; }
  .page-numbers li { margin-right: 18px; font-size: 15px; }
  .page-numbers li:last-child  { margin-right: 0; }


  /* フッター ： 〜768px
	-----------------------------------------*/
  footer { padding: 15px 0 100px; }
  .FooterButtonBox { width: 45%;}
  .FooterButtonBox a { padding: 8%; font-size: .8rem;}
  nav#footer-nav ul li a { font-size: 1rem; }
  .copyright p { font-size: 0.8rem; }


  /*---------- テキスト：〜768px  ----------*/
  p {font-size: 15px;}


  /*---------- レイアウト ：〜768px  ----------*/
  #pageinner { display: flex; flex-direction: column-reverse; width: 90%; height: auto; margin: 50px auto 150px;}
  .pagecontent { width: 100%; }
  .categorycontent { width: 100%; }
  
  
  /*---------- サイドバー ：〜768px  ----------*/
  #sidebar { display: none;}
  .SidebarCategoryItem:last-child { margin: 15px 0 0 0; }


  
  /* 目次 ： 〜768px
	-----------------------------------------*/
  .TrackingBox { position: unset; }
  .toc { display: flex; position: relative; flex-wrap: wrap; justify-content: center; margin-top: 30px; padding: 20px;}
	#toc_container { min-width: 70%; }
	#toc_container .toc_list li ul li a { padding: 10px 0 10px 30px; }
  .toc .toc-title { width: 100% }
  .toc-list { margin: 0; padding: 0; }
  .toc-list>li { font-size: 1rem; padding: 0; }
  .toc-list ul li { padding: 10px 0 10px 25px; font-size: 12px; }
  
  

  /* 追尾用目次 ： 〜768px
	-----------------------------------------*/
  .H_TrackingBox .toc {margin: 10px; padding: 10px; position: unset; border: unset; background: #F2F2F2; }
  .H_TrackingBox .toc .toc-title { font-size: 12px;}
  .H_TrackingBox .toc .toc-list>li { font-size: 12px; text-align: left; padding-left: 2.5em; text-indent: -2.5em;}
  .H_TrackingBox .toc .toc-list>li ul { padding-left: 0em; text-indent: 0em;}



  /*---------- タイトルヘッダー ：〜768px  ----------*/
  #headimg>img { margin: 0 0 0 8%; width: 20%; }
  #headimg .pagecaption { font-size: 25px; margin: 0 0 0 5%;}
  
  
  /*---------- お知らせ ：〜768px  ----------*/
  .NewsItem>p { margin: 2%; font-size: 15px; }


  /*---------- レイアウト ：〜768px  ----------*/
  #main { width: 340px; }
  .is-layout-flow.wp-block-column.PageCategoryIcon { margin: 0 5% 0 0; flex-basis: 20%;}
  .PageCategoryTitleBox{ padding: 3%; }


  /*---------- カテゴリーリスト ：〜768px  ----------*/
  .CategoryPostItem { margin: 10px 0 0; padding: 0 0 10px 0; }
   .is-layout-flow.wp-block-column.PageCategoryIcon {flex-basis: 50%; }
   #CategoryBannerBox>img { width: 25%; margin: 0; }
   .CategoryTitle { font-size: 1.5rem;}
   

  /*---------- カテゴリーボックス ：〜768px  ----------*/
  .PageCategoryRight { padding: 4%; }
  .PageCategoryRight li, .PageCircleTitle { margin: 0 0 2%; font-size: 15px; line-height: 1.5;}
  .PageCategoryRight li>a { line-height: 1.5;}
  .wp-block-columns.PageCategoryBox .PageCategoryLeft { padding: 20px; }
  .PageCategoryLeft { width: 100%; padding: 15px; border-radius: 10px 10px 0 0; }
  .PageCategoryLeft span { font-size: 35px; }
  .PageCategoryLeft .CategoryListTitle { font-size: 1.2rem; line-height: 1.5; }
  .PageCategorySubTitleTypeB:after { width: 55vw; }
  .PageCategorySubTitleTypeC:after { width: 62%; }
  
  
  /*---------- よくある質問 ：〜768px  ----------*/
  .box_accordionQ { font-size: 15px; }
  .QuestionIcon { font-size: 30px; }
  .box_accordionA { padding: 20px 60px 20px 10px; }
  .box_accordionA .AnserText { font-size: 15px; }
  .box_accordionA:before { font-size: 40px; }


  /*---------- 検索結果 ：〜768px  ----------*/
  .SearchMainTitle { font-size: 2rem; }


} /* 〜768px END */



/*---------------------------------------------------------
  Chapter99_04 : スマホ（〜480px）
---------------------------------------------------------*/
@media screen and (max-width: 480px) {

  
} /* 480px END */