@charset "UTF-8";
/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイル */

/************************************
** 基本設定
************************************/


#body ul,
#body ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#body dl,
#body dt,
#body dd {
  margin: 0;
  padding: 0;
}

#body {
  max-width: 100%;
  margin-top: 122px;
}

::selection {
  background: #000;
  color: #fff;
}

#container {
  padding: 0;
  margin: 0 auto;
}


a:hover img {
  opacity: .5;
  -webkit-opacity: .5;
  -moz-opacity: .5;
  filter: alpha(opacity=50);
  /* IE lt 8 */
  -ms-filter: "alpha(opacity=50)";
  /* IE 8 */
}

a img {
  -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}


/* PC */
@media screen and (min-width:751px) {
  .pc-only {
    display: block;
  }

  .sp-only {
    display: none;
  }
}

/* スマホ */
@media screen and (max-width:750px) {
  .pc-only {
    display: none;
  }

  .sp-only {
    display: block;
  }
}



/************************************
** ナビゲーション
************************************/

header #h-top {
  width: 100%;
}

header nav {
  padding: 0;
}

header nav #navi .menu {
  width: 100%;
}

header nav #navi .menu li {
  font-size: 18px;
}

header nav #navi .menu li a {}

header #mobile-navi {
  display: none;
}


/* PC */
@media screen and (min-width:961px) {
  #mobile-navi #mobile-logo {
    display: none;
  }

  header nav#mobile-navi {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    float: inherit;
    background-color: #fff;
    width: calc(100% - 10px);
    height: calc(100vh - 10px);
    padding-top: 0;
    margin-left: 0 !important;
    border: 5px solid #ffff00;
  }

  #mobile-navi-in {
    width: 150px;
    margin: 0 auto;
  }

  #mobile-navi #mobile-logo {
    width: 50vw;
    margin: 0 auto;
    padding: 5vw 0 0 0;
  }

  #mobile-navi #mobile-logo a {
    display: block;
  }

  #mobile-navi #mobile-navi-menu {
    width: 100%;
    margin: 10vw 0;
    padding: 0;
    list-style-type: none;
  }

  #mobile-navi #mobile-navi-menu>li {
    width: 100%;
    font-size: 20px;
    line-height: 1;
    margin: 0 0 1em 0;
    padding: 0;
  }

  #mobile-navi #mobile-navi-menu>li small {
    display: block;
    font-size: 10px;
    margin-top: .5em;
  }

  #mobile-navi .otherlink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    margin: 5vw 0 0 0;
    padding: 0;
    list-style-type: none;
  }

  #mobile-navi .otherlink li {
    width: 15%;
  }

  /* close ボタン */
  #mobile-menu-close {
    display: block;
    position: absolute;
    right: 0vw;
    top: 0rem;
    ;
    z-index: 10000;
    cursor: pointer;
  }

  #mobile-menu-close a {}

  #mobile-menu-close a span {
    display: block;
    background: url(../simplicity2-child/images/icon_close.png) no-repeat left top;
    background-size: contain;
    width: 50px;
    height: 50px;
  }

  #mobile-menu-close a span:before {
    display: none;
  }

  #mobile-menu-close a:hover {
    opacity: 0.7;
  }

}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
  #mobile-navi-in #mobile-navi-logo {
    padding: 2.5% 5% !important;
  }
}

/* スマホ */
@media screen and (max-width:960px) {
  header nav#mobile-navi {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    float: inherit;
    background-color: #fff;
    width: calc(100% - 10px);
    height: calc(100vh - 10px);
    padding-top: 0;
    margin-left: 0 !important;
    border: 5px solid #ffff00;
  }

  #mobile-navi-in {
    width: 80%;
    margin: 0 auto;
  }

  #mobile-navi #mobile-logo {
    width: 50vw;
    margin: 0 auto;
    padding: 5vw 0 0 0;
  }

  #mobile-navi #mobile-logo a {
    display: block;
  }

  #mobile-navi #mobile-navi-menu {
    width: 100%;
    margin: 10vw 0;
    padding: 0;
    list-style-type: none;
  }

  #mobile-navi #mobile-navi-menu>li {
    width: 100%;
    font-size: 20px;
    line-height: 1;
    margin: 0 0 1em 0;
    padding: 0;
  }

  #mobile-navi #mobile-navi-menu>li small {
    display: block;
    font-size: 10px;
    margin-top: .5em;
  }

  #mobile-navi #mobile-otherlink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: 5vw 0 0 0;
  }

  #mobile-navi #mobile-otherlink ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 50%;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  #mobile-navi #mobile-otherlink ul li {
    width: 15%;
  }

  #mobile-navi #mobile-otherlink ul li a,
  #mobile-navi #mobile-otherlink ul li a img {
    display: block;
  }

  #mobile-navi #mobile-otherlink #shop {
    margin-left: 20px;
  }

  #mobile-navi #mobile-otherlink #shop a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    line-height: 1;
  }

  #mobile-navi #mobile-otherlink #shop a:after {
    content: " ";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(./images/icon-arrow1.svg) no-repeat top right;
    background-size: contain;
    font-size: 0;
    margin-left: 5px;
  }

  #mobile-menu-close a {}

  #mobile-menu-close a span {
    display: block;
    background: url(../simplicity2-child/images/icon_close.png) no-repeat left top;
    background-size: contain;
    width: 50px;
    height: 50px;
  }

  #mobile-menu-close a span:before {
    display: none;
  }

  #mobile-menu-close a:hover {
    opacity: 0.7;
  }


}



/************************************
** 投稿・ページ
************************************/

.entry-content img {
  display: block;
}

.page article h2 {
  line-height: 1.6;
  margin: 0;
}

/* 共通ボタン */
.btn-wrap {
  width: 100%;
}

.btn-single {
  width: auto;
}

.btn-single a {
  display: block;
  min-width: 160px;
  font-weight: 300;
  font-style: normal;
  font-size: 12px;
  line-height: 1;
  color: #a6192e;
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #a6192e;
  transition-property: all;
  transition: 0.3s linear;
}

.btn-single a:hover {
  opacity: 1;
  background: #a6192e;
  color: #fff;
}


.btn1 a.btn-more {
  position: relative;
  display: block;
  width: 140px;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  margin: 0 auto;
  padding: .3em 1.5em .7em .2em;
  border: 3px solid #000;
}

.btn1 a.btn-more:hover {
  opacity: 1;
}

.btn1 a.btn-more:after {
  position: absolute;
  right: 1.5em;
  top: 11px;
  content: "";
  background: url(images/arrow-black.png) no-repeat center center;
  width: 16px;
  height: 23px;
}

.btn1 a.btn-more:hover {
  background-color: #000;
  color: #fff;
}

.btn1 a.btn-more:hover:after {
  background: url(images/arrow-black-hover.png) no-repeat center center;
}

a.btn2 {
  display: block;
  width: 200px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding: 10px;
  border: 1px solid #fff;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {}

/* スマホ */
@media screen and (max-width:750px) {}



/************************************
** footer
************************************/

footer {}



/************************************
** 共通パーツ
************************************/

.sec_inner {
  width: 100%;
  margin: 0 auto;
}

.bx-wrapper {
  box-shadow: none !important;
  border: none !important;
  background: none !important;
}


/* スマホ */
@media screen and (max-width:750px) {}


.fs18 {
  font-size: 18px;
}

.fs16 {
  font-size: 16px;
}




/************************************
** HOME(home)
************************************/

.home {}

.home #site-title {
  width: 385px;
}

.home nav#gnavi {
  top: 0;
}

.home nav#otherlink {
  top: 0;
}

.home #container {}

.home #site-title {
  width: 385px;
}

.home #site-title.resized {
  width: 168px;
  transition: all 1s ease;
}


/* keyvisual */
.home #keyvisual {
  width: 100%;
  margin-bottom: 25vw;
  padding: 0;
}

.home #keyvisual .sec_inner {
  position: relative;
  width: 90%;
  margin: 0 auto;
}

.home #keyvisual .bx-wrapper {
  width: 50%;
  margin: 0 auto;
}

.home #keyvisual h1 {
  position: absolute;
  top: 30%;
  z-index: 20;
  font-size: 63px;
  line-height: 1.5;
}

.home #keyvisual h1 strong {
  background: url(images/bg-yellow.png) left center repeat-x;
  background-size: auto 1.2em;
  padding: 0.5em 0;
}

.home #keyvisual p {
  position: absolute;
  bottom: -15vw;
  left: 5%;
  width: 55%;
  font-size: 24px;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin: 0;
}

.home #keyvisual figure {
  position: absolute;
  bottom: -20vw;
  right: -5vw;
  width: 50%;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {

  .home #keyvisual {
    margin-bottom: 55vw;
    padding-top: 10vw;
  }

  .home #keyvisual .bx-wrapper {
    width: 75%;
    padding-left: 5%;
  }

  .home #keyvisual h1 {
    top: -12vw;
  }

  .home #keyvisual p {
    bottom: inherit;
    top: 72vw;
    left: 5%;
    width: 35vw;
  }

  .home #keyvisual figure {
    bottom: inherit;
    right: 0;
    top: 53vw;
    width: 45%;
  }

}


/* スマホ */
@media screen and (max-width:750px) {

  .home #site-title {
    position: relative;
    z-index: 30;
  }

  .home #keyvisual {
    position: relative;
    top: -8vw;
    z-index: 1;
    margin-bottom: 90vw;
  }

  .home #keyvisual .bx-wrapper {
    width: 100%;
    margin: 0 auto;
  }

  .home #keyvisual .sec_inner {
    margin: 0 auto;
  }

  .home #keyvisual h1 {
    left: 5%;
    top: 66vw;
    font-size: 40px;
  }

  .home #keyvisual p {
    bottom: inherit;
    top: 140vw;
    left: 0%;
    width: 95%;
    font-size: 16px;
  }

  .home #keyvisual figure {
    right: 0%;
    bottom: inherit;
    top: 93vw;
    width: 60%;
  }

}




/* CASE STUDIES */
.home #case-studies {
  width: 96%;
  margin: 0 auto;
  padding-bottom: 10%;
}

.home #case-studies h2 {
  font-size: 24px;
  text-align: center;
  margin: 0 0 2rem 0;
}

.home #case-studies h2 small {
  font-size: 18px;
  margin-left: 1em;
}

.home #case-studies .sec_inner {}

.home #case-studies ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.home #case-studies ul li {
  width: 49%;
  margin: 0 0 3rem 0;
  padding: 0;
}

.home #case-studies ul li a figure {
  aspect-ratio: 5/3;
  overflow: hidden;
  margin-bottom: 2rem;
}

.home #case-studies ul li a img {
  display: block;
  width: 100%;
  height: 100%;
}

.home #case-studies ul li span {
  display: block;
  line-height: 1.5;
  text-align: center;
}

.home #case-studies ul li span.title {
  font-size: 20px;
}

.home #case-studies ul li span.subtitle {
  font-size: 13px;
  margin-top: 1em;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {}

/* スマホ */
@media screen and (max-width:750px) {

  .home #case-studies {
    width: 90%;
    margin: 0 auto;
  }

  .home #case-studies h2 {
    font-size: 18px;
    margin-bottom: 10vw;
  }

  .home #case-studies h2 small {
    display: block;
    font-size: 13px;
    margin-left: 0;
  }

  .home #case-studies ul li {
    width: 100%;
  }

  .home #case-studies ul li span.title {
    font-size: 15px;
  }

  .home #case-studies ul li span.subtitle {
    font-size: 10px;
  }


}



/* LAB */
.home #lab {
  position: relative;
  width: 85%;
  margin: 0 auto;
  padding: 5%;
  border-top: 1px solid #000;
}

.home #lab h2 {
  font-size: 30px;
  margin-bottom: 3rem;
}

.home #lab h2 small {
  display: block;
  font-size: 18px;
  line-height: 1.6;
  margin-top: 1em;
}

.home #lab figure {
  position: absolute;
  right: 0;
  top: 5vw;
  z-index: 100;
  width: 280px;
}

.home #lab .sec_inner {}

.home #lab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.home #lab ul li {
  width: 32%;
  margin: 0 2% 3rem 0;
  padding: 0;
}

.home #lab ul li:nth-child(3n) {
  margin-right: 0;
}

.home #lab ul li a {
  display: block;
  position: relative;
  z-index: 30;
}

.home #lab ul li a img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
  border-radius: 20px;
}

.home #lab ul li span {
  display: block;
  text-align: center;
  line-height: 1.5;
}

.home #lab ul li span.title {
  font-size: 20px;
}

.home #lab ul li span.subtitle {
  font-size: 13px;
  margin-top: 1em;
}

.home #lab ul li:nth-child(6) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  /* 左右中央寄せ */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  /* 上下中央寄せ */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.home #lab ul li:nth-child(6)>div {
  position: relative;
  top: -3vw;
}

.home #lab ul li:nth-child(6)>div span {
  display: block;
  font-size: 18px;
  margin-bottom: 2rem;
}

.home #lab .sec_inner>div.btn1 {
  display: none;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {

  .home #lab ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* rem 0 !important; */
    padding: 0;
  }

  .home #lab ul li {
    width: 49%;
    margin: 0 0 3rem 0 !important;
    padding: 0;
  }

}

/* スマホ */
@media screen and (max-width:750px) {

  .home #lab {
    padding: 5% 5% 15vw 5%;
  }

  .home #lab h2 {
    padding-top: 10vw;
  }

  .home #lab h2 {
    font-size: 30px;
    margin-bottom: 5vw;
  }

  .home #lab h2 small {
    font-size: 13px;
  }

  .home #lab figure {
    right: 0;
    top: 18vw;
    width: 30vw;
  }

  .home #lab ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* rem 0 !important; */
    padding: 0;
  }

  .home #lab ul li {
    width: 100%;
    margin: 0 !important;
  }

  .home #lab ul li span.title {
    font-size: 13px;
  }

  .home #lab ul li span.subtitle {
    font-size: 9px;
  }

  .home #lab ul li:nth-child(6) {
    display: none;
  }

  .home #lab .sec_inner>div.btn1 {
    display: block;
    text-align: center;
  }

  .home #lab .sec_inner>div.btn1 span {
    display: block;
    font-size: 13px;
    margin-bottom: 1rem;
  }

}


/* MAGAZINE */
.home #magazine {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 5% 0;
  border-top: 1px solid #000;
}

.home #magazine h2 {
  font-size: 30px;
  margin-bottom: 3rem;
  margin-left: 2.5vw;
}

.home #magazine h2 small {
  display: block;
  font-size: 18px;
  line-height: 1.6;
  margin-top: 1em;
}

.home #magazine figure {
  position: absolute;
  right: 0;
  top: 5vw;
  z-index: 100;
  width: 280px;
}

.home #magazine .sec_inner {
  position: relative;
  height: 65vw;
}

