/*******************
サイドウィジェット
*******************/
/* 本体 */
.widgettitle {
    background-color:#00a496;
    color:#fff;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 3px;
  }
  .widget { 
    margin-bottom: 20px;
  }
  /* リスト・アーカイブ・カテゴリ－・最新の投稿・タグクラウド・メタ・ナビメニュー */
  .widget_block li,
  .widget_meta li,
  .widget_nav_menu li {
    font-size: 0.8rem;
    height: 50px;
    display: flex;
    align-items: center;
    border-bottom: dotted 1px #ddd;
  }
  .widget_block li a,
  .widget_meta a,
  .widget_nav_menu a {
    display: block;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
  }
  .widget_block li a:hover,
  .wp-block-tag-cloud a:hover,
  .widget_meta a:hover,
  .widget_nav_menu a:hover {
    opacity: 0.8;
  }
  /* 引用・コード・整形済みテキスト */
  .wp-block-quote,
  .wp-block-code,
  .wp-block-preformatted {
    margin: 0;
  }
  /* プルクオート */
  blockquote {
    margin: 0;
  }
  /* テーブル・詩 */
  .wp-block-table,
  .wp-block-verse,
  .wp-block-columns {
    margin: 0;
  }
  .wp-block-table td {
    border:solid 1px #ddd;
    padding: 10px;
    box-sizing: border-box;
  }
  .wp-block-pullquote {
    padding: 30px 0;
    border-top:solid 2px #ddd;
    border-bottom: solid 2px #ddd;
  }
  /* グループ */
  .wp-block-group p {
    font-size: 0.8rem;
  }
  /* コメント */
  .wp-block-latest-comments__comment {
    border-bottom: dotted 1px #ddd;
  }
  .wp-block-latest-comments__comment footer {
    background: none;
    font-size: 0.8rem;
  }
  .wp-block-latest-comments__comment-excerpt p {
    font-size: 0.8rem;
  }
  .wp-block-latest-comments__comment-excerpt p {
    margin-bottom: 10px;
  }
  /* カレンダー */
  .wp-calendar-table caption {
    font-size: 1rem;
    border-bottom: solid 2px #ddd;
    margin-bottom: 10px;
  }
  .wp-block-calendar table th {
    background-color: #00a496;
  }
  .wp-block-calendar th,
  .wp-block-calendar tbody td {
    border-color: #00a496;
  }
  .wp-block-calendar th,
  .wp-block-calendar tbody td {
    font-size: 0.8rem;
  }
  .wp-calendar-nav {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
  }
  .wp-calendar-nav-prev a {
    font-size: 0.8rem;
    text-decoration: none;
    background-color: darkcyan;
    color: aqua;
    padding: 5px;
    border-radius: 3px;
    box-sizing: border-box;
  }
  .wp-calendar-nav-prev a:hover {
    opacity: 0.8;
  }
  /* HTML */
  .widget_block iframe {
    width: 100%;
    height: auto;
  }
  /* ソーシャル */
  .wp-block-social-link {
    border-radius: 50%;
  }
  .wp-block-social-links .wp-social-link a {
    height: auto;
    width: auto;
    padding: 10px;
    box-sizing: border-box;
  }
  .wp-block-social-links .wp-social-link svg {
    width: 30px;
    height: 30px;
  }
  /* サーチ */
  .wp-block-search__label {
    display: none;
  }
  .wp-block-search .wp-block-search__input {
    border: solid 2px #00a496;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 0.8rem;
  }
  .wp-block-search .wp-block-search__button {
    background-color:#00a496;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 0.8rem;
  }
  /* 画像・ギャラリー・メディアテキスト */
  .widget_media_image,
  .widget_media_gallery {
    border: none;
    padding: 0;
  }
  .wp-block-image {
    margin: 0;
  }
  .wp-block-image img,
  .wp-block-media-text__media img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  /* オーディオ */
  .widget_media_audio {
    border: none;
    padding: 0;
  }
  .wp-block-audio audio {
    min-width: auto;
    vertical-align: bottom;
  }
  /* ファイル */
  .wp-block-file {
    margin-bottom: 0;
  }
  /* 動画 */
  .wp-block-embed {
    margin-bottom: 0;
  }
  /* ログイン・ログアウト */
  .wp-block-loginout a {
    font-size: 0.8rem;
    padding: 10px;
    box-sizing: border-box;
  }
  .wp-block-loginout a:hover {
    opacity: 0.8;
  }
  /* 744px以上 */
  @media(min-width:744px) {
    .sidebar-widgets {
      display: grid;
      grid-template-columns: 49% 49%;
      grid-column-gap: 2%;
      box-sizing: border-box;
    }
  }
  /* 1100px以上 */
  @media(min-width:1100px) {
  .sidebar-widgets {
    width:300px;
  }
  .sidebar-widgets {
    display: block;
    margin-left: 30px;
  }
  }