/* 共通 */
.post {
  margin-top: 41.6px;
  background-color: #ffffff;
}

.post-inner {
  padding: 25px;
}

.post-description {
  margin-top: 25px;
  font-size: 15px;
  color: #000000;
  font-weight: 500;
}

.post-description a {
  font-size: 13.33px;
  color: #0093ff;
}

.post-box {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}

.post-create {
  font-size: 11.68px;
  padding: 0 15px;
  color: #464849;
  line-height: 35px;
  background-color: #fff352;
  border-radius: 33.33px;
  display: flex;
  align-items: center;
}

.post-create img {
  width: 11.68px;
  height: auto;
  margin-right:8px;
}

.post-table {
  margin-top: 16.64px;
  padding-bottom: 25px;
  border-bottom: solid 1px #d8d8d8;
}

.post-table table {
  border-collapse: collapse;
  border-color: #d8d8d8;
  border: 1px solid #d8d8d8;
  width: 100%;
  font-size: 15px;
  color: #464849;
  table-layout: fixed;
}

.post-table table th {
  padding: 22.5px 0;
  color: #ffffff;
  background-color: #d97b7b;
  font-weight: bold;
}

.post-table table th:nth-last-child(1) {
  width: 10%;
}

.post-table table td {
  font-weight: 500;
  text-align: center;
}

.post-table table td a {
  display: block;
  padding:12.5px;
  color: #464849;
}

.post-table table td:nth-child(1) {
  text-align: left;
}

.table-color {
  text-align: center;
  display: block;
  width: 100%;
  line-height: 33.33px;
  border-radius: 16.64px;
  color: #ffffff;
}

@media screen and (max-width:768px) {
  .post-inner {
    padding: 4vw;
  }

  .post-description {
    margin-top: 4vw;
    font-size: 4vw;
  }

  .post-description a {
    font-size: 4.26666vw;
  }

  .post-box {
    display: block;
    margin-top: 4vw;
  }

  .post-create {
    font-size: 3.73333vw;
    padding: 3.2vw 8vw;
    border-radius: 4px;
    display: inline-block;
    line-height: 1;
  }

  .post-create img {
    width: 4vw;
    margin-right: 2.66666vw;
  }

  .post-table {
    margin-top: 4vw;
  }

  .post-table thead {
    display: none;
  }

  .post-content {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 4vw;
    margin-bottom: 4vw;
    font-weight: 500;
  }

  .post-content p {
    color: #464849;
  }

  .post-content-meta {
    display: flex;
    align-items: center;
  }

  .table-color {
    width: 27.2vw;
    box-sizing: border-box;
    padding: 2.6666vw 0;
    border-radius: 5.333333vw;
    line-height: initial;
  }

  .post-content-meta > p:nth-child(2) {
    font-size: 3.733333vw;
    margin-left: 4vw;
    color: #464849;
  }

  .post-content-title {
    margin-top: 4vw;
    color: #464849;
    font-size: 3.733333vw;
  }

  .post-content-main p {
    margin-top: 4vw;
    padding-top: 4vw;
    border-top: 1px solid #d8d8d8;
    display: flex;
    justify-content: space-between;
  }

  .post-content-main p span {
    min-width: 70%;
  }

  .post-content-title img {
    width: 27.2vw;
    height: 19.2vw;
    margin-right: 4vw;
  }
}

/* 街角情報 */

.post-matikado th:nth-child(1) {
  width: 50%;
}

.post-matikado table th:nth-last-child(1) {
  width: auto;
}

/* ブリーマーケット */

.post-freemarket table td img {
  width: 5.3125vw;
  height: auto;
  margin-right:8px;
}

.post-freemarket table th:nth-child(1) {
  width: 45%;
}

/* 求人情報 */

.post-recruit table th:nth-child(1) {
  width: 35%;
}

/* サークル */

.post-circle table th:nth-child(1) {
  width: 46%;
}

.post-circle table th:nth-last-child(1) {
  width: 27%;
}

/* 住まいシェア掲示板 */

.post-house table th:nth-child(1) {
  width: 30%;
}

.post-house table td img {
  width: 5.3125vw;
  height: auto;
  margin-right:8px;
}


/* 掲示板ご利用のルール */

.rule {
  margin-top: 25px;
  border: solid 1px #d8d8d8;
  padding: 16.64px;
}