.bx-wrapper .bx-loading {
  display: none;
}

.home #magazine .bx-wrapper {
  width: 80vw;
}

.home #magazine .bx-wrapper .bx-viewport {
  overflow: visible !important;
}

.home #magazine .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 27vw;
  background-size: contain;
  width: 21.5px;
  height: 43px;
  text-indent: -9999px;
  margin-top: 0;
  outline: 0;
  z-index: 9999;
}

.home #magazine .bx-wrapper .bx-prev {
  left: 5vw;
  background: url(images/arrow-left.svg) no-repeat center center;
}

.home #magazine .bx-wrapper .bx-next {
  right: -15vw;
  background: url(images/arrow-right.svg) no-repeat center center;
}

.home #magazine ul.bx-slider {
  position: relative;
  left: -70vw;
}

.home #magazine ul.bx-slider>li {
  /*width: 80vw !important;*/
  margin: 0;
  padding: 0;
  border-right: 3px solid #fff;
  border-left: 3px solid #fff;
}

.home #magazine ul.bx-slider>li a {
  display: block;
  height: 53vw;
  overflow: hidden;
  /*position: relative;
 z-index: 30;*/
}

.home #magazine ul.bx-slider>li a img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
}

.home #magazine ul.bx-slider>li span {
  display: block;
  line-height: 1.5;
}

/*
.home #magazine ul li span.subtitle {
 font-size: 13px;
 margin-top: 1em;
}
 */
.home #magazine ul li span.post-meta {
  position: absolute;
  left: 5%;
  bottom: 5vw;
  width: 90%;
  display: block;
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.8;
  color: #fff;
}

.home #magazine ul li span.post-meta .category-name {
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  margin: 0 0 1em 0;
  padding: 5px;
  border: 3px solid #fff;
}

.home #magazine ul li span.post-meta .title {
  font-size: 32px;
  line-height: 1.8;
  margin-bottom: 0.5em;
}

.home #magazine ul li span.post-meta .post-date {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  margin: 0 0.8em 0 0;
}

.home #magazine ul li span.post-meta .entry-member-avatar {
  display: inline-block;
  width: 24px;
  font-size: 14px;
  line-height: 24px;
  margin: 0 0.5em 0 0;
  border: 2px solid #FFFF00;
  border-radius: 50%;
}

.home #magazine ul li span.post-meta .entry-member-avatar img {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  border-radius: 50%;
}

.home #magazine ul li span.post-meta .entry-member-name1 {
  display: inline-block;
}

.home #magazine ul li span.post-meta .post-tag-list {
  left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 1em;
}

.home #magazine ul li span.post-meta .post-tag-list span {
  display: block;
  border: 1px solid rgba(255, 255, 0, 1);
  padding: 0.5em;
  font-size: 11px;
  line-height: 1.2;
}

/*
.home #magazine ul li:nth-child(6) {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;

 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;

 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
.home #magazine ul li:nth-child(6) > div {
 position: relative;
 top: -3vw;
}
.home #magazine ul li:nth-child(6) > div span {
 display: block;
 font-size: 18px;
 margin-bottom: 2rem;
}
*/
.home #magazine .sec_inner>div.btn1 {
  position: absolute;
  bottom: 0;
  left: calc(50% - 92px);
  margin: 0 auto;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {}

/* スマホ */
@media screen and (max-width:750px) {

  .home #magazine {
    padding: 5% 0% 15vw 0%;
  }

  .home #magazine .sec_inner {
    height: 120vw;
  }

  .home #magazine h2 {
    font-size: 30px;
    margin-bottom: 5vw;
    margin-left: 5vw;
    padding-top: 10vw;
  }

  .home #magazine h2 small {
    font-size: 13px;
  }

  .home #magazine figure {
    right: 0;
    top: 18vw;
    width: 30vw;
  }

  .home #magazine .bx-wrapper {
    margin: 0 auto;
  }

  .home #magazine ul {
    left: -3vw;
  }

  .home #magazine ul li {
    margin-right: 1vw;
  }

  .home #magazine ul li a {
    display: block;
    width: 100%;
    overflow: inherit;
  }

  .home #magazine ul li span.post-thumbnail {
    display: block;
    aspect-ratio: 8/5;
    overflow: hidden;
  }

  .home #magazine ul li span.post-meta {
    position: inherit;
    left: inherit;
    bottom: inherit;
    width: 100%;
    font-size: 13px;
    color: #000;
  }

  .home #magazine ul li span.post-meta .category-name {
    display: none;
  }

  .home #magazine ul li span.post-meta .title {
    font-size: 20px;
    margin-top: 0.5em;
  }

  .home #magazine ul li span.post-meta .post-date {
    font-size: 14px;
    line-height: 24px;
  }

  .home #magazine ul li span.post-meta .entry-member-avatar {
    width: 24px;
    font-size: 14px;
    line-height: 24px;
  }

  .home #magazine ul li span.post-meta .post-tag-list {
    left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 1em;
  }

  .home #magazine ul li span.post-meta .post-tag-list span {
    display: block;
    border: 1px solid rgba(255, 255, 0, 1);
    padding: 0.5em;
    font-size: 11px;
    line-height: 1.2;
  }

  .home #magazine .sec_inner>div.btn1 span {
    display: block;
    font-size: 13px;
  }

}



/* NEWS */
.home #news {
  position: relative;
  width: 85%;
  margin: 0 auto;
  padding: 10% 5%;
  border-top: 1px solid #000;
}

.home #news h2 {
  position: absolute;
  font-size: 30px;
}

.home #news .sec_inner {
  width: 75%;
  padding-left: 25%;
}

.home #news ul {}

.home #news ul li {
  width: 100%;
  margin: 0;
  padding: 1.5em 0 !important;
  border-bottom: 1px solid #000;
}

.home #news ul li span {
  line-height: 1.5;
}

.home #news ul li span.title {
  display: block;
  font-size: 16px;
}

.home #news ul li span.date {
  display: block;
  font-size: 12px;
  margin-top: 1em;
}

.home #news ul li span.date a {}

.home #news .btn2 {
  font-size: 18px;
  margin: 2rem 0;
}

.home #news .sub-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: none;
}

.home #news .sub-category li {
  width: auto;
  margin-right: 1%;
  margin-bottom: 1%;
  padding: 0 !important;
  border: none;
}

.home #news .sub-category li a {
  display: block;
  font-size: 16px;
  padding: 5px;
  border: 2px solid #000;
}

.home #news .sub-category li a:hover {
  background-color: #000;
  color: #fff;
  opacity: 1;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {}

/* スマホ */
@media screen and (max-width:750px) {

  .home #news {}

  .home #news h2 {
    position: inherit;
    font-size: 18px;
    margin: 5vw 0 10vw 0;
  }

  .home #news .sec_inner {
    width: 100%;
    padding-left: 0%;
  }

  .home #news ul li span.title {
    font-size: 13px;
  }

  .home #news ul li span.date {
    font-size: 9px;
  }

  .home #news .btn2 {
    font-size: 13px;
  }

  .home #news .sub-category li a {
    font-size: 12px;
  }

}



/* SERVICE */
.home #service {
  position: relative;
  width: 85%;
  background-color: #f3f3f3;
  margin: 0 auto;
  padding: 10% 7.5%;
}

.home #service h2 {
  position: absolute;
  font-size: 30px;
}

.home #service .sec_inner {
  width: 75%;
  padding-left: 25%;
}

.home #service h3 {
  font-size: 47px;
  margin-bottom: 1em;
}

.home #service dl {}

.home #service dl dt {
  font-size: 26px;
  margin-bottom: 1em;
}

.home #service dl dd {
  font-size: 18px;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {}

/* スマホ */
@media screen and (max-width:750px) {

  .home #service h2 {
    position: inherit;
    font-size: 18px;
    margin-bottom: 5vw;
  }

  .home #service .sec_inner {
    width: 100%;
    padding-left: 0%;
  }

  .home #service h3 {
    font-size: 26px;
  }

  .home #service dl dt {
    font-size: 15px;
  }

  .home #service dl dd {
    font-size: 13px;
  }

}



/* STRENGTH */
.home #strength {
  position: relative;
  width: calc(80% - 14px);
  margin: 0 auto;
  padding: 10%;
  border: 7px solid #ffff00;
}

.home #strength h2 {
  position: absolute;
  right: 10%;
  font-size: 60px;
  line-height: 1.5;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.home #strength .sec_inner {
  width: 70%;
  padding-right: 25%;
}

.home #strength dl {
  line-height: 1.8;
  margin-bottom: 3rem;
}

.home #strength dl dt {
  font-size: 26px;
  margin-bottom: .5em;
}

.home #strength dl dd {
  font-size: 16px;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {}

/* スマホ */
@media screen and (max-width:750px) {

  .home #strength {
    width: calc(90% - 14px);
    padding: 5%;
  }

  .home #strength h2 {
    right: 5%;
    font-size: 30px;
  }

  .home #strength .sec_inner {
    width: 80%;
    padding-right: 20%;
  }

  .home #strength dl dt {
    font-size: 20px;
  }

  .home #strength dl dd {
    font-size: 12px;
  }

}



/* COMPANY */
.home #company {
  position: relative;
  width: 85%;
  margin: 0 auto;
  padding: 10% 5%;
}

.home #company h2 {
  position: absolute;
  font-size: 30px;
}

.home #company .sec_inner {
  width: 75%;
  padding-left: 25%;
}

.home #company .sec_inner h3 {
  font-size: 26px;
}

.home #company .sec_inner p {
  font-size: 16px;
}

.home #company table {
  width: 100%;
  margin: 5rem 0;
  border-collapse: collapse;
  border-top: 1px solid #000;
}

.home #company table th,
.home #company table td {
  font-size: 14px;
  padding: 1.5em 0;
  border-bottom: 1px solid #000;
}

.home #company table th {
  width: 20%;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
}

.home #company table dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.home #company table dl dt {
  width: 5em;
  white-space: nowrap;
}

.home #company table dl dd {
  width: 85%;
}

.home #company table ul li {}

.home #company table ul li:before {
  display: inline-block;
  content: "・";
}

.home #company #profile {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.home #company #profile figure {
  width: 20%;
  padding: 0 0 0 5%;
}

.home #company #profile>div {
  width: 60%;
}

.home #company #profile>div h3 {
  font-size: 18px;
}

.home #company #profile>div h3 small {
  display: block;
  font-size: 14px;
  margin-top: 1em;
}

.home #company #profile>div p {
  font-size: 14px;
}

.home #company #profile>div h4 {
  font-size: 22px;
  line-height: 1.8;
  background-color: #ffff00;
  margin-top: 2em;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {}

/* スマホ */
@media screen and (max-width:750px) {

  .home #company h2 {
    position: inherit;
    font-size: 18px;
    margin-bottom: 5vw;
  }

  .home #company .sec_inner {
    width: 100%;
    padding-left: 0%;
  }

  .home #company .sec_inner h3 {
    font-size: 15px;
  }

  .home #company .sec_inner p {
    font-size: 13px;
  }

  .home #company table {
    margin: 10vw 0;
  }

  .home #company table th,
  .home #company table td {
    font-size: 12px;
    padding: 1.5em 0;
  }

  .home #company #profile {
    display: block;
  }

  .home #company #profile figure {
    width: 20vw;
    padding: 0;
  }

  .home #company #profile>div {
    width: 100%;
  }

  .home #company #profile>div h3 {
    position: absolute;
    left: 30vw;
    top: 7vw;
  }

  .home #company #profile>div p {
    font-size: 11px;
  }

  .home #company #profile>div h4 {
    font-size: 16px;
  }

}


/* MESSAGE */
.home #message {
  position: relative;
  width: 100%;
  background-color: #F3F3F3;
  margin: 0 auto;
}

.home #message .sec_inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #000;
  width: 85%;
  margin: 0 auto;
  padding: 10% 0 5%;
}

.home #message h3 {
  white-space: nowrap;
  font-size: 18px;
  line-height: 2;
  margin-right: 10%;
}

.home #message ul {
  width: auto;
}

.home #message ul li {
  position: relative;
  font-size: 13px;
  line-height: 1.8;
  margin-bottom: 0.5em;
  padding-left: 20px;
}

.home #message ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
  height: 11px;
  background: url(images/icon-check.svg) no-repeat top left;
  background-size: contain;
}

/* スマホ */
@media screen and (max-width:750px) {

  .home #message h3 {
    position: inherit;
    white-space: inherit;
    margin-right: 0;
    margin-bottom: 1.5em;
  }

  .home #message .sec_inner {
    display: block;
    width: 85%;
    padding: 5vw 0;
  }

}


/* CONTACT */
.home #contact {
  position: relative;
  background-color: #F3F3F3;
  width: 100%;
  margin: 0;
  padding: 0;
}

.home #contact figure img.pc-only {
  display: block;
}

.home #contact figure img.sp-only {
  display: none;
}

.home #contact h2 {
  position: absolute;
  left: 7.5%;
  font-size: 30px;
}

.home #contact .sec_inner {
  width: 63.5%;
  margin: 0;
  padding-top: 6.6%;
  padding-left: 28.5%;
  padding-bottom: 7%;
}

.home #contact .sec_inner p {
  font-size: 18px;
  margin: 0;
}

.home #contact .sec_inner p:has(+ .tel) {
  display: none;
}

.home #contact .tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 3rem;
}

.home #contact .tel dt {
  margin-right: 5%;
}

.home #contact .tel dd {
  font-size: 14px;
}

.home #contact .tel dd a {
  display: block;
  font-size: 48px;
  line-height: 1;
  margin-bottom: 10px;
}

.home #contact .tel dd small {
  display: block;
  font-size: 14px;
}



.home #contact .wpcf7 {
  padding: 0;
}

.home #contact table {
  width: 100%;
  border: none;
}

.home #contact h3 {}

.home #contact table th,
.home #contact table td {
  font-size: 16px;
  text-align: left;
  vertical-align: top;
  padding-top: 2em;
}

.home #contact table th {
  width: 35%;
  background-color: transparent;
  border: none;
}

.home #contact table th small {
  margin-left: .5em;
}

.home #contact table td {
  border: none;
  border-bottom: 1px solid #000;
}

.home #contact table td.noborder {
  border-bottom: none;
}

.home #contact table td input[type="text"],
.home #contact table td input[type="email"] {
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-size: 18px;
  padding: 10px 5px;
  border: none;
}

.home #contact table td input[type="text"]::placeholder,
.home #contact table td input[type="email"]::placeholder,
.home #contact table td textarea::placeholder {
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-weight: normal;
  color: #ccc;
}

.home #contact table td input[type="text"]:focus,
.home #contact table td input[type="email"]:focus,
.home #contact table td select:focus,
.home #contact table td textarea:focus {
  box-shadow: none;
  outline: none;
}

