/*
Theme Name:DROP child
Theme URI:
Description:WordPressテーマ「DROP」の自作子テーマです。
Template:drop_tcd087
Author:Kato
Author URI:
Version:2.5.1
*/

#side_menu nav ul li a,
#side_menu .sub-menu a {
  height: 42px;
}
.post_content .aligncenter {
  text-align: center;
}

/*固定ページ下の関連ページ用css*/
ul.blog-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 auto;
  justify-content: center;
}

ul.blog-list li {
  width: 40%;
  text-align: center;
  padding: 1vw;
}

ul.blog-list:after {
  content: "";
  display: block;
  width: 40%; /* .boxに指定したwidthと同じ幅を指定する */
  height: 0;
  padding: 1vw;
}
/***/

#copyright {
  background: #24272a !important;
}

#footer_logo::after {
  content: "";
  clear: both;
  display: block;
}

.footer_menu {
  background-color: #dddddd;
}
.footer_menu ul {
  flex-wrap: wrap;
  height: auto;
}
.footer_menu ul li {
  margin: 40px auto;
  width: 12%;
}

@media screen and (max-width: 750px) {
  .footer_menu ul {
    background-color: #dddddd;
  }
  div.footer_menu ul {
    height: auto;
    flex-wrap: wrap;
  }

  .footer_menu ul li {
    width: 50%;
    padding: 1vh 0;
    margin: 15px auto;
  }

  .footer_menu ul:after {
    content: "";
    display: block;
    width: 50%; /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
    padding: 1vh 0;
  }
}

.wp-block-image.alignwide {
  margin-left: -4rem; //ここにpadding分の数値を入れる
  margin-right: -4rem; //ここにpadding分の数値を入れる
}
.wp-block-image.alignfull {
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
}

/* ----------------------------------------------footer */
#footer_bottom {
  display: none;
}
#c_footer_info {
  background: #24272a;
  color: #fff;
  box-sizing: border-box;
  padding: 5vh 10%;
}
#c_footer_info a {
  color: #fff;
}
.flex {
  display: flex;
}
.c_block:nth-child(1) {
  width: 70%;
}
.c_block img {
  max-width: 180px;
  width: 40%;
  margin-bottom: 20px;
}
.c_block p {
  line-height: 1.6em;
}
.c_block p a {
  text-decoration: underline;
}
#c_fmenu {
  margin-top: 60px;
}
#c_fmenu p {
  padding: 1vh 0;
  line-height: 1.25;
}
@media screen and (max-width: 750px) {
  .flex {
    display: block;
  }
  .c_block:nth-child(1) {
    width: 100%;
    margin-bottom: 40px;
  }
  .c_block p {
    word-break: keep-all;
  }
}