.rule p {
  font-size: 13.33px;
  font-weight: 500;
  line-height: 2.38;
  color: #464849;
}

@media screen and (max-width:768px) {
  .rule {
    margin-top: 4vw;
    border: solid 1px #d8d8d8;
    padding: 4vw;
  }

  .rule p {
    font-size: 3.733333vw;
    line-height: 1.5;
  }
}


/* 検索 */

.form-flex {
  margin-top: 25px;
  padding-bottom: 25px;
  border-bottom: solid 1px #d8d8d8;
}

.form-flex h2 {
  display: flex;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2.4px;
  line-height: 30px;
  color: #464849;
}

.form-flex h2 span {
  width: 30px;
  height: 30px;
  background-color: #d97b7b;
  border-radius: 50px;
  line-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 7.5px;
}

.form-flex h2 span img {
  width: 16.5px;
  height: auto;
}

.form-flex-inner {
  margin-top:  17.6px;
  border: solid 1px #d8d8d8;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.form-row-content {
  width: 50%;
  display: flex;
  border-bottom: solid 1px #d8d8d8;
}

.form-row p {
  font-size: 15px;
  font-weight: bold;
  color: #464849;
  background-color: #fcecec;
  display: flex;
  align-items: center;
  min-width: 9.6875vw;
  padding: 0 17.5px;
}

.form-row-checkbox {
  display: flex;
  align-items: center;
}

.form-row-box {
  padding: 12.5px 17.5px;
  flex: 1;
}

.form-row-checkbox input[type="checkbox"] {
  display: none;
}

.form-row-checkbox label {
  font-size: 15px;
  font-weight: 500;
  color: #464849;
  margin-left: 36.8px;
  position: relative;
}

.form-row-checkbox label::before {
  content: '';
  width: 20px;
  height: 20px;
  border: solid 1px #a3a3a3;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -25px;
  box-sizing: border-box;
}

.form-row-checkbox label::after {
  content: '';
  width: 12px;
  height: 12px;
  background-color: #d97b7b;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -21px;
  opacity: 0;
  box-sizing: border-box;
}

.form-row-checkbox input[type="checkbox"]:checked + label::after {
  opacity: 1!important;
}

.form-row-box input[type="text"]{
  box-sizing: border-box;
  width: 100%;
  height: 42.5px;
  padding: 0 17.5px;
  font-size: 15px;
  border-radius: 4px;
  border: solid 1px #a3a3a3;
  font-weight: 500;
}

.form-row-select {
  box-sizing: border-box;
  width: 100%;
  max-width: 264.5px;
  height: 42.5px;
  padding: 0 20px 0 15px;
  border-radius: 4px;
  border: solid 1px #a3a3a3;
  cursor: pointer;
  z-index: 8;
}

.form-row-select-text {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  line-height: 42.5px;
}


.form-row-select-text::after {
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  content: '▼';
  font-size:8px;
}

.form-row-select-text span {
  max-width: 227.5px;
  box-sizing: border-box;
  color: #a3a3a3;
  white-space: nowrap;
  overflow-x: scroll;
  display: block;
  
}

.form-row-select-box {
  width: 100%;
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  background-color: #ffffff;
  border: solid 1px #a3a3a3;
  padding: 16.64px 16.64px 0;
  flex-wrap: wrap;
}

.form-row-select-box.clicked {
  display: flex;
}

.form-row-select-box input[type="checkbox"] {
  display: none;
}

.form-row-select-box label {
  font-size: 15px;
  font-weight: 500;
  color: #464849;
  margin: 0 0 16.64px 36.8px;
  position: relative;
  cursor: pointer;
}

.form-row-select-box label::before {
  content: '';
  width: 20px;
  height: 20px;
  border: solid 1px #a3a3a3;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -25px;
  box-sizing: border-box;
}

.form-row-select-box label::after {
  content: '';
  width: 12px;
  height: 12px;
  background-color: #d97b7b;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -21px;
  opacity: 0;
  box-sizing: border-box;
}

.form-row-select-box input[type="checkbox"]:checked + label::after {
  opacity: 1!important;
}