.home #contact table td select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(./images/icon-arrow2.png) no-repeat right center;
  width: 97%;
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-size: 18px;
  padding: 10px 3% 0 0;
  border: none;
}

::-ms-expand {
  display: none;
}

.home #contact table td textarea {
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-size: 18px;
  border: 1px solid #000;
}

.home #contact table td input[type="submit"] {
  background-color: #000;
  color: #fff;
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  width: 200px;
  margin: 2em 0 0 0;
  padding: .5em 0;
  border: 3px solid #000;
}

.home #contact table td input[type="submit"]:hover {
  background-color: #fff;
  color: #000;
}

.home #contact table td.noborder div {
  display: block;
  font-size: 12px;
}

.home #contact table td.noborder p {
  margin: 0;
  padding: 0;
}

.wpcf7 form .wpcf7-response-output {
  display: none;
}

/*
.home #btn-contact {
 display: none;
 position: fixed;
 left: 5vw;
 bottom: 5vw;
 z-index: 100;
 width: 90vw;
 margin: 0;
}
*/



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {}

/* スマホ */
@media screen and (max-width:750px) {

  .home #contact h2 {
    position: inherit;
    left: inherit;
    font-size: 18px;
    margin-bottom: 5vw;
  }

  .home #contact figure img.pc-only {
    display: none;
  }

  .home #contact figure img.sp-only {
    display: block;
  }

  .home #contact .sec_inner {
    width: 85%;
    margin: 0 auto;
    padding: 20vw 0 17.5vw;
  }

  .home #contact .sec_inner p {
    font-size: 13px;
  }

  .home #contact .sec_inner p:has(+ .tel) {
    display: block;
  }

  .home #contact .tel {
    margin-top: 10vw;
  }

  .home #contact .tel dt {
    font-size: 13px;
  }

  .home #contact .tel dd a {
    font-size: 36px;
  }

  .home #contact .tel dd small {
    font-size: 10px;
  }

  .home #contact .wpcf7 {
    padding: 0;
  }

  .home #contact .wpcf7 table th,
  .home #contact .wpcf7 table td {
    display: block;
    width: 100%;
  }

  .home #contact .wpcf7 table td {
    padding-top: 1em;
  }

  .home #contact table td input[type="submit"] {
    width: calc(100% - 6px);
    padding: 1em;
  }

}





/* ACCESS */
.home #access {
  position: relative;
  width: 85%;
  margin: 0 auto;
  padding: 10% 5%;
}

.home #access h2 {
  position: absolute;
  font-size: 30px;
}

.home #access .sec_inner {
  width: 75%;
  padding-left: 25%;
}

.home #access #gmap {
  display: block;
  width: 100%;
  height: 30vw;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  margin: 0 auto 5rem auto;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {}

/* スマホ */
@media screen and (max-width:750px) {

  .home #access h2 {
    position: relative;
    font-size: 18px;
    margin-bottom: 5vw;
  }

  .home #access .sec_inner {
    width: 100%;
    padding-left: 0%;
  }

  .home #access #gmap {
    height: 80vw;
    margin: 0 auto 5vw auto;
  }

  .home #access .sec_inner p {
    font-size: 13px;
  }

}








/*************************************************************************

** COMMON STYLE

**************************************************************************/

article section .sec_inner {
  width: 90%;
  margin: 0 auto;
}

.page .article {
  width: 90%;
  margin: 5vw auto 0 auto;
}

.page .entry-title {
  font-size: 60px;
  margin: 0;
}

.page .entry-title small,
.category #archive-title small,
.single #archive-title small {
  font-size: 18px;
  line-height: 1;
  margin: 0 0 0 1em;
}

.page #the-content {
  width: 80%;
  font-size: 16px;
  margin: 0;
}

.page #the-content h2 {
  font-size: 22px;
  margin-bottom: 1em;
  padding: 0;
  border: none;
}

.page #the-content p.lead {
  width: 100%;
  padding: 0;
  font-size: 16px;
  line-height: 2.2;
  margin: 3rem 0 6rem 0;
}

.entry-content .btn-single {
  clear: both;
  width: 240px;
  max-width: 90%;
  margin: 50px auto 100px auto;
}



/* タブレット */
@media screen and (max-width:960px) {

  .page #the-content {
    padding-top: 0;
  }

  .page .entry-title {}

  .page #the-content {
    width: 100%;
    margin: 0;
  }

  .page .article {
    width: 90%;
    margin: 50px auto 0 auto;
  }

  article section .sec_inner {
    width: 80%;
    margin: 0 auto;
  }
}

/* スマホ */
@media screen and (max-width:750px) {

  .page #the-content {
    padding-top: 0;
  }

  .page .entry-title {
    font-size: 40px;
    margin-bottom: 1em;
  }

  .page .entry-title small,
  .category #archive-title smalll {
    display: block;
    font-size: 13px !important;
    margin-left: 0 !important;
    margin-top: 1em !important;
  }

  .single #archive-title {
    font-size: 18px !important;
  }

  .single #archive-title small {
    font-size: 10px !important;
  }

}





/*************************************************************************

** ABOUT

**************************************************************************/

.page-about {}

.page-about .article {
  width: 90%;
  max-width: 1130px;
  margin: 0 auto;
}

.page-about .entry-title {
  display: none;
}

.page-about .entry-content {
  width: 100% !important;
}

.page-about .entry-content section {}

.page-about .entry-content section#about-header {
  margin: 5vw 0 0 0;
}

.page-about .entry-content section#about-header:after {
  display: block;
  content: "";
  width: 100px;
  margin-bottom: 100px;
  padding-bottom: 100px;
  border-bottom: 5px solid #000;
}

.page-about .entry-content section#about-header h2 {
  font-size: 153px !important;
  line-height: 1.4;
  white-space: nowrap;
  margin-bottom: 0;
}

.page-about .entry-content section#about-header p {
  font-size: 36px;
  line-height: 1.8;
  text-align: justify;
  text-justify: inter-ideograph;
}

.page-about .entry-content section#about-header figure {}

.page-about .entry-content section#about-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page-about .entry-content section#about-message div.text {
  width: 60%;
}

.page-about .entry-content section#about-message div.text h2 strong {
  display: block;
  font-size: 36px;
}

.page-about .entry-content section#about-message div.text h2 small {
  display: block;
  font-size: 18px;
}

.page-about .entry-content section#about-message div.text p {
  font-size: 18px;
  line-height: 2;
  text-align: justify;
  text-justify: inter-ideograph;
}

.page-about .entry-content section#about-message div.profile {
  width: 30%;
}

.page-about .entry-content section#about-message div.profile h3 {
  font-size: 14px;
  margin-top: 1.5em;
}

.page-about .entry-content section#about-message div.profile p {
  font-size: 12px;
  line-height: 1.8;
  text-align: justify;
  text-justify: inter-ideograph;
}

.page-about .entry-content section#about-company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: 100px;
}

.page-about .entry-content section#about-company h2 {
  width: 30%;
  font-size: 36px;
  line-height: 1.4;
}

.page-about .entry-content section#about-company table {
  width: 60%;
  border: none;
  border-top: 1px solid #000;
}

.page-about .entry-content section#about-company table th,
.page-about .entry-content section#about-company table td {
  background-color: transparent;
  padding: 1em;
  border: none;
  border-bottom: 1px solid #000;
  vertical-align: top;
  text-align: left;
  line-height: 2;
}

.page-about .entry-content section#about-company table th {
  font-family: ゴシックMB101 B, Gothic MB101 Bold;
  white-space: nowrap;
}




/* タブレット */
@media screen and (max-width:960px) {

  .page-about .entry-content section#about-header h2 {
    font-size: 100px !important;
  }

}

/* スマホ */
@media screen and (max-width:750px) {

  .page-about .entry-content section#about-header {
    margin: 10vw 0 0 0;
    overflow: hidden;
  }

  .page-about .entry-content section#about-header h2 {
    font-size: 44px !important;
  }

  .page-about .entry-content section#about-header p {
    font-size: 22px;
    margin: 10vw 0;
  }

  .page-about .entry-content section#about-header figure {
    width: 50vw;
  }

  .page-about .entry-content section#about-message {
    display: block;
    padding: 0 2.5%;
  }

  .page-about .entry-content section#about-message div.text {
    width: 100%;
  }

  .page-about .entry-content section#about-message div.text h2 strong {
    font-size: 27px;
  }

  .page-about .entry-content section#about-message div.text p {
    font-size: 14px;
  }

  .page-about .entry-content section#about-message div.profile {
    width: 100%;
    margin-top: 10vw;
  }

  .page-about .entry-content section#about-company {
    display: block;
    margin: 10vw auto 20vw auto;
    padding: 0 2.5%;
  }

  .page-about .entry-content section#about-company h2 {
    width: 100%;
    font-size: 27px;
  }

  .page-about .entry-content section#about-company table {
    width: 100%;
  }

  .page-about .entry-content section#about-company table th,
  .page-about .entry-content section#about-company table td {
    font-size: 12px;
    padding: 1em 0.5em;
  }

  .page-about .entry-content section#about-company table th {
    width: 20%;
  }


}



/*************************************************************************

** CONTACT

**************************************************************************/

.page-contact {}

.page-contact .article {
  width: 90%;
  max-width: 900px;
}

.page-contact .entry-title {}

.page-contact .entry-content {
  width: 100% !important;
  margin-bottom: 50px;
}

.page-contact #contact-form {
  padding-bottom: 2em;
  border-bottom: 2px solid #000;
}

.page-contact #contact-form>p {
  line-height: 2;
}

.page-contact #contact-form .tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 85px;
}

.page-contact #contact-form .tel h3 {
  margin-right: 5%;
}

.page-contact #contact-form .tel div {
  font-size: 14px;
}

.page-contact #contact-form .tel div a {
  display: block;
  font-size: 40px;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
}

.page-contact #contact-form .mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
}

.page-contact #contact-form .mail h3 {
  margin-right: 1em;
}


.page-contact .wpcf7 {
  padding: 0 5%;
}

.page-contact table {
  width: 100%;
  border: none;
}

.page-contact h3 {}

.page-contact table th,
.page-contact table td {
  font-size: 16px;
  text-align: left;
  vertical-align: top;
  padding-top: 2em;
}

.page-contact table th {
  width: 35%;
  background-color: transparent;
  border: none;
}

.page-contact table th small {
  margin-left: .5em;
}

.page-contact table td {
  border: none;
  border-bottom: 1px solid #000;
}

.page-contact table td.noborder {
  border-bottom: none;
}

.page-contact table td input[type="text"],
.page-contact table td input[type="email"] {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 18px;
  padding: 10px 5px;
  border: none;
}

.page-contact table td input[type="text"]::placeholder,
.page-contact table td input[type="email"]::placeholder,
.page-contact table td textarea::placeholder {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: normal;
  color: #ccc;
}

.page-contact table td input[type="text"]:focus,
.page-contact table td input[type="email"]:focus,
.page-contact table td select:focus,
.page-contact table td textarea:focus {
  box-shadow: none;
  outline: none;
}

.page-contact table td select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(./images/icon-arrow2.png) no-repeat right center;
  width: 97%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
  font-size: 18px;
  padding: 10px 3% 0 0;
  border: none;
}

::-ms-expand {
  display: none;
}

.page-contact table td textarea {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 16px;
  font-weight: 700;
  border: 1px solid #000;
}

.page-contact table td input[type="submit"] {
  background-color: #fff;
  color: #000;
  font-family: ゴシックMB101 B, Gothic MB101 Bold;
  font-size: 20px;
  width: 200px;
  margin: 2em 0 0 0;
  padding: 1em;
  border: 3px solid #000;
}

.page-contact table td.noborder div {
  display: block;
  font-size: 12px;
}

.page-contact table td.noborder p {
  margin: 0;
  padding: 0;
}

/*
.home #btn-contact {
 display: none;
 position: fixed;
 left: 5vw;
 bottom: 5vw;
 z-index: 100;
 width: 90vw;
 margin: 0;
}
*/


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {}


/* スマホ */
@media screen and (max-width:750px) {

  .page-contact #contact-form>p {
    font-size: 12px;
  }

  .page-contact #contact-form .tel {
    margin-top: 10vw;
  }

  .page-contact #contact-form .tel div {
    font-size: 12px;
  }

  .page-contact #contact-form .tel div a {
    font-size: 30px;
  }

  .page-contact .wpcf7 {
    padding: 0;
  }

  .page-contact .wpcf7 table th,
  .page-contact .wpcf7 table td {
    display: block;
    width: 100%;
  }

  .page-contact .wpcf7 table td {
    padding-top: 1em;
  }

  .page-contact table td input[type="submit"] {
    width: calc(100% - 6px);
    padding: 1em;
  }

}



/*************************************************************************

** カテゴリーページ

**************************************************************************/

.category {}

.category #list-page {
  width: 90%;
  margin: 5vw auto;
}

.category #list-page-inner {
  width: 100%;
  margin: 0 auto;
}

.category #archive-title {
  font-size: 40px;
  line-height: 1;
  margin: 0;
}

.category #archive-title small {
  display: block;
  font-size: 18px;
  line-height: 1.6;
  margin: 1em 0 0 0;
}

.category .category-navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 5vw 0 !important;
}

.category .category-navi li {
  font-size: 14px;
}

.category .category-navi li:before {
  content: "・";
}

.category .category-navi li:nth-child(1):before {
  content: "";
}

.category #list-page #list {
  display: block;
  margin: 7vw auto 0 auto;
}

.category #list-page #list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  margin: 0 0 30px 0;
}

.category #list-page #list article {
  width: 30%;
  margin: 0 5% 1.5em 0;
}

.category #list-page #list article:nth-child(3n) {
  margin-right: 0;
}

.category #list-page #list article .entry-large-thumb {
  aspect-ratio: 2/1;
  overflow: hidden;
  margin-bottom: 20px;
}

.category #list-page #list article img {
  width: 100%;
  height: auto !important;
  margin-bottom: 1em;
}

.category #list-page #list article h2,
.category #list-page #list article h2 a {
  font-size: 16px;
  letter-spacing: inherit;
}

.category #list-page #list article .post-meta .post-date {
  display: inline-block;
  font-size: 12px;
}

.category #list-page #list article .post-meta .category {
  font-size: 12px;
  color: #000;
}

.category #list-page #list article .post-meta .category a {
  color: #000 !important;
}

.category #list-page #list article .post-meta .category:before {
  content: "｜";
}

.category #list-page #list article .post-meta .category .fa {
  display: none;
}

.category #list-page #list article .entry-snippet {
  display: none;
}

.category #list-page #list article .entry-snippet span {
  display: inline-block;
  font-size: 11px;
  margin-left: 1em;
}

.category #list-page #list article .entry-snippet span a {
  text-decoration: none;
}

