@charset "utf-8";

/* default classic widget style */

/* 基本設定 */
.p-widget {
  width:100%; font-size:16px; line-height:1.6;
  position: relative; background: #fff;
}

@media not all and (max-width: 1200px) {
  .p-widget:not(:first-of-type) { margin-top:50px; }
}
@media (max-width: 1200px) {
  .p-widget { width:calc(50% - 40px); height:100%; margin:50px 0 0 40px; }
}
@media (max-width: 767px) {
  .p-widget { width:calc(50% - 20px); margin:40px 0 0 20px; }
}
@media (max-width: 599px) {
  .p-widget { width:100%; height:auto; margin-left:0; }
}

/* ウィジェット用タイトル */
.p-widget-headline {
  position: relative; font-size:16px; line-height:1.6;
  color:#fff; background: rgba(var(--tcd-accent-color, 0,0,0),1);
  padding:calc(22px - 0.3em) 25px;
}
@media (max-width: 767px) {
  .p-widget-headline {}
}

/* TCDデザインされた記事一覧ウィジェット */
.p-widget-posts {}
.p-widget-posts__labels {}
.p-widget-posts__labels-item {
  cursor: pointer; width:100%; height:50px; padding:0 10px; transition: color 0.3s ease;
  font-size:16px; line-height:1.2; text-align: center; color:#000; background:#eee;
}
* + .p-widget-posts__labels-item { border-left:1px solid rgba(255, 255, 255, 0.3); }
.p-widget-posts__labels-item.is-active { pointer-events: none; color:#fff; background:rgba(var(--tcd-accent-color, 0,0,0),1); border-color:#fff; }
.p-widget-posts__labels-item.is-active + .p-widget-posts__labels-item { border-color:#fff; }
.p-widget-posts__fields { padding:20px; background:rgba(var(--tcd-accent-color, 0,0,0),1); }
.p-widget-posts__fields-item { margin:-20px 0 0 -20px; }
.p-widget-posts__fields-item:not(.is-active) { display:none; }
.p-widget-posts__fields-article { width:calc(100% / 2 - 20px); margin:20px 0 0 20px; }
.p-widget-posts__fields-article__link {}
.p-widget-posts__fields-article__image { padding-top:100%; position: relative; }
.p-widget-posts__fields-article__title { color:#fff; font-size:14px; font-weight:normal; line-height:1.7; height:5.1em; margin:calc(20px - 0.35em) 0 -0.35em; }
.p-widget-posts__no-post { color: #fff; margin: 20px 0 0 20px; }

@media (hover: hover) and (pointer: fine) {
  .p-widget-posts__labels-item:hover { color:rgba(0, 0, 0, 0.5); }
}

/* TCDバナースライダー */
.p-widget-slider { position: relative; }
.p-widget-slider__inner { height:200px; }
.p-widget-slider__list {}
.p-widget-slider__item { width:100%; }
.p-widget-slider__item-link { display:block; position: relative; width:100%; height:100%; }
.p-widget-slider__item-content { position: absolute; left:0; bottom:0; z-index:2; padding:20px; width:100%; background:rgba(0, 0, 0, 0.4); }
.p-widget-slider__item-title { font-size:14px; line-height:1.7; color:#fff; margin:-0.35em 0; }
/* ページネーション */
.p-widget-headline__name { flex:1 1 0; }
.p-widget-slider__pagination { gap:8px; }
.p-widget-slider__pagination li { }
.p-widget-slider__pagination .splide__pagination__page {
  display: block; width:10px; height:10px; cursor: pointer;
  padding: 0; border: none; background: #999; border-radius: 50%;
}
.p-widget-slider__pagination .splide__pagination__page.is-active {
  background:#fff;
} 
.p-widget-slider__inner + .splide__pagination { display:none; }
@media (hover: hover) and (pointer: fine) {
}

/* TCDイベントスライダー */
.p-widget-events {}
.p-widget-events__track {}
.p-widget-events__list {}
.p-widget-events__item { width:100%; }
.p-widget-events__item-date {
  display:block; width:100%; height:50px; line-height:50px;
  color:#fff; background:rgba(var(--tcd-sub-color, 0,0,0),1);
  padding:0 25px; font-size:14px; overflow: hidden;
}
.p-widget-events__item-image__bg { width:110px; height:110px; }
.p-widget-events__item-content { width:calc(100% - 110px); padding:0 20px; background:#000; color:#fff; }
.p-widget-events__item-title { font-size:14px; line-height:1.8; max-height:5.4em; }
.p-widget-events .p-widget-headline { display: flex; align-items: center; justify-content: space-between; }
.p-widget-events__arrow { height:1.6em; margin-right:-7px; }
.p-widget-events__arrow .splide__arrow { color:#fff; width:0.8em; font-size:30px;transition: color 0.3s ease; }
@media (hover: hover) and (pointer: fine) {
  .p-widget-events__arrow .splide__arrow:hover { color:rgba(255, 255, 255, 0.5); }
}


/*
  RSS
*/
.widget_rss .rss-widget-icon { display:none; }
.widget_rss .p-widget-headline a { color:#fff; }
.widget_rss ul li { padding:20px; border:1px solid #ddd; margin-top:-1px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.widget_rss ul li:not(:first-child) { border-top:1px solid #ddd; }
.widget_rss ul li .rss-date { -ms-flex-order:1; order:1; color:#999; font-size:0.85em; line-height:1; margin-right:10px; }
.widget_rss ul li cite { -ms-flex-order:2; order:2; color:#999; font-size:0.85em; line-height:1; }
.widget_rss ul li .rsswidget { -ms-flex-order:3; order:3; display:block; width:100%; margin: -0.35em 0; }
.widget_rss ul li .rssSummary { -ms-flex-order:4; order:4; color:#999; font-size:0.85em; margin: -0.35em 0; }
.widget_rss .rss-date { position:relative; font-family:Arial; }
.widget_rss .rsswidget ~ .rss-date, .widget_rss .rsswidget ~ cite { margin-bottom:10px; }
.widget_rss .rsswidget ~ .rssSummary { margin-top:calc(10px - 0.35em); }
@media (hover: hover) and (pointer: fine) {
  .widget_rss a:hover { color:rgba(0, 0, 0, 0.5); }
  .widget_rss .p-widget-headline a:hover { color:rgba(255, 255, 255, 0.5); }
}
/*
  ドロップダウン
  - アーカイブリスト
  - カテゴリーリスト
*/
.widget_archive select, .widget_categories select {
	border:1px solid #ddd; margin-top:-1px;  background:#fff; width:100%; height:60px; padding:0 20px; cursor:pointer;
  -webkit-appearance:none; appearance:none;
}
.widget_archive .screen-reader-text, .widget_categories .screen-reader-text  {
	display:block; clip:auto; clip-path:none; pointer-events:none;
	height:60px; width:50px; margin:0;
	left:calc(100% - 50px); text-indent:-100vw;
}
.widget_archive .screen-reader-text:before, .widget_categories .screen-reader-text:before {
  font-family: 'Material Symbols Rounded'; content:'\e5cf'; font-size: 24px;
  line-height: 1; letter-spacing: normal; text-transform: none;
  display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr;
  -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;
  font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
  text-indent:0; position:absolute; right:15px; top:18px;
}
@media (max-width: 767px) {
  /* .widget_archive select, .widget_categories select { height:50px; }
  .widget_archive .screen-reader-text, .widget_categories .screen-reader-text  { height:50px; } */
}

/*
  カスタムHTML
*/
.widget_custom_html .custom-html-widget { padding:20px; }


/*
  カレンダー
*/
#calendar_wrap { padding:20px; margin:-6px 0 0; border:1px solid #ddd; }
#wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:collapse; table-layout:fixed;}
#wp-calendar caption { padding:7px 0; font-size:14px; font-weight:600; }
#wp-calendar thead th, #wp-calendar tfoot td { padding:12px 10px; line-height:2; }
#wp-calendar thead th { font-weight:500; }
#wp-calendar tbody th, #wp-calendar tbody td { padding:0; margin:0; line-height:1; text-align:center; }
#wp-calendar tbody td { padding: 15px 0px; position:relative; }
#wp-calendar tbody a {
	display:block; width:30px; height:30px; line-height:30px; border-radius:30px; margin:0 auto;
	color:#fff; background-color:rgba(var(--tcd-accent-color, 0,0,0),1);
	position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;
}
#wp-calendar #today { font-weight:600; }
.wp-calendar-nav { font-size:14px; padding:20px 0 0; width:100%; font-size:12px; }
.wp-calendar-nav .wp-calendar-nav-prev { width:40%; float:left; }
.wp-calendar-nav .wp-calendar-nav-next { width:40%; float:right; text-align:right; }
@media (hover: hover) and (pointer: fine) {
  #wp-calendar td a:hover { color:#fff; background-color:rgba(var(--tcd-accent-color, 0,0,0),0.7); }
}


/*
  ギャラリー
*/
.widget_media_gallery .gallery-item { margin-top:0!important; }
.widget_media_gallery .gallery { padding:20px; border:1px solid #ddd; margin-top:-1px; }

/*
  タグクラウド
*/
.widget_tag_cloud .tagcloud {
  margin: -6px 0px 0px -7px; padding-top:20px;
  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.widget_tag_cloud .tag-cloud-link {
  font-size:12px!important; background:#eeeeee;
	border-radius:5px; overflow: hidden; margin: 6px 0px 0px 6px;
  display:block; line-height:35px; height:35px; padding:0px 12px;
  color: #000; transition:all 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
  .widget_tag_cloud .tag-cloud-link:hover {
    background:rgba(var(--tcd-accent-color, 0,0,0),1); color:#fff;
  }
}

/*
  テキスト
*/
.widget_text .textwidget { padding:20px; border:1px solid #ddd; margin-top:-1px; }
.textwidget .post_content p { line-height:2; margin-bottom:1.5em; }

/*
  ブロック
*/
/* .widget_block { } */

/*
  動画
*/
.widget_media_video .wp-video {}

/*
  アーカイブリスト
  カテゴリーリスト
  ナビゲーションメニュー
  メタ情報
  固定ページ
*/

.widget_categories a, .widget_archive a, .widget_nav_menu a, .widget_meta a, .widget_pages a {
	display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  padding:15px 20px; border: 1px solid #ddd; line-height:1.8; margin-top:-1px;
}
.widget_categories > ul > li:first-of-type > a, .widget_archive > ul > li:first-of-type > a,
.widget_nav_menu > div > ul > li:first-of-type > a, .widget_meta > ul > li:first-of-type > a, .widget_pages > ul > li:first-of-type > a
{ border-top:none; }
.widget_categories ul ul a, .widget_archive ul ul a, .widget_nav_menu ul ul a, .widget_meta ul ul a, .widget_pages ul ul a { padding-left:30px; }
.widget_categories ul ul ul a, .widget_archive ul ul ul a, .widget_nav_menu ul ul ul a, .widget_meta ul ul ul a, .widget_pages ul ul ul a { padding-left:45px; }
.widget_categories ul ul ul ul a, .widget_archive ul ul ul ul a, .widget_nav_menu ul ul ul ul a, .widget_meta ul ul ul ul a, .widget_pages ul ul ul ul a { padding-left:60px; }
.widget_categories a .count, .widget_archive a .count {
  display: block; min-width: 50px; height: 30px; line-height: 29px; border-radius: 5px;
  font-size: 14px; text-align: center; color:#000; background: #fff; border: 1px solid #ddd; margin-left: 5px;
}
@media (hover: hover) and (pointer: fine) {
  .widget_categories a:hover, .widget_archive a:hover, .widget_nav_menu a:hover, .widget_meta a:hover, .widget_pages a:hover
  { color:rgba(var(--tcd-hover-color, 0,0,0),1); }
}

/*
  カテゴリー、アーカイブカウント
*/
/* .widget_categories > ul, .widget_archive > ul {
  margin-top: calc( -30px + 0.5em);
}
.widget_categories a, .widget_archive a {
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  padding:1em 0 1em 5px; border-bottom: 1px solid #ddd;
}
.widget_categories a .count, .widget_archive a .count {
  display: block; min-width: 50px; height: 30px; line-height: 29px; border-radius: 30px;
  font-size: 14px; text-align: center; background: #fff; border: 1px solid #ddd; margin-left: 5px;
} */


/*
  コメント
*/
.widget_recent_comments li { color:#999; padding:calc(20px - 0.3em) 20px; border:1px solid #ddd; margin-top:-1px; }
/* .widget_recent_comments li:not(:first-of-type) { border-top:1px solid #ddd; } */
@media (hover: hover) and (pointer: fine) {
  .widget_recent_comments a:hover { color:rgba(0, 0, 0, 0.5); }
}

/*
  最近の投稿
*/
.widget_recent_entries li {
  padding:20px; border:1px solid #ddd; margin-top:-1px;
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;
}
.widget_recent_entries li a { display:block; margin:-0.35em 0; }
.widget_recent_entries .post-date {
  position:relative; color:#999; font-size:0.85em; display:block; margin-bottom:10px; line-height:1;
  font-family:Arial; padding-left:1.5em;
}
.widget_recent_entries .post-date:before {
  font-size:1.2em; margin-top:-0.1em;
  font-family: 'Material Symbols Rounded'; content:'\e8b5';
  line-height: 1; letter-spacing: normal; text-transform: none;
  display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr;
  -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;
  font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
  position: absolute; top: 0px; left: 0px;
}
@media (hover: hover) and (pointer: fine) {
  .widget_recent_entries a:hover { color:rgba(0, 0, 0, 0.5); }
}

/* 検索フォーム */
.widget_search label { display:none; }
.widget_search > form { height:60px; border:none; border:1px solid #ddd; margin-top:-1px; }
.widget_search > form > div { display:-webkit-box; display:-webkit-flex; display:flex; height:100%; position:relative; }
.widget_search > form > div:before {
  font-family: 'Material Symbols Rounded'; content:'\e8b6';
  -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;
  font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
  text-indent:0; display:block; width:50px; height:60px; line-height:60px;
	text-align:center; color:#333; font-size:24px; z-index:1; position:absolute; right:0px; top:0px; pointer-events:none;
}
.widget_search > form input[type="text"] { border:none; outline: none; background:none; padding-left:20px; margin:0; width:calc(100% - 50px); height:100%; }
.widget_search > form input[type="submit"] {
	border:none; background:none; width:50px; height:100%; z-index:200; position:relative;
  cursor:pointer; display:block; text-indent:-300px; overflow:hidden;
}
@media (max-width: 767px) {
  /* .widget_search > form { height:50px; }
  .widget_search > form > div:before { height:50px; line-height:50px; } */
}

/*
  画像
*/
.widget_media_image a { display:block; }
.widget_media_image img { width:100%; }
.widget_media_image > a, .widget_media_image > img {}
.widget_media_image .wp-caption { width:100%!important; max-width:100%; }
.widget_media_image .wp-caption-text { text-align: center; margin:calc(20px - 0.3em) 0 -0.3em; }