.form-row-select-boxWrapper-content {
  margin-bottom: 16.64px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.form-row-select-boxWrapper-content span {
  font-size: 15px;
  font-weight: 500;
  color: #464849;
  min-width: 15vw;
}

.form-row-select-boxWrapper-content label {
  margin-bottom: 0;
}

.form-flex button {
  display: block;
  width: 310px;
  border: none;
  -webkit-appearance: none;
  margin: 30px auto 0;
  line-height: 67.5px;
  font-size: 16.64px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  background-color: #d97b7b;
  box-shadow: 0 3.2px #a35a5a;
}


.shadow {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.shadow.clicked {
  display: block;
  z-index: 5;
}

.form-text {
  display: flex;
  justify-content: center;
}

.form-text input[type=text] {
  width: 275px;
  height: 35px;
  border: none;
  font-size: 15.8px;
  padding: 0 16.64px;
  border-radius: 8px 0 0 8px;
  border-top: solid 1px #a3a3a3;
  border-left: solid 1px #a3a3a3;
  border-bottom: solid 1px #a3a3a3;
  box-sizing: border-box;
  margin: 0;
}

.form-text button {
  border: none;
  background-color: #d97b7b;
  border-radius: 0 8px 8px 0;
  border-top: solid 1px #a3a3a3;
  border-right: solid 1px #a3a3a3;
  border-bottom: solid 1px #a3a3a3;
  height: 35px;
  margin: 0;
  padding: 0 0.5;
}

.form-text button img {
  width: 26.33px;
  height: auto;
}

@media screen and (max-width:768px) {
  .form-flex {
    margin-top: 4vw;
    padding-bottom: 4vw;
  }

  .form-flex h2 {
    font-size: 5.33333vw;
    line-height: initial;
  }

  .form-flex h2 span {
    width: 8vw;
    height: 8vw;
    margin-right: 2.6666vw;
  }

  .form-flex h2 span img {
    width: 4.26666vw;
  }

  .form-flex-inner {
    margin-top: 2.66666vw;
    padding: 2.66666vw;
  }

  .form-row {
    display: block;
    position: initial;
  }

  .form-row-content {
    position: relative;
    width: 100%;
    display: block;
    padding-bottom: 2.6666vw;
    margin-bottom: 2.66666vw;
    border-bottom: solid 1px #d8d8d8;
  }

  .form-row p {
    font-size: 4.26666vw;
    background-color: initial;
  }

  .form-row-box {
    padding: 0;
    margin-top: 1.3333333vw;
  }

  .form-row-select {
    height: 13.6vw;
    padding: 0 4.8vw 0 2.666666vw;
    max-width: unset;
  }

  .form-row-select-text {
    font-size: 4.26666vw;
    line-height: 13.6vw;
  }

  .form-row-select-text span {
    max-width: unset;
  }

  .form-row-box input[type="text"] {
    font-size: 4.26666vw;
    height: 13.6vw;
    line-height: 13.6vw;
    padding: 0 2.666666vw;
  }

  .form-flex button {
    margin-top: 4vw;
    width: 100%;
    line-height: 17.6vw;
    font-size: 4.8vw;
    box-shadow: 0 1.5vw #a35a5a;
  }

  .form-row-checkbox label {
    font-size: 4.266666vw;
    margin-left: 8vw;
  }

  .form-row-checkbox label::before {
    width: 4vw;
    height: 4vw;
    left: -6vw;
  }

  .form-row-checkbox label::after {
    width: 1.75vw;
    height: 2vw;
    left: -5vw;
  }
  .form-text {
    margin-top: 4vw;
  }

  .form-text input[type=text] {
    width: initial;
    flex: 1;
    height: 11.2vw;
    padding: 0 4vw;
    font-size: 3.7333333vw;
  }

  .form-text button {
    height: 11.2vw;
    padding: 0 3vw;
  }

  .form-text button img {
    width: 8.16vw;
  }

  .form-row-select-text::after {
    font-size: 3vw;
    right: -3vw;
  }

  .form-row-select-box {
    top: calc(100% - 4vw);
  }

  .form-row-select-box label {
    font-size: 3.733333vw;
    margin-left: 6vw;
  }

  .form-row-select-box label::before {
    width: 4vw;
    height: 4vw;
    left: -5vw;
  }

  .form-row-select-box label::after {
    width: 2vw;
    height: 2vw;
    left: -3.9vw;
  }

  .form-row-select-boxWrapper-content span {
    width: 100%;
  }
}

/* 教えて！ */

.post-howto {
  padding: 16.64px 16.64px 25px;
  margin-top: 16.64px;
}

.post-howto-content {
  padding: 0 0 16.64px;
  border-bottom: solid 1px #d8d8d8;
  margin-bottom: 16.64px;
}

.post-howto-text h3 {
  font-size: 16.64px;
  font-weight: bold;
  line-height: 1.65;
  letter-spacing: 2px;
  color: #464849;
  padding-left: 16.64px;
  border-left: 5px solid #d97b7b;
}

.post-howto-text>p {
  margin-top:12.5px;
  font-size: 13.33px;
  line-height: 1.5;
  letter-spacing: 1.6px;
  text-align: left;
  color: #464849;
}

.post-howto-meta {
  display: flex;
  margin-top:12.5px;
}

.post-howto-meta div {
  display: flex;
  align-items: center;
  margin-right: 16.64px;
}

.post-howto-meta img {
  height: 13.33px;
  width: auto;
}

.post-howto-meta p {
  margin-left:8px;
  font-size: 13.33px;
  color: #000000;
  line-height: 1;
}

.howto-topic-main-title {
  font-size: 16.67px;
  font-weight: bold;
  line-height: 1.65;
  letter-spacing: 2px;
  color: #464849;
  padding-left: 16.67px;
  border-left: 6px solid #d97b7b;
}

.howto-topic-main p {
  font-size: 15px;
  letter-spacing: 1.8px;
  color: #464849;
  margin-top: 16.67px;
}

.howto-btnWrapper {
  margin-top: 16.64px;
  padding: 0 0 25px;
  border-top: solid 1px #d8d8d8;
  border-bottom: solid 1px #d8d8d8;
}

.howto-btn {
  display: block;
  margin: 25px auto 0;
  width: 310px;
  text-align: center;
  background-color:#f0d81d;
  color: #464849;
  line-height: 67.5px;
  box-shadow: 0 3.2px #c3ac09!important;
  font-size: 16.64px;
}

.howto-btn img {
  width: 21.44px;
  height: auto;
  margin-right: 16.64px;
}

.howto-replies {
  margin-top: 25px;
}

.howto-replies-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.38;
  letter-spacing: 2.4px;
  color: #464849;
  display: flex;
  align-items: center;
}

.howto-replies-title img {
  width: 30px;
  height: auto;
  margin-right: 8.33px;
}

.topic-reply-body {
  margin-top: 16.64px;
  padding: 16.64px;
  border: solid 1px #d8d8d8;
}

.topic-reply-header {
  display: flex;
  align-items: center;
}

.topic-reply-meta {
  display: flex;
  align-items: center;
}

.topic-reply-author {
  font-size: 16.64px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #464849;
  display: flex;
  align-items: center;
}

.topic-reply-author img {
  width: 25px;
  height: auto;
  margin-right: 16.64px;
}

.topic-reply-date {
  margin-left: 25px;
  font-size: 13.33px;
  color: #000000;
  display: flex;
  align-items: center;
}

.topic-reply-date img {
  width: 13.76px;
  height: auto;
  margin-right: 8.96px;
}

.topic-reply-spam {
  margin-left: auto;
}

.topic-reply-spam a {
  background-color: #5d5d5d;
  padding: 0.36vw 8.96px ;
  font-size: 11.68px;
  font-weight: bold;
  color: #ffffff;
}

.topic-reply-content {
  margin-top:12.5px;
}

.topic-reply-block {
  padding: 0 0 16.64px;
  margin-bottom: 16.64px;
  border-bottom: solid 1px #d8d8d8;
}

.howto-form {
  margin-top: 25px;
  padding-top: 25px;
  border-top: solid 1px #d8d8d8;
}

.howto-form-container {
  margin-top: 16.64px;
}

.howto-form-block {
  display: flex;
  border-bottom: solid 1px #d8d8d8;
  border-left: solid 1px #d8d8d8;
  border-right: solid 1px #d8d8d8;
}

.howto-form-block:nth-child(1) {
  border-top: solid 1px #d8d8d8;
}

.howto-form-label {
  background-color: #fcecec;
  padding:12.5px 16.64px;
  width: 17%;
  display: flex;
  align-items: center;
}

.howto-form-label p {
  font-size: 15px;
  font-weight: bold;
  color: #464849;
}

.howto-form-input {
  padding:12.5px 16.64px;
  flex: 1;
}

.howto-form-input #bbp_anonymous_author {
  width: 50%;
  box-sizing: border-box;
  padding: 10.88px 16.64px;
  font-size: 15px;
  color: #464849;
  border-radius: 4px;
  border: solid 1px #a3a3a3;
}