.category .entry-card-large-content header h2 span.new {
  position: relative;
  top: -.5em;
  color: #db3422;
  font-size: 8px;
  margin-left: 1em;
}

.category #list-page #list article .btn-single {
  width: 80%;
  margin-top: 1em;
}

.category #list-page #list article .btn-single a {
  padding: 15px;
}

.category #list-page #list article .post-meta .post-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 1em;
}

.category #list-page #list article .post-meta .post-tag-list .post-tag a {
  display: block;
  border: 1px solid rgba(255, 255, 0, 1);
  padding: 0.5em;
  font-size: 11px;
  line-height: 1.2;
}

/* not found */
.category .notfound {
  text-align: center;
}


/* タブレット */
@media screen and (max-width:960px) {

  .category #list-page {
    width: 95%;
  }

  .category #list-page #list {
    width: 100%;
    margin: 0;
  }

  .category #list-page #list-inner {
    width: 100%;
  }

  .category #list-page #archive-title {}
}



/* スマホ */
@media screen and (max-width:750px) {

  .category #list-page {
    width: 90%;
  }

  .category #archive-title {
    font-size: 40px;
  }

  .category #archive-title small {
    font-size: 18px;
  }

  .category #list-page #list {
    display: block;
    margin: 0 0 30px 0;
  }

  .category #list-page #list-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 30px 0;
  }

  .category #list-page #list-inner article {
    width: 47%;
    margin: 0 0 5vw 0;
  }
}



/*************************************************************************

** カテゴリーページ（CASE STUDIES）

**************************************************************************/

.category-case-studies {}

.category-case-studies #list-page #list {
  display: block;
  margin: 5vw auto;
}

.category-case-studies #list-page #list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto 30px auto;
}

.category-case-studies #list-page #list article {
  width: 48.5%;
  margin: 0 0 3em 0;
}

.category-case-studies #list-page #list article img,
.category-team-wear #list-page #list article img,
.category-singlet #list-page #list article img {
  width: 100%;
  height: auto !important;
  margin-bottom: 1em;
}

.category-case-studies #list-page #list article h2,
.category-case-studies #list-page #list article h2 a {
  font-size: 20px;
  text-align: center;
}

.category-case-studies #list-page #list article h2 .new {
  display: none;
}

.category-case-studies #list-page #list article .entry-card-large-content {
  padding: 0 2.5%;
}

.category-case-studies #list-page #list article .post-meta .post-subtitle {
  display: block;
  font-size: 13px;
  text-align: center;
  margin-top: 0.5em;
}

.category-case-studies #list-page #list article .post-meta .category {
  display: none;
}




/* タブレット */
@media screen and (max-width:960px) {}



/* スマホ */
@media screen and (max-width:750px) {

  .category-case-studies #list-page #list {
    margin: 10vw auto;
  }

  .category-case-studies #list-page #archive-title {
    font-size: 25px;
  }

  .category-case-studies #list-page #archive-title small {
    display: block;
    font-size: 13px;
  }

  .category-case-studies #list-page #list-inner {
    display: block;
  }

  .category-case-studies #list-page #list article {
    width: 100%;
    margin: 0 0 3em 0;
  }

  .category-case-studies #list-page #list article h2,
  .category-case-studies #list-page #list article h2 a {
    font-size: 15px;
  }

  .category-case-studies #list-page #list article .post-meta .post-subtitle {
    font-size: 11px;
  }

}




/*************************************************************************

** カテゴリーページ（LAB）

**************************************************************************/

.category-lab {}

.category-lab #list-page #accent-img {
  position: absolute;
  right: 20vw;
  top: -3vw;
  z-index: 10;
  width: 20vw;
}

.category-lab #list-page #list {
  display: block;
  margin: 5vw auto;
}

.category-lab #list-page #list-inner {
  position: relative;
}

.category-lab #list-page #list article {
  margin-bottom: 3em;
}

.category-lab #list-page #list article h2,
.category-lab #list-page #list article h2 a {
  font-size: 18px;
  text-align: center;
}

.category-lab #list-page #list article h2 .new {
  display: none;
}

.category-lab #list-page #list article .entry-card-large-content {}

.category-lab #list-page #list article img {
  display: block;
  border-radius: 20px;
}

.category-lab #list-page #list article .post-meta .post-subtitle {
  display: block;
  font-size: 12px;
  text-align: center;
  margin-top: 0.5em;
}



/* タブレット */
@media screen and (max-width:960px) {

  .category-lab #list-page #list {
    margin: 10vw auto;
  }

  .category-lab #list-page #accent-img {
    right: 0vw;
    top: 0vw;
    width: 30vw;
  }

  .category-lab #list-page #list-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .category-lab #list-page #list article {
    width: 48.5%;
    margin: 0 0 3em 0;
  }

}



/* スマホ */
@media screen and (max-width:750px) {

  .category-lab #list-page {
    width: 80%;
  }

  .category-lab #list-page #accent-img {
    right: 0vw;
    top: 0vw;
    width: 40vw;
  }

  .category-lab #list-page #list {
    margin: 10vw auto;
  }

  .category-lab #list-page #archive-title {
    font-size: 25px;
  }

  .category-lab #list-page #archive-title small {
    display: block;
    font-size: 13px;
  }

  .category-lab #list-page #list-inner {
    display: block;
  }

  .category-lab #list-page #list article {
    width: 100%;
    margin: 0 0 3em 0;
  }

  .category-lab #list-page #list article h2,
  .category-lab #list-page #list article h2 a {
    font-size: 15px;
  }

  .category-lab #list-page #list article .post-meta .post-subtitle {
    font-size: 11px;
  }

}




/*************************************************************************

** カテゴリーページ（NEWS）

**************************************************************************/

.category-4 {}

.category-4 .sub-category,
.category-6 .sub-category,
.category-7 .sub-category,
.category-8 .sub-category,
.category-9 .sub-category,
.category-10 .sub-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 3rem !important;
  border: none;
}

.category-4 .sub-category li,
.category-6 .sub-category li,
.category-7 .sub-category li,
.category-8 .sub-category li,
.category-9 .sub-category li,
.category-10 .sub-category li {
  width: auto;
  margin-right: 3px !important;
  margin-bottom: 3px !important;
  padding: 0 !important;
  border: none;
}

.category-4 .sub-category li a,
.category-6 .sub-category li a,
.category-7 .sub-category li a,
.category-8 .sub-category li a,
.category-9 .sub-category li a,
.category-10 .sub-category li a {
  display: block;
  font-size: 14px;
  padding: 5px;
  border: 2px solid #000;
}

.category-4 .sub-category li a:hover,
.category-6 .sub-category li a:hover,
.category-7 .sub-category li a:hover,
.category-8 .sub-category li a:hover,
.category-9 .sub-category li a:hover,
.category-10 .sub-category li a:hover {
  background-color: #000;
  color: #fff;
}

.category-4 .sub-category li.cat-4 a,
.category-6 .sub-category li.cat-6 a,
.category-7 .sub-category li.cat-7 a,
.category-8 .sub-category li.cat-8 a,
.category-9 .sub-category li.cat-9 a,
.category-10 .sub-category li.cat-10 a {
  background-color: #ff0;
  border: 2px solid #ff0;
}

.category-4 #list-page #list,
.category-6 #list-page #list,
.category-7 #list-page #list,
.category-8 #list-page #list,
.category-9 #list-page #list,
.category-10 #list-page #list {
  display: block;
  margin: 5vw auto;
}

.category-4 #list-page #list-inner,
.category-6 #list-page #list-inner,
.category-7 #list-page #list-inner,
.category-8 #list-page #list-inner,
.category-9 #list-page #list-inner,
.category-10 #list-page #list-inner {
  display: block;
  border-top: 1px solid #000;
}

.category-4 #list-page #list article,
.category-6 #list-page #list article,
.category-7 #list-page #list article,
.category-8 #list-page #list article,
.category-9 #list-page #list article,
.category-10 #list-page #list article {
  width: 100%;
  margin-bottom: 0;
  padding: 1.5em 0;
  border-bottom: 1px solid #000;
}

.category-4 #list-page #list article figure,
.category-6 #list-page #list article figure,
.category-7 #list-page #list article figure,
.category-8 #list-page #list article figure,
.category-9 #list-page #list article figure,
.category-10 #list-page #list article figure {
  display: none;
}

.category-4 #list-page #list article h2,
.category-4 #list-page #list article h2 a,
.category-6 #list-page #list article h2,
.category-6 #list-page #list article h2 a,
.category-7 #list-page #list article h2,
.category-7 #list-page #list article h2 a,
.category-8 #list-page #list article h2,
.category-8 #list-page #list article h2 a,
.category-9 #list-page #list article h2,
.category-9 #list-page #list article h2 a,
.category-10 #list-page #list article h2,
.category-10 #list-page #list article h2 a {
  font-size: 18px;
}

.category-4 #list-page #list article h2 .new,
.category-6 #list-page #list article h2 .new,
.category-7 #list-page #list article h2 .new,
.category-8 #list-page #list article h2 .new,
.category-9 #list-page #list article h2 .new,
.category-10 #list-page #list article h2 .new {
  display: none;
}

.category-4 #list-page #list article .post-meta,
.category-6 #list-page #list article .post-meta .category-7 #list-page #list article .post-meta,
.category-8 #list-page #list article .post-meta,
.category-9 #list-page #list article .post-meta,
.category-10 #list-page #list article .post-meta {
  display: block;
  font-size: 12px;
  margin-top: 0.5em;
}



/* タブレット */
@media screen and (max-width:960px) {

  .category-4 #list-page #list,
  .category-6 #list-page #list,
  .category-7 #list-page #list,
  .category-8 #list-page #list,
  .category-9 #list-page #list,
  .category-10 #list-page #list {
    margin: 10vw auto;
  }

}



/* スマホ */
@media screen and (max-width:750px) {

  .category-4 .sub-category li a,
  .category-6 .sub-category li a,
  .category-7 .sub-category li a,
  .category-8 .sub-category li a,
  .category-9 .sub-category li a,
  .category-10 .sub-category li a {
    font-size: 12px;
  }

  .category-4 #list-page #list,
  .category-6 #list-page #list,
  .category-7 #list-page #list,
  .category-8 #list-page #list,
  .category-9 #list-page #list,
  .category-10 #list-page #list {
    margin: 10vw auto;
  }

  .category-4 #list-page #archive-title,
  .category-6 #list-page #archive-title,
  .category-7 #list-page #archive-title,
  .category-8 #list-page #archive-title,
  .category-9 #list-page #archive-title,
  .category-10 #list-page #archive-title {
    font-size: 25px;
  }

  .category-4 #list-page #archive-title small,
  .category-6 #list-page #archive-title small,
  .category-7 #list-page #archive-title small,
  .category-8 #list-page #archive-title small,
  .category-9 #list-page #archive-title small,
  .category-10 #list-page #archive-title small {
    display: block;
    font-size: 13px;
  }

  .category-4 #list-page #list-inner,
  .category-6 #list-page #list-inner,
  .category-7 #list-page #list-inner,
  .category-8 #list-page #list-inner,
  .category-9 #list-page #list-inner,
  .category-10 #list-page #list-inner {
    display: block;
  }

  .category-4 #list-page #list article h2,
  .category-4 #list-page #list article h2 a,
  .category-6 #list-page #list article h2,
  .category-6 #list-page #list article h2 a,
  .category-7 #list-page #list article h2,
  .category-7 #list-page #list article h2 a,
  .category-8 #list-page #list article h2,
  .category-8 #list-page #list article h2 a,
  .category-9 #list-page #list article h2,
  .category-9 #list-page #list article h2 a,
  .category-10 #list-page #list article h2,
  .category-10 #list-page #list article h2 a {
    font-size: 15px;
  }

  .category-4 #list-page #list article .post-meta,
  .category-6 #list-page #list article .post-meta,
  .category-7 #list-page #list article .post-meta,
  .category-8 #list-page #list article .post-meta,
  .category-9 #list-page #list article .post-meta,
  .category-10 #list-page #list article .post-meta {
    display: block;
    font-size: 9px;
    margin-top: 0.5em;
  }

}





/*************************************************************************

** singleページ共通

**************************************************************************/

.single {}

.single #single-page {}

.single #single-page-inner {
  max-width: 920px;
  width: 95%;
  margin: 100px auto 0 auto;
}

.single #single-page #archive-title {
  position: relative;
  width: 100%;
  font-size: 30px;
  margin: 0 0 1em 0;
}

.single #single-page #archive-title small {
  font-size: 16px;
  margin: 0 0 0 1em;
}

.single #single-page .post_inner {
  width: 100%;
  margin: 0;
}

.single #single-page .post_inner article {
  width: 100%;
  margin: 0 auto 3rem auto;
}

.single #single-page .post_inner article header {
  margin-bottom: 3rem;
}

.single #single-page .post_inner .entry-title {
  font-size: 26px;
  line-height: 1.6;
  margin-bottom: .5em;
}

.single #single-page .post_inner .post-meta {
  font-size: 12px;
  line-height: 1;
  margin-bottom: 10px;
}

.single #single-page .post_inner .post-meta .post-date {}

.single #single-page .post_inner .post-meta .fa {
  display: none;
}

.single #single-page .post_inner article header .post-meta .category:before {
  content: "｜";
}

.single #single-page .post_inner .eye-catch {
  width: 100%;
  margin-bottom: 50px;
}

.single #single-page .post_inner .eye-catch img {
  width: 100%;
}

.single #single-page .entry-content {
  font-size: 16px;
  line-height: 2;
  text-align: justify;
  text-justify: inter-ideograph;
  padding-bottom: 3rem;
  border-bottom: 1px solid #000;
}

.single #single-page .post_inner h2,
.single #single-page .post_inner h3,
.single #single-page .post_inner h4 {
  margin-top: 2em;
}

.single #single-page .post_inner h2 {
  font-size: 22px;
}

.single #single-page .post_inner h3 {
  font-size: 20px;
}

.single #single-page .post_inner h4 {
  font-size: 18px;
}

.single #single-page .post_inner a {
  color: #000;
}

.single #single-page .post_inner strong {}

.navigation {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}

/* 関連記事 */
.single #single-page #under-entry-body {
  width: 100%;
  margin: 0 auto;
}

.single #single-page #under-entry-body #related-entries {
  width: 90%;
  margin: 0 auto;
}

.single #single-page #under-entry-body #related-entries h2 {
  text-align: center;
  margin: 4em 0 1em 0;
}

.single #single-page #under-entry-body #related-entries h2 strong {
  display: block;
  font-size: 40px;
}

.single #single-page #under-entry-body #related-entries h2 small {
  display: block;
  font-size: 18px;
  margin: 1em 0 0 0;
}

.single #single-page #under-entry-body #related-entries-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.single #single-page #under-entry-body #related-entries-inner article {
  width: 30%;
}