.howto-form-input #bbp_topic_title {
  width: 100%;
  box-sizing: border-box;
  padding: 10.88px 16.64px;
  font-size: 15px;
  color: #464849;
  border-radius: 4px;
  border: solid 1px #a3a3a3;
}

#bbpress-forums .howto-form-block div.bbp-the-content-wrapper {
  margin: 0;
  padding:12.5px 16.64px;
  flex: 1;
}

#bbpress-forums .howto-form-block div.bbp-the-content-wrapper textarea.bbp-the-content {
  box-sizing: border-box;
  padding: 10.88px 16.64px;
  font-size: 15px;
  color: #464849;
}

.howto-submit-wrapper {
  padding-bottom: 25px;
  border-bottom: solid 1px #d8d8d8;
}

.howto-submit-wrapper button {
  display: none;
  margin: 25px auto 0;
  width: 310px;
  text-align: center;
  background-color:#f0d81d;
  color: #464849;
  line-height: 67.5px;
  box-shadow: 0 3.2px #c3ac09!important;
  font-size: 16.64px;
  border: none;
  -webkit-appearance:none;
  cursor: pointer;
}

.no-submit-howto {
  display: block;
  margin: 25px auto 0;
  width: 310px;
  text-align: center;
  background-color:#f0d81d;
  color: #464849;
  line-height: 67.5px;
  box-shadow: 0 3.2px #c3ac09!important;
  font-size: 16.64px;
  border: none;
  -webkit-appearance:none;
  opacity: .7;
}