.single #single-page #under-entry-body #related-entries-inner article .related-entry-thumb {
  float: inherit;
  width: 100%;
  aspect-ratio: 2/1;
  overflow: hidden;
}

.single #single-page #under-entry-body #related-entries-inner article .related-entry-thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.single #single-page #under-entry-body #related-entries-inner article .related-entry-content {
  width: 100%;
  margin-left: 0;
}

.single #single-page #under-entry-body #related-entries-inner article .related-entry-content h3.related-entry-title {
  margin: 1em 0 0 0;
}

.single #single-page #under-entry-body #related-entries-inner article .related-entry-content h3.related-entry-title a {
  font-size: 16px;
}

.single #single-page #under-entry-body #related-entries-inner article .related-entry-meta .related-entry-subtitle {
  font-size: 13px;
}

.single #single-page #under-entry-body #related-entries-inner article .related-entry-meta .post-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 1em;
}

.single #single-page #under-entry-body #related-entries-inner article .related-entry-meta .post-tag-list .post-tag a {
  display: block;
  border: 1px solid rgba(255, 255, 0, 1);
  padding: 0.5em;
  font-size: 11px;
  line-height: 1.2;
  pointer-events: none;
}

.single #single-page #under-entry-body #related-entries-inner article .related-entry-snippet,
.single #single-page #under-entry-body #related-entries-inner article footer {
  display: none;
}

.single #single-page #under-entry-body #search-by-tags {}

.single #single-page #under-entry-body #search-by-tags .tag-list,
.single #single-page #under-entry-body #search-by-tags .member-list {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 1em;
}

.single #single-page #under-entry-body #search-by-tags .tag-list li a,
.single #single-page #under-entry-body #search-by-tags .member-list li a {
  display: block;
  border: 1px solid rgba(255, 255, 0, 1);
  padding: 0.5em;
  font-size: 11px;
  line-height: 1.2;
}

/* PC */
@media screen and (min-width:961px) {}


/* タブレット */
@media screen and (max-width:960px) {}


/* スマホ */
@media screen and (max-width:750px) {

  .single #single-page #archive-title {
    width: 90%;
    margin: 0 auto 5vw auto;
  }

  .single #single-page-inner {
    width: 90%;
    margin: 10vw auto 0 auto;
  }

  .single #single-page .post_inner article header {
    margin-bottom: 5vw;
  }

  .single #single-page .post_inner .eye-catch {
    margin-bottom: 5vw;
  }

  .single #single-page .post_inner .entry-title {
    font-size: 26px;
  }

  .single #single-page article header {}

  .single #single-page .entry-content {
    font-size: 13px;
  }

  .single #single-page .post_inner h2 {
    font-size: 19px;
  }

  .single #single-page .post_inner h3 {
    font-size: 17px;
  }

  .single #single-page .post_inner h4 {
    font-size: 15px;
  }

  .navigation {
    width: 90%;
  }

  .navigation>.back-to-index a,
  .navigation>div.prev a,
  .navigation>div.next a {
    top: 0;
    font-size: 15px;
  }

  .single #single-page #under-entry-body #related-entries h2 {
    text-align: left;
  }

  .single #single-page #under-entry-body #related-entries h2 strong {
    display: block;
    font-size: 30px;
  }

  .single #single-page #under-entry-body #related-entries h2 small {
    display: block;
    font-size: 14px;
    margin: 1em 0 0 0;
  }

  .single #single-page #under-entry-body #related-entries-inner {
    display: block;
  }

  .single #single-page #under-entry-body #related-entries-inner article {
    width: 100%;
  }


}




/*************************************************************************

** singleページ（NEWS）

**************************************************************************/

.categoryid-4 #single-page .post_inner .post-meta .post-meta-top,
.categoryid-6 #single-page .post_inner .post-meta .post-meta-top,
.categoryid-7 #single-page .post_inner .post-meta .post-meta-top,
.categoryid-8 #single-page .post_inner .post-meta .post-meta-top,
.categoryid-9 #single-page .post_inner .post-meta .post-meta-top,
.categoryid-10 #single-page .post_inner .post-meta .post-meta-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  line-height: 1;
}

.categoryid-4 #single-page .post_inner .post-meta .category,
.categoryid-6 #single-page .post_inner .post-meta .category,
.categoryid-7 #single-page .post_inner .post-meta .category,
.categoryid-8 #single-page .post_inner .post-meta .category,
.categoryid-9 #single-page .post_inner .post-meta .category,
.categoryid-10 #single-page .post_inner .post-meta .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  line-height: 1;
}

.categoryid-4 #single-page .post_inner .post-meta .post-tag-list,
.categoryid-6 #single-page .post_inner .post-meta .post-tag-list,
.categoryid-7 #single-page .post_inner .post-meta .post-tag-list,
.categoryid-8 #single-page .post_inner .post-meta .post-tag-list,
.categoryid-9 #single-page .post_inner .post-meta .post-tag-list,
.categoryid-10 #single-page .post_inner .post-meta .post-tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 1em;
  font-size: 12px;
  line-height: 1;
}

.categoryid-4 #single-page .post_inner .post-meta .post-tag-list .post-tag a,
.categoryid-6 #single-page .post_inner .post-meta .post-tag-list .post-tag a,
.categoryid-7 #single-page .post_inner .post-meta .post-tag-list .post-tag a,
.categoryid-8 #single-page .post_inner .post-meta .post-tag-list .post-tag a,
.categoryid-9 #single-page .post_inner .post-meta .post-tag-list .post-tag a,
.categoryid-10 #single-page .post_inner .post-meta .post-tag-list .post-tag a {
  display: block;
  border: 1px solid rgba(255, 255, 0, 1);
  padding: 0.5em;
  font-size: 11px;
  line-height: 1.2;
}

.categoryid-6 {}

.categoryid-4 #archive-title,
.categoryid-6 #archive-title,
.categoryid-7 #archive-title,
.categoryid-8 #archive-title,
.categoryid-9 #archive-title,
.categoryid-10 #archive-title {
  display: none;
}

.categoryid-4 .sub-category,
.categoryid-6 .sub-category,
.categoryid-7 .sub-category,
.categoryid-8 .sub-category,
.categoryid-9 .sub-category,
.categoryid-10 .sub-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 3rem 0 !important;
  border: none;
}

.categoryid-4 .sub-category li,
.categoryid-6 .sub-category li,
.categoryid-7 .sub-category li,
.categoryid-8 .sub-category li,
.categoryid-9 .sub-category li,
.categoryid-10 .sub-category li {
  width: auto;
  margin-right: 3px !important;
  margin-bottom: 3px !important;
  padding: 0 !important;
  border: none;
}

.categoryid-4 .sub-category li a,
.categoryid-6 .sub-category li a,
.categoryid-7 .sub-category li a,
.categoryid-8 .sub-category li a,
.categoryid-9 .sub-category li a,
.categoryid-10 .sub-category li a {
  display: block;
  font-size: 14px;
  padding: 5px;
  border: 2px solid #000;
}

.categoryid-4 .sub-category li a:hover,
.categoryid-6 .sub-category li a:hover,
.categoryid-7 .sub-category li a:hover,
.categoryid-8 .sub-category li a:hover,
.categoryid-9 .sub-category li a:hover,
.categoryid-10 .sub-category li a:hover {
  background-color: #000;
  color: #fff;
  opacity: 1 !important;
}

.categoryid-4 .sub-category li.cat-4 a,
.categoryid-6 .sub-category li.cat-6 a,
.categoryid-7 .sub-category li.cat-7 a,
.categoryid-8 .sub-category li.cat-8 a,
.categoryid-9 .sub-category li.cat-9 a,
.categoryid-10 .sub-category li.cat-10 a {
  background-color: #ff0;
  color: #000;
  border: 3px solid #ff0;
}

.categoryid-4 .navigation,
.categoryid-6 .navigation,
.categoryid-7 .navigation,
.categoryid-8 .navigation,
.categoryid-9 .navigation,
.categoryid-10 .navigation {
  width: 100%;
}



/* タブレット */
@media screen and (max-width:960px) {}


/* スマホ */
@media screen and (max-width:750px) {

  .categoryid-4 .sub-category li a,
  .categoryid-6 .sub-category li a,
  .categoryid-7 .sub-category li,
  .categoryid-8 .sub-category li a,
  .categoryid-9 .sub-category li a,
  .categoryid-10 .sub-category li a {
    font-size: 12px;
  }

}



/*************************************************************************

** singleページ（CASE STUDIES）

**************************************************************************/

.categoryid-2 {}

.categoryid-2 #single-page-inner {
  max-width: inherit;
  width: 100%;
  /*margin: 100px auto 0 auto;*/
}

.categoryid-2 #single-page #archive-title {
  max-width: 920px;
  width: 90%;
  font-size: 14px;
  margin: 0 auto 1em auto;
}

.categoryid-2 #single-page article header {
  max-width: 920px;
  width: 90%;
  margin: 0 auto 1em auto;
}

.categoryid-2 #single-page .entry-title {
  font-size: 26px;
  margin: 0 0 1em 0;
}

.categoryid-2 #single-page .post-meta {
  display: none;
}

.categoryid-2 #single-page .eye-catch {
  display: none;
}

.categoryid-2 #single-page .eyecatch-full {
  width: 100%;
}

.categoryid-2 #single-page .entry-content {
  max-width: 920px;
  width: 90%;
  margin: 3rem auto 0 auto;
}

.categoryid-2 #single-page .entry-content h2 {
  margin: 0 0 2em 0;
}

.categoryid-2 #single-page .entry-content figure {
  display: block;
  margin: 3rem auto;
}



/* タブレット */
@media screen and (max-width:960px) {}


/* スマホ */
@media screen and (max-width:750px) {

  .categoryid-2 #single-page .entry-content {
    margin: 5vw auto 0 auto;
  }

}



/*************************************************************************

** singleページ（LAB）

**************************************************************************/

.categoryid-3 {}

.categoryid-3 #single-page-inner {
  max-width: inherit;
  width: 95%;
  /*margin: 100px auto 0 auto;*/
}

.categoryid-3 #single-page #archive-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 920px;
  width: 90%;
  font-size: 40px;
  line-height: 1;
  margin: 0 auto 1em auto;
}

.categoryid-3 #single-page #archive-title small {
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 0 2em;
}

.categoryid-3 #single-page article header {
  display: none;
}

.categoryid-3 #single-page .eye-catch {
  display: none;
}

.categoryid-3 #single-page .eye-catch-full {
  width: 100%;
}

.categoryid-3 #single-page .eye-catch-full img {
  display: block;
  border-radius: 20px;
}

.categoryid-3 #single-page .entry-content {
  max-width: 920px;
  width: 90%;
  margin: 4rem auto 0 auto;
}

.categoryid-3 #single-page .entry-content h1 {
  font-size: 26px;
  line-height: 1.5;
  text-align: left;
  text-justify: none;
  margin: 0 0 2em 0;
}

.categoryid-3 #single-page .entry-content .subtitle {
  margin-bottom: 1em;
}

.categoryid-3 #single-page .entry-content figure {
  display: block;
  margin: 3rem auto;
}

.categoryid-3 #single-page .entry-content img {
  display: block;
  border-radius: 20px;
}



/* タブレット */
@media screen and (max-width:960px) {

  .categoryid-3 #single-page #archive-title {
    width: 100%;
    font-size: 40px;
  }

}


/* スマホ */
@media screen and (max-width:750px) {

  .categoryid-3 #single-page .entry-content {
    margin: 5vw auto 0 auto;
  }

  .categoryid-3 #single-page #archive-title {
    font-size: 30px !important;
    margin: 0 auto 10vw auto;
  }

  .categoryid-3 #single-page #archive-title small {
    font-size: 11px !important;
  }

  .categoryid-3 #single-page .entry-content h1 {
    font-size: 21px;
  }

}




/*************************************************************************

** 404

**************************************************************************/

.error404 {}

.error404 .msg {
  width: 90%;
  margin: 100px auto 150px auto;
}

.error404 .msg .entry-title {
  font-size: 30px;
  text-align: center;
  margin: 0;
}

.error404 .msg .msg-inner {
  width: 80%;
  text-align: center;
  margin: 0 auto;
}

.error404 .msg .msg-inner p {
  font-size: 16px;
  line-height: 2.0em;
}

.error404 .msg .btn-single {
  width: 260px;
  margin: 50px auto;
}



/* スマホ */
@media screen and (max-width:960px) {
  .error404 .msg {
    display: block;
    width: 100%;
    margin: 10vw auto 15vw auto;
  }

  .error404 .msg .entry-title {
    font-size: 30px;
    margin: 0 auto;
  }

  .error404 .msg .msg-inner {
    margin: 0 auto;
  }
}



/*************************************************************************

** カテゴリーページ（PROJECTS）

**************************************************************************/

/* 共通パーツ */
/* VIEW MORE */
.category #list-page #list #view-more {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1rem 0;
}

.category #list-page #list #view-more span {
  display: block;
  background: url(images/icon-arrow2.png) no-repeat right 55% / 1em auto;
  padding-right: 2.1em;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

/* タグから探す */
.category #list-page #list #tag-search {
  box-sizing: border-box;
  border-width: 1px 0;
  border-style: solid;
  border-color: rgba(217, 217, 217, 1);
  width: calc(100% - 40px);
  margin: 4rem 20px 0;
  padding: 50px 16px;
}

.category #list-page #list #tag-search>h3 {
  border-bottom: 1px solid #000;
  width: fit-content;
  font-size: 18px;
  line-height: 1.6;
}

.category #list-page #list #tag-search>h4 {
  margin: 2.8em 0 1em;
  font-size: 13px;
  line-height: 1.8;
}

.category #list-page #list #tag-search>ul {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
}

.category #list-page #list #tag-search>ul>li>a {
  display: block;
  border: 1px solid rgba(217, 217, 217, 1);
  padding: 0.6em;
  font-size: 11px;
  line-height: 1.2;
}


/* スマホ */
@media screen and (max-width:750px) {

  /* VIEW MORE */
  .category #list-page #list #view-more {
    padding: 2.25rem 0;
  }

  /* タグから探す */
  .category #list-page #list #tag-search {
    width: 100%;
    margin: 4rem 0 0;
    padding: 50px 16px;
  }

}


/* PROJECTS */
.category-projects {}

.category-projects #list-page #list {
  display: block;
  margin: 5vw auto;
}

.category-projects #list-page #list-inner,
.category-projects #list-page .alm-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto 30px auto;
}

.category-projects #list-page #list article {
  width: 48.5%;
  margin: 0 0 3em 0;
}

.category-projects #list-page #list article figure .category-badge {
  display: none;
}

.category-projects #list-page #list article h2,
.category-projects #list-page #list article h2 a {
  font-size: 20px;
}