.bbp-pagination,.bbp-pagination-count,.bbp-pagination-links,#bbpress-forums .bbp-pagination-links a,#bbpress-forums .bbp-pagination-links span.current,#bbpress-forums .bbp-pagination-links span.dots {
  float: initial!important;
}

#bbpress-forums .bbp-pagination-links a, #bbpress-forums .bbp-pagination-links span.current,#bbpress-forums .bbp-pagination-links span.dots {
  display: inherit!important;
}

#bbpress-forums .bbp-pagination {
  margin-bottom: 0;
  text-align: center;
}

.bbp-pagination-links {
  display: flex!important;
  justify-content: center;
}

#bbpress-forums .bbp-pagination .bbp-pagination-links span.current {
  box-sizing: border-box;
  padding: 0 15px;
  font-size: 13.33px;
  line-height: 38.4px;
  border-radius: 33.33px;
  background-color: #d97b7b;
  text-align: center;
  color: #ffffff;
  font-weight: 500;
  margin-right:8px;
}

#bbpress-forums .bbp-pagination .bbp-pagination-links a {
  box-sizing: border-box;
  padding: 0 15px;
  font-size: 13.33px;
  line-height: 38.4px;
  border-radius: 33.33px;
  text-align: center;
  border: solid 1px #d8d8d8;
  color: #464849;
  font-weight: 500;
  margin-right:8px;
}

#bbpress-forums .bbp-pagination-links span.dots {
  line-height: 38.4px;
}