.category-projects #list-page #list article h2 .new {
  display: none;
}

.category-projects #list-page #list article .post-meta .post-subtitle {
  font-size: 13px;
}

.category-projects #list-page #list article .post-meta .post-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 1em;
}

.category-projects #list-page #list article .post-meta .post-tag-list .post-tag a {
  display: block;
  border: 1px solid rgba(255, 255, 0, 1);
  padding: 0.5em;
  font-size: 11px;
  line-height: 1.2;
}

.category-projects .pagination {
  display: none;
}


/* スマホ */
@media screen and (max-width:750px) {

  .category-projects #archive-title {
    font-size: 25px;
  }

  .category-projects #archive-title small {
    font-size: 13px;
  }

  .category-projects #list-page #list {
    margin: 12.5vw auto 5vw;
  }

  .category-projects #list-page #list article {
    width: 100%;
  }

}



/*************************************************************************

** カテゴリーページ（MAGAZINE）

**************************************************************************/

.category-magazine {}

/* ピックアップ */
.category-magazine #pick-up {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  aspect-ratio: 1 / 0.4791666666666667;
}

.category-magazine #pick-up #pick-up-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}

.category-magazine #pick-up #pick-up-inner .pick-up-entry {
  width: 70%;
}

.category-magazine #pick-up #pick-up-inner .pick-up-entry .pick-up-mark {
  border: 3px solid #FFF;
  width: fit-content;
  padding: 0 0.3em;
  font-size: 24px;
  line-height: 1.6;
  color: #FFF;
}

.category-magazine #pick-up #pick-up-inner .pick-up-entry>h2 {
  margin: 0.5em 0 0;
  font-size: 32px;
  line-height: 1.6;
  color: #FFF;
}

.category-magazine #pick-up #pick-up-inner .pick-up-entry>h2 a {
  color: #FFF;
}

.category-magazine #pick-up #pick-up-inner .pick-up-entry .post-meta {
  margin: 0.5rem 0 0;
}

.category-magazine #pick-up #pick-up-inner .pick-up-entry .post-meta .post-date {
  font-size: 13px;
  line-height: 1.8;
  color: #FFF;
}

.category-magazine #pick-up #pick-up-inner .pick-up-read {
  width: 90%;
  margin: 0.6rem 0 2rem;
  text-align: right;
}

.category-magazine #pick-up #pick-up-inner .pick-up-read a {
  background: url(images/icon-arrow-white1.svg) no-repeat right center / 1em auto;
  padding-right: 2em;
  font-size: 12px;
  line-height: 1.8;
  color: #FFF;
}

.category-magazine #list-page {
  margin: 7vw auto 5vw;
}

.category-magazine #archive-title {
  text-align: center;
}

.category-magazine #archive-title small {
  text-align: center;
}

.category-magazine #list-page #list {
  display: block;
  margin: 3.4vw auto 5vw;
}

.category-magazine #list-page #list-inner,
.category-magazine #list-page .alm-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  column-gap: 1.4%;
  margin: 0 auto 30px auto;
}

.category-magazine #list-page #list article {
  width: 32.4%;
  margin: 0 0 3em 0;
}

.category-magazine #list-page #list article figure .category-badge {
  display: none;
}

.category-magazine #list-page #list article h2,
.category-magazine #list-page #list article h2 a {
  font-size: 20px;
}

.category-magazine #list-page #list article h2 .new {
  display: none;
}

.category-magazine #list-page #list article .post-meta .post-date {
  font-size: 13px;
}

.category-magazine #list-page #list article .post-meta .category {
  display: none;
}

.category-magazine #list-page #list article .post-meta .entry-member-avatar {
  display: inline-block;
  width: 24px;
  font-size: 14px;
  line-height: 24px;
  margin: 0 0.5em 0 0;
  border: 2px solid #FFFF00;
  border-radius: 50%;
}

.category-magazine #list-page #list article .post-meta .entry-member-avatar img {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  border-radius: 50%;
}

.category-magazine #list-page #list article .post-meta .entry-member-name1 {
  display: inline-block;
}

.category-magazine #list-page #list article .post-meta .post-member {
  display: inline-block;
  margin: 0 0 0 1.1em;
  font-size: 14px;
}

.category-magazine #list-page #list article .post-meta .post-member img {
  width: 1.7em;
  margin: 0 0.8em 0 0;
  vertical-align: top;
}

.category-magazine #list-page #list article .post-meta .post-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 1em;
}

.category-magazine #list-page #list article .post-meta .post-tag-list .post-tag a {
  display: block;
  border: 1px solid rgba(255, 255, 0, 1);
  padding: 0.5em;
  font-size: 11px;
  line-height: 1.2;
}

.category-magazine .pagination {
  display: none;
}


/* スマホ */
@media screen and (max-width:750px) {

  /* ピックアップ */
  .category-magazine #pick-up {
    aspect-ratio: inherit;
    height: 80vh;
  }

  .category-magazine #pick-up #pick-up-inner .pick-up-entry {
    width: 90%;
  }

  .category-magazine #pick-up #pick-up-inner .pick-up-entry>h2 {
    margin: 0.8em 0 0;
    font-size: 20px;
    line-height: 1.5;
  }

  .category-magazine #list-page {
    margin: 12.5vw auto 5vw;
  }

  .category-magazine #archive-title {
    font-size: 25px;
  }

  .category-magazine #archive-title small {
    font-size: 13px;
  }

  .category-magazine #list-page #list {
    margin: 12.5vw auto 5vw;
  }

  .category-magazine #list-page #list article {
    width: 100%;
  }

}



/*************************************************************************

** singleページ（PROJECTS）

**************************************************************************/

.categoryid-2,
.categoryid-3,
.categoryid-52 {}

.categoryid-2 #single-page-inner,
.categoryid-3 #single-page-inner,
.categoryid-52 #single-page-inner {
  max-width: inherit;
  width: 100%;
  margin: 50px auto 0 auto;
}

.categoryid-2 #single-page #archive-title,
.categoryid-3 #single-page #archive-title,
.categoryid-52 #single-page #archive-title {
  max-width: inherit;
  width: 93.75%;
  font-size: 18px;
  line-height: 1.4;
  margin: 0 auto 1.3em auto;
}

.categoryid-2 #single-page #archive-title>span,
.categoryid-3 #single-page #archive-title>span,
.categoryid-52 #single-page #archive-title>span {
  display: inline-block;
  border: 2px solid #000;
  padding: 0.2em 0.5em;
}

.categoryid-2 #single-page .article .article-header,
.categoryid-3 #single-page .article .article-header,
.categoryid-52 #single-page .article .article-header {
  display: block;
  max-width: inherit;
  width: 93.75%;
  margin: 0 auto 2em auto;
}

.categoryid-2 #single-page .article .article-header .entry-title,
.categoryid-3 #single-page .article .article-header .entry-title,
.categoryid-52 #single-page .article .article-header .entry-title {
  font-size: 32px;
  line-height: 1.6;
  margin: 0 0 0.26em 0;
}

.categoryid-2 #single-page .article .article-header .post-meta,
.categoryid-3 #single-page .article .article-header .post-meta,
.categoryid-52 #single-page .article .article-header .post-meta {
  display: block;
  margin: 0;
  font-size: 13px;
  line-height: 1.8;
}

.categoryid-2 #single-page .article .article-header .post-meta .post-tag-list,
.categoryid-3 #single-page .article .article-header .post-meta .post-tag-list,
.categoryid-52 #single-page .article .article-header .post-meta .post-tag-list {
  display: none;
  /* display: flex; */
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 1em;
}

.categoryid-2 #single-page .article .article-header .post-meta .post-tag-list a,
.categoryid-3 #single-page .article .article-header .post-meta .post-tag-list a,
.categoryid-52 #single-page .article .article-header .post-meta .post-tag-list a {
  display: block;
  border: 1px solid rgba(255, 255, 0, 1);
  padding: 0.5em;
  font-size: 11px;
  line-height: 1.2;
}

.categoryid-2 #single-page .article .eye-catch-bg,
.categoryid-3 #single-page .article .eye-catch-bg,
.categoryid-52 #single-page .article .eye-catch-bg {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 93.75%;
  aspect-ratio: 1 / 0.5;
  margin: 0 auto 0 auto;
}


.categoryid-2 #single-page .article #the-content,
.categoryid-3 #single-page .article #the-content,
.categoryid-52 #single-page .article #the-content {
  display: flex;
  justify-content: center;
  column-gap: 2rem;
  border-bottom: none;
  max-width: inherit;
  width: auto;
  margin: 3rem auto 0 auto;
  padding-bottom: 0;
}

.categoryid-2 #single-page .article #the-content .entry-content-side,
.categoryid-3 #single-page .article #the-content .entry-content-side,
.categoryid-52 #single-page .article #the-content .entry-content-side {
  width: 220px;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-header,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-header,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-header {
  border-width: 2px 2px 0;
  border-style: solid;
  border-color: rgba(245, 245, 245, 1);
  width: auto;
  max-width: inherit;
  margin: 0;
  padding: 1.3rem 1.1rem 2rem;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-header .side-header-category,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-header .side-header-category,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-header .side-header-category {
  font-size: 12px;
  line-height: 2.1;
  margin: 0 0 1.3em;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-header .side-header-category>span,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-header .side-header-category>span,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-header .side-header-category>span {
  display: inline-block;
  border: 2px solid #000;
  padding: 0.2em 0.5em;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-header .side-header-title,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-header .side-header-title,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-header .side-header-title {
  font-size: 18px;
  line-height: 1.8;
  margin: 0 0 1.7em;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-header .side-header-meta .post-tag-list,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-header .side-header-meta .post-tag-list,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-header .side-header-meta .post-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 13px 10px;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-header .side-header-meta .post-tag-list .post-tag a,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-header .side-header-meta .post-tag-list .post-tag a,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-header .side-header-meta .post-tag-list .post-tag a {
  display: block;
  border: 1px solid rgba(255, 255, 0, 1);
  padding: 0.5em;
  font-size: 11px;
  line-height: 1.2;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-client,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-client,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-client {
  border-width: 2px 2px 0;
  border-style: solid;
  border-color: rgba(245, 245, 245, 1);
  margin: 0.5rem 0 0;
  padding: 1.3rem 1.1rem 1.5rem;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-client .side-client-title,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-client .side-client-title,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-client .side-client-title {
  margin: 0 0 1em;
  font-size: 20px;
  line-height: 1.8;
  text-align: center;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-client .side-client-name,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-client .side-client-name,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-client .side-client-name {
  margin: 0 0 1.1em;
  font-size: 14px;
  line-height: 1.8;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-client .side-client-link,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-client .side-client-link,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-client .side-client-link {
  font-size: 12px;
  line-height: 1;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-client .side-client-link a,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-client .side-client-link a,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-client .side-client-link a {
  background: url(images/icon-window.svg) no-repeat right top / 0.6em auto;
  padding-right: 0.8em;
  color: rgba(104, 104, 104, 1);
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-member,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-member,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-member {
  background-color: rgba(245, 245, 245, 1);
  margin: 0.5rem 0 0;
  padding: 1.3rem 1.1rem 1.3rem;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-member .side-member-title,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-member .side-member-title,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-member .side-member-title {
  margin: 0 0 1em;
  font-size: 20px;
  line-height: 1.8;
  text-align: center;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-member .side-member-list,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-member .side-member-list,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-member .side-member-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-member .side-member-list li,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-member .side-member-list li,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-member .side-member-list li {
  width: 43%;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-member .side-member-list li .side-member-image,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-member .side-member-list li .side-member-image,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-member .side-member-list li .side-member-image {
  display: block;
  border-radius: 50%;
  border: 2px solid #FFFF00;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-member .side-member-list li .side-member-image img,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-member .side-member-list li .side-member-image img,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-member .side-member-list li .side-member-image img {
  display: block;
  border-radius: 50%;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-member .side-member-list li a.no-link,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-member .side-member-list li a.no-link,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-member .side-member-list li a.no-link {
  pointer-events: none;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-member .side-member-list li a.no-link .side-member-image,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-member .side-member-list li a.no-link .side-member-image,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-member .side-member-list li a.no-link .side-member-image {
  border: 2px solid #5B5B5B;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-member .side-member-list li .side-member-name1,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-member .side-member-list li .side-member-name1,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-member .side-member-list li .side-member-name1 {
  display: block;
  margin: 0.8em 0 0;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}

.categoryid-2 #single-page .article #the-content .entry-content-side .side-member .side-member-list li .side-member-name2,
.categoryid-3 #single-page .article #the-content .entry-content-side .side-member .side-member-list li .side-member-name2,
.categoryid-52 #single-page .article #the-content .entry-content-side .side-member .side-member-list li .side-member-name2 {
  display: block;
  font-size: 10px;
  line-height: 2;
  text-align: center;
}

.categoryid-2 #single-page .article #the-content .entry-content-main,
.categoryid-3 #single-page .article #the-content .entry-content-main,
.categoryid-52 #single-page .article #the-content .entry-content-main {
  width: 49%;
  padding-bottom: 3rem;
}

.categoryid-2 #single-page .article #the-content .entry-content-main .entry-content-main-inner h2,
.categoryid-3 #single-page .article #the-content .entry-content-main .entry-content-main-inner h2,
.categoryid-52 #single-page .article #the-content .entry-content-main .entry-content-main-inner h2 {
  border-bottom: 1px solid rgba(204, 204, 204, 1);
  margin: 0 0 3em;
  padding: 0 0 2em;
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.02em;
  font-size: 16px;
  line-height: 1.8;
  text-align: justify;
}

.categoryid-2 #single-page .article #the-content .entry-content-main .navigation,
.categoryid-3 #single-page .article #the-content .entry-content-main .navigation,
.categoryid-52 #single-page .article #the-content .entry-content-main .navigation {
  border-top: 1px solid #000;
  width: 100%;
  max-width: inherit;
  margin: 3rem auto 0;
  padding: 3rem 0 0;
}


/* スマホ */
@media screen and (max-width:750px) {

  .categoryid-2 #single-page-inner,
  .categoryid-3 #single-page-inner,
  .categoryid-52 #single-page-inner {
    margin: 10vw auto 0 auto;
  }

  .categoryid-2 #single-page #archive-title,
  .categoryid-3 #single-page #archive-title,
  .categoryid-52 #single-page #archive-title {
    width: 90%;
  }

  .categoryid-2 #single-page .article .article-header,
  .categoryid-3 #single-page .article .article-header,
  .categoryid-52 #single-page .article .article-header {
    width: 90%;
    margin: 0 auto 1.5em auto;
  }

  .categoryid-2 #single-page .article .article-header .entry-title,
  .categoryid-3 #single-page .article .article-header .entry-title,
  .categoryid-52 #single-page .article .article-header .entry-title {
    font-size: 24px;
    margin: 0 0 0.35em 0;
  }

  .categoryid-2 #single-page .article .article-header .post-meta .post-tag-list,
  .categoryid-3 #single-page .article .article-header .post-meta .post-tag-list,
  .categoryid-52 #single-page .article .article-header .post-meta .post-tag-list {
    display: flex;
  }

  .categoryid-2 #single-page .article .eye-catch-bg,
  .categoryid-3 #single-page .article .eye-catch-bg,
  .categoryid-52 #single-page .article .eye-catch-bg {
    width: 100%;
  }

  .categoryid-2 #single-page .article #the-content,
  .categoryid-3 #single-page .article #the-content,
  .categoryid-52 #single-page .article #the-content {
    column-gap: 0;
    flex-direction: column;
    margin: 1.5rem auto 0 auto;
  }

  .categoryid-2 #single-page .article #the-content .entry-content-side,
  .categoryid-3 #single-page .article #the-content .entry-content-side,
  .categoryid-52 #single-page .article #the-content .entry-content-side {
    order: 2;
    width: 90%;
    margin: 3rem auto 0;
  }

  .categoryid-2 #single-page .article #the-content .entry-content-side .side-member .side-member-list,
  .categoryid-3 #single-page .article #the-content .entry-content-side .side-member .side-member-list,
  .categoryid-52 #single-page .article #the-content .entry-content-side .side-member .side-member-list {
    flex-direction: row;
    align-items: normal;
    justify-content: center;
    gap: 9%;
  }

  .categoryid-2 #single-page .article #the-content .entry-content-side .side-member .side-member-list li,
  .categoryid-3 #single-page .article #the-content .entry-content-side .side-member .side-member-list li,
  .categoryid-52 #single-page .article #the-content .entry-content-side .side-member .side-member-list li {
    width: 23%;
  }

  .categoryid-2 #single-page .article #the-content .entry-content-side .side-member .side-member-list li .side-member-name2,
  .categoryid-3 #single-page .article #the-content .entry-content-side .side-member .side-member-list li .side-member-name2,
  .categoryid-52 #single-page .article #the-content .entry-content-side .side-member .side-member-list li .side-member-name2 {
    line-height: 1.4;
  }

  .categoryid-2 #single-page .article #the-content .entry-content-main,
  .categoryid-3 #single-page .article #the-content .entry-content-main,
  .categoryid-52 #single-page .article #the-content .entry-content-main {
    display: contents;
  }

  .categoryid-2 #single-page .article #the-content .entry-content-main .entry-content-main-inner,
  .categoryid-3 #single-page .article #the-content .entry-content-main .entry-content-main-inner,
  .categoryid-52 #single-page .article #the-content .entry-content-main .entry-content-main-inner {
    order: 1;
    width: 90%;
    margin: 0 auto;
  }

  .categoryid-2 #single-page .article #the-content .entry-content-main .navigation,
  .categoryid-3 #single-page .article #the-content .entry-content-main .navigation,
  .categoryid-52 #single-page .article #the-content .entry-content-main .navigation {
    order: 3;
    width: 90%;
    margin: 4rem auto 0;
  }

}



/*************************************************************************

** singleページ（MAGAGINE）

**************************************************************************/

.categoryid-51 {}

.categoryid-51 #single-page-inner {
  max-width: inherit;
  width: 100%;
  margin: 0 auto 0 auto;
}

.categoryid-51 #single-page #archive-title {
  display: none;
}

.categoryid-51 #single-page .article .eye-catch-bg {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  aspect-ratio: 1 / 0.5;
  margin: 0 auto 0 auto;
}

.categoryid-51 #single-page .article .article-header {
  display: block;
  max-width: inherit;
  width: 48.6%;
  margin: 3em auto 0 auto;
}

.categoryid-51 #single-page .article .article-header .category-name {
  margin: 0 auto 1.3em auto;
  font-size: 18px;
  line-height: 1.4;
}

.categoryid-51 #single-page .article .article-header .category-name>span {
  display: inline-block;
  border: 2px solid #000;
  padding: 0.2em 0.5em;
}

.categoryid-51 #single-page .article .article-header .entry-title {
  font-size: 32px;
  line-height: 1.6;
  margin: 0 0 0.26em 0;
}

.categoryid-51 #single-page .article .article-header .post-meta {
  display: block;
  margin: 0;
  font-size: 13px;
  line-height: 1.8;
}

.categoryid-51 #single-page .article .article-header .post-meta .post-member {
  display: block;
  margin: 2.28em 0 0;
  font-size: 14px;
}

.categoryid-51 #single-page .article .article-header .post-meta .post-member .entry-member-avatar {
  display: inline-block;
  margin: 0 0.8em 0 0;
  border: 2px solid #FFFF00;
  border-radius: 50%;
}

.categoryid-51 #single-page .article .article-header .post-meta .post-member img {
  display: inline-block;
  width: 1.7em;
  vertical-align: top;
  border-radius: 50%;
}

.categoryid-51 #single-page .article .article-header .post-meta .post-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 2.46em;
}

.categoryid-51 #single-page .article .article-header .post-meta .post-tag-list a {
  display: block;
  border: 1px solid rgba(255, 255, 0, 1);
  padding: 0.5em;
  font-size: 11px;
  line-height: 1.2;
}

.categoryid-51 #single-page .article #the-content {
  width: 48.6%;
  margin: 3rem auto 0 auto;
}

.categoryid-51 #single-page .article #the-content .entry-member {
  background-color: rgba(245, 245, 245, 1);
  margin: 2rem 0 0;
  padding: 4.5% 7%;
}

.categoryid-51 #single-page .article #the-content .entry-member .entry-member-title {
  font-size: 20px;
  line-height: 1.8;
  text-align: center;
}

.categoryid-51 #single-page .article #the-content .entry-member .entry-member-title a {
  text-decoration: underline;
}

.categoryid-51 #single-page .article #the-content .entry-member .entry-member-title a:hover {
  text-decoration: none;
}

.categoryid-51 #single-page .article #the-content .entry-member .entry-member-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 1.25em 0 0;
}

.categoryid-51 #single-page .article #the-content .entry-member .entry-member-box .entry-member-image {
  width: 85px;
}

.categoryid-51 #single-page .article #the-content .entry-member .entry-member-box .entry-member-image .entry-member-avatar {
  display: inline-block;
  border: 2px solid #FFFF00;
  border-radius: 50%;
}

.categoryid-51 #single-page .article #the-content .entry-member .entry-member-box .entry-member-image .entry-member-avatar img {
  display: block;
  width: 75px;
  margin: 0 auto;
  border-radius: 50%;
}

.categoryid-51 #single-page .article #the-content .entry-member .entry-member-box .entry-member-image .entry-member-name1 {
  display: block;
  margin: 0.8em 0 0;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}

.categoryid-51 #single-page .article #the-content .entry-member .entry-member-box .entry-member-image .entry-member-name2 {
  display: block;
  font-size: 10px;
  line-height: 2;
  text-align: center;
}

.categoryid-51 #single-page .article #the-content .entry-member .entry-member-box .entry-member-text {
  display: flex;
  flex-direction: column;
  width: calc(100% - 50px - 85px);
}

.categoryid-51 #single-page .article #the-content .entry-member .entry-member-box .entry-member-text>p {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  text-align: justify;
}

.categoryid-51 #single-page .article #the-content .entry-member .entry-member-box .entry-member-text .entry-member-text-link {
  margin: auto 0 0;
  font-size: 12px;
  line-height: 1.8;
  text-align: right;
}

.categoryid-51 #single-page .article #the-content .entry-member .entry-member-box .entry-member-text .entry-member-text-link a {
  background: url(images/icon-arrow-black1.svg) no-repeat right center / 1em auto;
  padding-right: 2em;
}

/* スマホ */
@media screen and (max-width:750px) {

  .categoryid-51 #single-page .article .article-header {
    width: 90%;
    margin: 1.5em auto 0 auto;
  }

  .categoryid-51 #single-page .article .article-header .entry-title {
    font-size: 24px;
    margin: 0 0 0.35em 0;
  }

  .categoryid-51 #single-page .article .article-header .post-meta .post-member {
    margin: 1.14em 0 0;
  }

  .categoryid-51 #single-page .article .article-header .post-meta .post-tag-list {
    margin-top: 1.2em;
  }

  .categoryid-51 #single-page .article #the-content {
    width: 90%;
    margin: 1.5rem auto 0 auto;
  }

  .categoryid-51 #single-page .article #the-content .entry-member {
    margin: 3rem 0 0;
    padding: 8.8%;
  }

  .categoryid-51 #single-page .article #the-content .entry-member .entry-member-box {
    display: block;
  }

  .categoryid-51 #single-page .article #the-content .entry-member .entry-member-box .entry-member-image {
    width: 100%;
  }

  .categoryid-51 #single-page .article #the-content .entry-member .entry-member-box .entry-member-text {
    width: 100%;
    margin-top: 1rem;
  }

  .categoryid-51 #single-page .article #the-content .entry-member .entry-member-box .entry-member-text .entry-member-text-link {
    margin: 1rem 0 0;
  }

}

.categoryid-2 #single-page .article #the-content .entry-btn-area,
.categoryid-3 #single-page .article #the-content .entry-btn-area,
.categoryid-52 #single-page .article #the-content .entry-btn-area,
.categoryid-51 #single-page .article #the-content .entry-btn-area {
  background-color: #FFFF00;
  margin: 2rem 0 0;
  padding: 2rem 1rem;
}

.categoryid-2 #single-page .article #the-content .entry-btn-area .logo,
.categoryid-3 #single-page .article #the-content .entry-btn-area .logo,
.categoryid-52 #single-page .article #the-content .entry-btn-area .logo,
.categoryid-51 #single-page .article #the-content .entry-btn-area .logo {
  width: 112px;
  margin: 0 auto;
}

.categoryid-2 #single-page .article #the-content .entry-btn-area .entry-btn a,
.categoryid-3 #single-page .article #the-content .entry-btn-area .entry-btn a,
.categoryid-52 #single-page .article #the-content .entry-btn-area .entry-btn a,
.categoryid-51 #single-page .article #the-content .entry-btn-area .entry-btn a {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 30px;
  border: 1px solid #000;
  border-radius: 100vh;
  background-color: #FFF;
  width: fit-content;
  margin: 1.5rem auto 0;
  padding: 0.75rem 3rem;
  font-size: min(1.65vw, 20px);
  font-weight: 700;
  letter-spacing: 1.6px;
  color: #000;
}

.categoryid-2 #single-page .article #the-content .entry-btn-area .entry-btn a::after,
.categoryid-3 #single-page .article #the-content .entry-btn-area .entry-btn a::after,
.categoryid-52 #single-page .article #the-content .entry-btn-area .entry-btn a::after,
.categoryid-51 #single-page .article #the-content .entry-btn-area .entry-btn a::after {
  content: '';
  display: block;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
  height: 6px;
}

.categoryid-2 #single-page .article #the-content .entry-btn-area .entry-btn a:hover,
.categoryid-3 #single-page .article #the-content .entry-btn-area .entry-btn a:hover,
.categoryid-52 #single-page .article #the-content .entry-btn-area .entry-btn a:hover,
.categoryid-51 #single-page .article #the-content .entry-btn-area .entry-btn a:hover {
  background-color: #000;
  color: #FFF;
}

.categoryid-2 #single-page .article #the-content .entry-btn-area .entry-btn a:hover::after,
.categoryid-3 #single-page .article #the-content .entry-btn-area .entry-btn a:hover::after,
.categoryid-52 #single-page .article #the-content .entry-btn-area .entry-btn a:hover::after,
.categoryid-51 #single-page .article #the-content .entry-btn-area .entry-btn a:hover::after {
  border-color: #FFF;
}

:is(.categoryid-4, .categoryid-5, .categoryid-6, .categoryid-7, .categoryid-8, .categoryid-9, .categoryid-10) #single-page .article #the-content .entry-btn-area {
  background-color: #FFFF00;
  margin: 2rem 0 0;
  padding: 2rem 1rem;

  .logo {
    width: 112px;
    margin: 0 auto;
  }

  .entry-btn a {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 30px;
    border: 1px solid #000;
    border-radius: 100vh;
    background-color: #FFF;
    width: fit-content;
    margin: 1.5rem auto 0;
    padding: 0.75rem 3rem;
    font-size: min(1.65vw, 20px);
    font-weight: 700;
    letter-spacing: 1.6px;
    color: #000;

    &::after {
      content: '';
      display: block;
      border-top: 1px solid #000;
      border-right: 1px solid #000;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      width: 6px;
      height: 6px;
    }

    &:hover {
      background-color: #000;
      color: #FFF;

      &::after {
        border-color: #FFF;
      }
    }
  }
}

/* スマホ */
@media screen and (max-width:750px) {

  .categoryid-2 #single-page .article #the-content .entry-btn-area .entry-btn a,
  .categoryid-3 #single-page .article #the-content .entry-btn-area .entry-btn a,
  .categoryid-52 #single-page .article #the-content .entry-btn-area .entry-btn a,
  .categoryid-51 #single-page .article #the-content .entry-btn-area .entry-btn a {
    width: 100%;
    padding: 1rem 1rem;
    font-size: min(3.5vw, 14px);
  }

  :is(.categoryid-4, .categoryid-5, .categoryid-6, .categoryid-7, .categoryid-8, .categoryid-9, .categoryid-10) #single-page .article #the-content .entry-btn-area .entry-btn a {
    width: 100%;
    padding: 1rem 1rem;
    font-size: min(3.5vw, 14px);
  }

}



/*************************************************************************

** author別アーカイブページ

**************************************************************************/

.archive.author {}

.archive.author #list-page {
  width: 90%;
  margin: 5vw auto;
}

.archive.author #list-page-inner {
  width: 100%;
  margin: 0 auto;
}

.archive.author #archive-title {
  font-size: 40px;
  line-height: 1;
  margin: 0;
}

.archive.author #archive-title small {
  display: block;
  font-size: 18px;
  line-height: 1.6;
  margin: 1em 0 0 0;
}

.archive.author .result-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 5vw 0 !important;
  padding-bottom: 1em;
  border-bottom: 1px solid #D9D9D9;
}

.archive.author .result-info h2 {
  font-size: 24px;
  line-height: 1;
}

.archive.author .result-info h2 .post-tag {
  display: inline-block;
  margin-right: 0.5em;
  border: 1px solid rgba(255, 255, 0, 1);
  padding: 0.5em;
  line-height: 1;
}

.archive.author .result-info .result-number {
  font-size: 18px;
  line-height: 1;
}

.archive.author .result-info .result-number strong {
  display: inline-block;
  font-size: 40px;
  margin-right: 0.2em;
}