@media screen and (max-width:768px) {
  .post-howto {
    padding: 0;
    margin-top: 4vw;
  }

  #bbpress-forums {
    margin-bottom: 0;
  }

  .post-howto-content {
    margin-bottom: 4vw;
    padding: 4vw;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-bottom: none;
  }

  .post-howto-content:nth-last-child(1) {
    margin-bottom: 0;
  }

  .post-howto-text h3 {
    font-size: 4.26666vw;
    padding-left: 5.333333vw;
    border-left-width: 1.6vw;
  }

  .post-howto-text>p {
    margin-top: 2.66666vw;
    font-size: 3.733333vw;
    letter-spacing: initial;
  }

  .post-howto-meta {
    margin-top: 0;
    flex-wrap: wrap;
  }

  .post-howto-meta div {
    margin-top: 4vw;
    margin-right: 4vw;
  }

  .post-howto-meta img {
    height: 3.73333vw;
  }

  .post-howto-meta p {
    font-size: 3.73333vw;
    margin-left: 2.666666vw;
  }

  .howto-replies-title {
    font-size: 5.33333vw;
    line-height: initial;
    margin-bottom: 4vw;
  }

  .howto-form {
    margin-top: 4vw;
    padding-top: 4vw;
  }

  .howto-replies-title img {
    width: 8vw;
    margin-right: 2.6666vw;
  }

  .howto-form-block {
    display: block;
  }

  .howto-form-label {
    padding: 4vw;
    width: 100%;
  }

  .howto-form-input,#bbpress-forums .howto-form-block div.bbp-the-content-wrapper {
    padding: 4vw;
    width: 100%;
  }

  .howto-form-input #bbp_anonymous_author,.howto-form-input #bbp_topic_title {
    width: 100%;
    font-size: 4.266666vw;
    padding: 2.666666vw;
  }

  #bbpress-forums .howto-form-block div.bbp-the-content-wrapper textarea.bbp-the-content {
    width: 100%;
    font-size: 4.266666vw;
    padding: 2.666666vw;
    height: 60vw;
  }

  #bbpress-forums div.bbp-the-content-wrapper input[type=button] {
    min-height: initial;
    height: 4.8vw;
  }

  .howto-submit-wrapper {
    padding-bottom: 4vw;
  }

  .no-submit-howto ,.howto-submit-wrapper button{
    margin-top: 4vw;
    width: 100%;
    line-height: 17.6vw;
    font-size: 4.8vw;
    box-shadow: 0 1.5vw #a35a5a;
  }

  #bbpress-forums h1 {
    font-size: 4.26666vw;
    padding-left: 5.333333vw;
    border-left-width: 4vw;
    padding-bottom: 0;
  }

  .howto-topic-main p {
    margin: 4vw 0 0;
    font-size: 3.733333vw;
  }

  .howto-btnWrapper {
    margin-top: 4vw;
    padding-bottom: 4vw;
  }

  .howto-btn {
    margin-top: 4vw;
    width: 100%;
    line-height: 17.6vw;
    font-size: 4.8vw;
    box-shadow: 0 1.5vw #c3ac09!important;
  }

  .howto-btn img {
    width: 6vw;
    margin-right: 2.6666vw;
  }

  .howto-replies {
    margin-top: 4vw;
  }

  .topic-reply-body {
    padding: 4vw;
  }

  .topic-reply-author {
    font-size: 4.8vw;
  }

  .topic-reply-meta {
    display: block;
  }

  .topic-reply-author img {
    width: 4.8vw;
    margin-right: 2.6666vw;
  }

  .topic-reply-date {
    margin-left: 0;
    margin-top: 2.666666vw;
    font-size: 3.733333vw;
  }

  .topic-reply-date  img {
    width: 3.733333vw;
    margin-right: 2.66666vw;
  }

  .topic-reply-content {
    margin-top: 4vw;
  }

  .topic-reply-content p {
    font-size: 3.733333vw;
  }

  .topic-reply-block {
    padding-bottom: 4vw;
    margin-bottom: 4vw;
  }
  
  #bbpress-forums .bbp-pagination .bbp-pagination-links span.current {
    width: 12.2vw;
    display: flex;
    justify-content: center;
    font-size: 4.27vw;
    line-height: 12.2vw;
    border-radius: 17.12px;
    margin-right: 2.7vw;
  }

  #bbpress-forums .bbp-pagination .bbp-pagination-links a {
    width: 12.2vw;
    display: flex;
    justify-content: center;
    font-size: 4.27vw;
    line-height: 12.2vw;
    border-radius: 17.12px;
    border: solid 0.267vw #d8d8d8;
    margin-right: 2.7vw;
  }
}


/* ビュー数ページ */

.page-administration h2 {
  display: flex;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2.4px;
  line-height: 30px;
  color: #464849;
  margin-bottom: 20.8px;
}

.page-administration h2 span {
  width: 30px;
  height: 30px;
  background-color: #d97b7b;
  border-radius: 50px;
  line-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 7.5px;
}

.page-administration h2 span img {
  width: 16.5px;
  height: auto;
}

.post-view table th:nth-last-child(1) {
  width: 60%;
}

.post-view table td {
  text-align: center!important;
  padding: 8.32px;
}

.post-administration {
  margin-top: 25px;
  padding-bottom: 25px;
  border-bottom: solid 1px #a3a3a3;
}