/* この記事を書いた人 */
.archive.author #list-page .entry-member {
  background-color: rgba(245, 245, 245, 1);
  margin: 2rem 0 0;
  padding: 4.5% 7%;
}

.archive.author #list-page .entry-member .entry-member-title {
  font-size: 20px;
  line-height: 1.8;
  text-align: center;
}

.archive.author #list-page .entry-member .entry-member-title a {
  text-decoration: underline;
}

.archive.author #list-page .entry-member .entry-member-title a:hover {
  text-decoration: none;
}

.archive.author #list-page .entry-member .entry-member-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 60vw;
  margin: 1.25em auto 0;
}

.archive.author #list-page .entry-member .entry-member-box .entry-member-image {
  width: 85px;
}

.archive.author #list-page .entry-member .entry-member-box .entry-member-image a {
  display: block;
}

.archive.author #list-page .entry-member .entry-member-box .entry-member-image .entry-member-avatar {
  display: inline-block;
  border: 2px solid #FFFF00;
  border-radius: 50%;
}

.archive.author #list-page .entry-member .entry-member-box .entry-member-image .entry-member-avatar img {
  display: block;
  width: 75px;
  height: auto;
  margin: 0 auto;
  border-radius: 50%;
}

.archive.author #list-page .entry-member .entry-member-box .entry-member-image .entry-member-name1 {
  display: block;
  margin: 0.8em 0 0;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}

.archive.author #list-page .entry-member .entry-member-box .entry-member-image .entry-member-name2 {
  display: block;
  font-size: 10px;
  line-height: 2;
  text-align: center;
}

.archive.author #list-page .entry-member .entry-member-box .entry-member-text {
  display: flex;
  flex-direction: column;
  width: calc(100% - 50px - 85px);
}

.archive.author #list-page .entry-member .entry-member-box .entry-member-text>p {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  text-align: justify;
}

.archive.author #list-page .entry-member .entry-member-box .entry-member-text .entry-member-text-link {
  margin: auto 0 0;
  font-size: 12px;
  line-height: 1.8;
  text-align: right;
}

.archive.author #list-page .entry-member .entry-member-box .entry-member-text .entry-member-text-link a {
  background: url(images/icon-arrow-black1.svg) no-repeat right center / 1em auto;
  padding-right: 2em;
}

/* 記事一覧 */
.archive.author #list-page #list {
  display: block;
  margin: 5vw auto;
}

.archive.author #list-page #list-inner,
.archive.author #list-page .alm-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto 30px auto;
}

.archive.author #list-page #list article {
  width: 48.5%;
  margin: 0 0 3em 0;
}

.archive.author #list-page #list article figure {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 2/1;
  margin-bottom: 1em;
  overflow: hidden;
}

.archive.author #list-page #list article figure .category-badge {
  position: absolute;
  z-index: 10;
  display: block;
  background-color: #fff;
  font-size: 20px;
  line-height: 1;
  padding: 0.5em;
}

.archive.author #list-page #list article figure .category-badge.projects {
  background-color: #FFFF00;
}

.archive.author #list-page #list article figure .category-badge.magazine {
  background-color: #FFF;
}

.archive.author #list-page #list article figure img {
  display: block;
  width: 100%;
  height: auto;
}

.archive.author #list-page #list article h2,
.archive.author #list-page #list article h2 a {
  font-size: 20px;
}

.archive.author #list-page #list article .post-meta .post-subtitle {
  font-size: 13px;
}

.archive.author #list-page #list article .post-meta .post-date {
  font-size: 13px;
}

.archive.author #list-page #list article .post-meta .category {
  display: none;
}

.archive.author #list-page #list article .post-meta .entry-member-avatar {
  display: inline-block;
  width: 24px;
  font-size: 14px;
  line-height: 24px;
  margin: 0 0.5em 0 0;
  border: 2px solid #FFFF00;
  border-radius: 50%;
}

.archive.author #list-page #list article .post-meta .entry-member-avatar img {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  border-radius: 50%;
}

.archive.author #list-page #list article .post-meta .entry-member-name1 {
  display: inline-block;
}

.archive.author #list-page #list article .post-meta .post-member {
  display: inline-block;
  margin: 0 0 0 1.1em;
  font-size: 14px;
}

.archive.author #list-page #list article .post-meta .post-member img {
  width: 1.7em;
  height: auto;
  margin: 0 0.8em 0 0;
  vertical-align: top;
}

.archive.author #list-page #list article .post-meta .post-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 1em;
}

.archive.author #list-page #list article .post-meta .post-tag-list .post-tag a {
  display: block;
  border: 1px solid rgba(255, 255, 0, 1);
  padding: 0.5em;
  font-size: 11px;
  line-height: 1.2;
}

.archive.author #list-page #list article .entry-snippet {
  display: none;
}

.archive.author #list-page #list .alm-btn-wrap {
  text-align: center;
}

.archive.author #list-page #list .alm-load-more-btn {
  display: inline-block;
  background: transparent url(images/icon-arrow2.png) no-repeat right 55% / 1em auto;
  font-family: acumin-pro, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 20px;
  padding: 0 2.1em 0 0;
  border: none;
}

.archive.author #list-page #list .alm-load-more-btn.done {
  display: none;
}

.archive.author #list-page #list .alm-load-more-btn:hover {
  background: transparent url(images/icon-arrow2.png) no-repeat right 55% / 1em auto;
  opacity: 0.7;
}

/* not found */
.archive.author .notfound {
  text-align: center;
  margin: 2em 0;
}

.archive.author .notfound h2 {
  display: none;
}


/* タブレット */
@media screen and (max-width:960px) {

  .archive.author #list-page {
    width: 95%;
  }

  .archive.author #list-page #list {
    width: 100%;
    margin: 0;
  }

  .archive.author #list-page #list-inner {
    width: 100%;
  }

  .archive.author #list-page #archive-title {}
}



/* スマホ */
@media screen and (max-width:750px) {

  .archive.author #archive-title {
    font-size: 25px;
  }

  .archive.author #archive-title small {
    font-size: 13px;
  }

  .archive.author .result-info {
    display: block;
    margin: 10vw 0 !important;
  }

  .archive.author .result-info h2 {
    font-size: 16px;
  }

  .archive.author #list-page {
    width: 90%;
  }

  .archive.author #list-page #list {
    display: block;
    margin: 0 0 30px 0;
  }

  .archive.author #list-page #list-inner,
  .archive.author #list-page .alm-listing {
    display: block;
    width: 100%;
    margin: 0 0 30px 0;
  }

  .archive.author #list-page #list-inner article,
  .archive.author #list-page .alm-listing article {
    width: 100% !important;
    margin: 0 0 10vw 0;
  }

  .archive.author #list-page .entry-member {
    margin: 3rem 0 0;
    padding: 8.8%;
  }

  .archive.author #list-page .entry-member .entry-member-box {
    display: block;
    max-width: inherit;
  }

  .archive.author #list-page .entry-member .entry-member-box .entry-member-image {
    width: 100%;
  }

  .archive.author #list-page .entry-member .entry-member-box .entry-member-image a {
    text-align: center;
  }

  .archive.author #list-page .entry-member .entry-member-box .entry-member-image .entry-member-avatar {
    display: inline-block;
    margin: 0 auto;
  }

  .archive.author #list-page .entry-member .entry-member-box .entry-member-text {
    width: 100%;
    margin-top: 1rem;
  }

  .archive.author #list-page .entry-member .entry-member-box .entry-member-text>p {
    font-size: 13px;
  }

  .archive.author #list-page .entry-member .entry-member-box .entry-member-text .entry-member-text-link {
    margin: 1rem 0 0;
  }

}




/*************************************************************************

** tag別アーカイブページ

**************************************************************************/

.archive.tag {}

.archive.tag #list-page {
  width: 90%;
  margin: 5vw auto;
}

.archive.tag #list-page-inner {
  width: 100%;
  margin: 0 auto;
}

.archive.tag #archive-title {
  font-size: 40px;
  line-height: 1;
  margin: 0;
}

.archive.tag #archive-title small {
  display: block;
  font-size: 18px;
  line-height: 1.6;
  margin: 1em 0 0 0;
}

.archive.tag .result-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 5vw 0 !important;
  padding-bottom: 1em;
  border-bottom: 1px solid #D9D9D9;
}

.archive.tag .result-info h2 {
  font-size: 24px;
  line-height: 1;
}

.archive.tag .result-info h2 .post-tag {
  display: inline-block;
  margin-right: 0.5em;
  border: 1px solid rgba(255, 255, 0, 1);
  padding: 0.5em;
  line-height: 1;
}

.archive.tag .result-info .result-number {
  font-size: 18px;
  line-height: 1;
}

.archive.tag .result-info .result-number strong {
  display: inline-block;
  font-size: 40px;
  margin-right: 0.2em;
}


.archive.tag #list-page #list {
  display: block;
  margin: 5vw auto;
}

.archive.tag #list-page #list-inner,
.archive.tag #list-page .alm-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto 30px auto;
}

.archive.tag #list-page #list article {
  width: 48.5%;
  margin: 0 0 3em 0;
}

.archive.tag #list-page #list article figure {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 2/1;
  margin-bottom: 1em;
  overflow: hidden;
}

.archive.tag #list-page #list article figure .category-badge {
  position: absolute;
  z-index: 10;
  display: block;
  background-color: #fff;
  font-size: 20px;
  line-height: 1;
  padding: 0.5em;
}

.archive.tag #list-page #list article figure .category-badge.projects {
  background-color: #FFFF00;
}

.archive.tag #list-page #list article figure .category-badge.magazine {
  background-color: #FFF;
}

.archive.tag #list-page #list article figure img {
  display: block;
  width: 100%;
  height: auto;
}

.archive.tag #list-page #list article h2,
.archive.tag #list-page #list article h2 a {
  font-size: 20px;
}

.archive.tag #list-page #list article .post-meta .post-subtitle {
  font-size: 13px;
}

.archive.tag #list-page #list article .post-meta .post-date {
  font-size: 13px;
}

.archive.tag #list-page #list article .post-meta .category {
  display: none;
}

.archive.tag #list-page #list article .post-meta .entry-member-avatar {
  display: inline-block;
  width: 24px;
  font-size: 14px;
  line-height: 24px;
  margin: 0 0.5em 0 0;
  border: 2px solid #FFFF00;
  border-radius: 50%;
}

.archive.tag #list-page #list article .post-meta .entry-member-avatar img {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  border-radius: 50%;
}

.archive.tag #list-page #list article .post-meta .entry-member-name1 {
  display: inline-block;
}

.archive.tag #list-page #list article .post-meta .post-member {
  display: inline-block;
  margin: 0 0 0 1.1em;
  font-size: 14px;
}

.archive.tag #list-page #list article .post-meta .post-member img {
  width: 1.7em;
  height: auto;
  margin: 0 0.8em 0 0;
  vertical-align: top;
}

.archive.tag #list-page #list article .post-meta .post-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 1em;
}

.archive.tag #list-page #list article .post-meta .post-tag-list .post-tag a {
  display: block;
  border: 1px solid rgba(255, 255, 0, 1);
  padding: 0.5em;
  font-size: 11px;
  line-height: 1.2;
}

.archive.tag #list-page #list article .entry-snippet {
  display: none;
}

.archive #list-page #list .alm-btn-wrap {
  text-align: center;
}

.archive #list-page #list .alm-load-more-btn {
  display: inline-block;
  background: transparent url(images/icon-arrow2.png) no-repeat right 55% / 1em auto;
  font-family: acumin-pro, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 20px;
  padding: 0 2.1em 0 0;
  border: none;
}

.archive #list-page #list .alm-load-more-btn.done {
  display: none;
}

.archive #list-page #list .alm-load-more-btn:hover {
  background: transparent url(images/icon-arrow2.png) no-repeat right 55% / 1em auto;
  opacity: 0.7;
}



/* not found */
.archive.tag .notfound {
  text-align: center;
  margin: 2em 0;
}

.archive.tag .notfound h2 {
  display: none;
}


/* タブレット */
@media screen and (max-width:960px) {

  .archive.tag #list-page {
    width: 95%;
  }

  .archive.tag #list-page #list {
    width: 100%;
    margin: 0;
  }

  .archive.tag #list-page #list-inner {
    width: 100%;
  }

  .archive.tag #list-page #archive-title {}
}



/* スマホ */
@media screen and (max-width:750px) {

  .archive.tag #archive-title {
    font-size: 25px;
  }

  .archive.tag #archive-title small {
    font-size: 13px;
  }

  .archive.tag .result-info {
    display: block;
    margin: 10vw 0 !important;
  }

  .archive.tag .result-info h2 {
    font-size: 16px;
  }

  .archive.tag #list-page {
    width: 90%;
  }

  .archive.tag #list-page #list {
    display: block;
    margin: 0 0 30px 0;
  }

  .archive.tag #list-page #list-inner,
  .archive.tag #list-page .alm-listing {
    display: block;
    width: 100%;
    margin: 0 0 30px 0;
  }

  .archive.tag #list-page #list-inner article,
  .archive.tag #list-page .alm-listing article {
    width: 100% !important;
    margin: 0 0 10vw 0;
  }

}

/*

.archive.tag .pagination {
  display: none;
}
*/

/* タグで探す */
.archive #search-by-tags,
.tag #search-by-tags,
.author #search-by-tags {
  margin: 2em 0;
  padding: 2em 0;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

.archive #search-by-tags h3,
.tag #search-by-tags h3,
.author #search-by-tags h3 {
  display: inline-block;
  line-height: 1;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #000;
}

.archive #search-by-tags h4,
.tag #search-by-tags h4,
.author #search-by-tags h4 {
  line-height: 1;
  margin-top: 2em;
}

.archive #search-by-tags .tag-list,
.archive #search-by-tags .member-list,
.tag #search-by-tags .tag-list,
.tag #search-by-tags .member-list,
.author #search-by-tags .tag-list,
.author #search-by-tags .member-list {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin: 1em 0 0 0;
}

.archive #search-by-tags .tag-list li a,
.archive #search-by-tags .member-list li a,
.tag #search-by-tags .tag-list li a,
.tag #search-by-tags .member-list li a,
.author #search-by-tags .tag-list li a,
.author #search-by-tags .member-list li a {
  display: block;
  border: 1px solid #D9D9D9;
  padding: 0.5em;
  font-size: 11px;
  line-height: 1.2;
}

/* スマホ */
@media screen and (max-width:750px) {

  .archive #search-by-tags,
  .tag #search-by-tags,
  .author #search-by-tags {
    margin: 10vw 0;
    padding: 10vw 0;
  }

  .archive #search-by-tags h3,
  .tag #search-by-tags h3,
  .author #search-by-tags h3 {
    font-size: 18px;
  }

  .archive #search-by-tags h4,
  .tag #search-by-tags h4,
  .author #search-by-tags h4 {
    font-size: 13px;
  }

}