.post-administration-contents {
  margin-top: 16.64px;
}

.post-administration-contents h3 {
  font-size: 16.64px;
  color: #d97b7b;
  padding:12.5px 16.64px;
  background-color: #fcecec;
}

.post-administration-content h4 {
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  color: #464849;
  margin-top: 25px;
  position: relative;
  overflow-x: hidden;
}
.post-administration-content h4 img {
  width: 17.92px;
  height: auto;
  margin-right: 8.48px;
}

.post-administration-content h4::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 16.64px);
  width: 100vw;
  height: 3px;
  background-image: url('../img/view/administration-dot.png');
  background-size: cover;

}

.post-administration-content-block  {
  margin-top: 16.64px;
  display: flex;
}

.post-administration-content-block img {
  width: 416px;
  height: auto;
}

.post-administration-content-block-main {
  margin-left: 16.64px;
  display: flex;
  flex-direction: column;
}

.post-administration-content-block-main > p {
  font-size: 16px;
}

.post-administration-content-block-main-el {
  display: flex;
  height: 75px;
  border: solid 1px #a3a3a3;
  width: 100%;
  margin-top: auto;
  box-sizing: border-box;
}

.post-administration-content-block-main-el:nth-last-child(1) {
  margin-top: 10px;
}

.post-administration-content-block-main-el p:nth-child(1) {
  width: 133.3px;
  line-height: 75px;
  background-color: #d97b7b;
  position: relative;
  font-size: 16.64px;
  color: #ffffff;
  text-align: center;
} 

.post-administration-content-block-main-el p:nth-child(1)::after {
  content: '';
  position: absolute;
  top: 0;
  right: -16.64px;
  border-top: 37.5px solid transparent;
  border-bottom: 37.5px solid transparent;
  border-left: 16.64px solid  #d97b7b;
}

.post-administration-content-block-main-el p:nth-child(2) {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 25px;
  font-size: 16.64px;
  color: #464849;
}

.post-administration-content-block-main-el p:nth-child(2) span {
  font-size: 11.68px;
}

.post-administration-bottom {
	margin-top: 20px;
	font-size: 16px;
}

@media screen and (max-width:768px) {
  .post-administration {
    margin-top: 4vw;
    padding-bottom: 4vw;
  }

  .page-administration h2 {
    font-size: 5.33333vw;
    line-height: initial;
    margin-bottom: 4vw;
  }

  .page-administration h2 span {
    width: 8vw;
    height: 8vw;
    margin-right: 2.6666vw;
  }

  .page-administration h2 span img {
    width: 4.26666vw;
  }

  .post-table {
    margin-top: 4vw;
    display: block;
    padding-bottom: 4vw;
    margin-bottom: 4vw;
  }

  .post-view thead {
    display: table-header-group;
  }

  .post-table table {
    font-size: 4vw;
  }

  .post-view table td {
    padding: 2.666666vw;
  }

  .post-administration-contents h3 {
    font-size: 4.8vw;
    padding:2.4vw 4vw;
  }

  .post-administration-content h4 {
    margin-top: 4vw;
    font-size: 4.8vw;
  }

  .post-administration-content h4 img {
    width: 5vw;
    margin-right: 2.6666vw;
  }

  .post-administration-content-block {
    margin-top: 4vw;
    display: block;
  }

  .post-administration-content-block img {
    width: 100%;
  }

  .post-administration-content-block-main {
    margin-top: 2.66666vw;
    margin-left: 0;
  }

  .post-administration-content-block-main > p {
    font-size: 3.7333333vw;
  }

  .post-administration-content-block-main-el {
    height: 18.4vw;
    margin-top: 4vw!important;
  }

  .post-administration-content-block-main-el p:nth-child(1) {
    width: 30.4vw;
    min-width: 30.4vw;
    line-height: 18.4vw;
    font-size: 4.8vw;
  }

  .post-administration-content-block-main-el p:nth-child(1)::after {
    border-left-width: 4vw;
    border-top-width: 9.2vw;
    border-bottom-width: 9.2vw;
    right: -3.8vw;
  }

  .post-administration-content-block-main-el p:nth-child(2) {
    margin-left: 4vw;
    padding: 0 4vw;
    font-size: 4vw;
  }
	
	.post-administration-bottom {
		margin-top: 4vw;
		font-size: 4vw;
	}
}