@charset "UTF-8";
@import url("global.css");
/* ---------- archive ---------- */
#categorynavi {
  display: flex;
  align-items: center;
  width: fit-content;
  max-width: 1000px;
  margin: 0 auto 100px;
  background-color: #F5F3F0;
  padding: 25px 50px 25px 15px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#categorynavi .navititle {
  padding: 20px 35px;
  font-size: clamp(12px, 1.5vw, 18px);
  font-weight: bold;
  font-family: "Outfit", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
  white-space: nowrap;
}
#categorynavi ul.worksnavi {
  padding-left: 30px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
#categorynavi ul.worksnavi:has(.voicetag) li:nth-last-child(2)::after {
  content: "";
  margin: 0 22px 0 0;
}
#categorynavi ul.worksnavi::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #C9C9CB;
}
#categorynavi ul.worksnavi li {
  margin: 5px 0;
}
#categorynavi ul.worksnavi li::after {
  content: "/";
  display: inline-block;
  margin: 0 16px;
}
#categorynavi ul.worksnavi li:last-child::after {
  content: "";
  margin: 0 22px 0 0;
}
#categorynavi ul.worksnavi li a {
  display: inline-block;
  white-space: nowrap;
  padding: 5px 0;
  font-weight: 500;
}
@media (any-hover: hover) {
  #categorynavi ul.worksnavi li a:hover {
    color: #A49375;
  }
}
#categorynavi ul.worksnavi li.voicetag::after {
  display: none;
}
#categorynavi ul.worksnavi li.voicetag a {
  background-color: #A49375;
  color: #FFF;
  padding: 5px 45px;
  position: relative;
}
#categorynavi ul.worksnavi li.voicetag a::before, #categorynavi ul.worksnavi li.voicetag a::after {
  content: "";
  position: absolute;
}
#categorynavi ul.worksnavi li.voicetag a::before {
  top: 0;
  bottom: 0;
  left: 5px;
  max-width: 38px;
  width: 100%;
  background: url("../img/icon_voice.jpg") no-repeat center center;
  background-size: contain;
}
#categorynavi ul.worksnavi li.voicetag a::after {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\f061";
  right: 10px;
  margin-top: 1px;
  line-height: 1;
  font-family: 'Font Awesome 6 free','Font Awesome 6 Brands';
  font-weight: 900;
  font-size: .87em;
}

.category_title {
  text-align: center;
  margin-bottom: 80px;
}
.category_title .ja {
  font-size: clamp(18px, 2.1vw, 24px);
  font-weight: bold;
}

.workslist {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -24px;
}
.workslist li {
  width: calc( 100% / 3 );
  padding: 0 24px 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.workslist li a {
  display: block;
}
@media (any-hover: hover) {
  .workslist li a:hover .thumb .img::before {
    opacity: 1;
  }
  .workslist li a:hover .thumb .img::after {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .workslist li a:hover .thumb .img img {
    filter: blur(3px);
  }
}
.workslist li a .thumb {
  width: 100%;
  height: 0;
  padding-top: 67.7%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.workslist li a .thumb .img {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  overflow: hidden;
}
.workslist li a .thumb .img::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(48, 48, 48, 0.5);
  transition: all 0.5s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  opacity: 0;
}
.workslist li a .thumb .img::after {
  content: "詳しくみる";
  font-size: .85em;
  font-weight: 500;
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  left: 3vw;
  right: 3vw;
  margin: 0 auto;
  width: fit-content;
  padding: 3px 15px;
  border: #FFF solid 1px;
  color: #FFF;
  transition: all 0.5s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  opacity: 0;
}
.workslist li a .thumb .img img {
  transition: all 0.5s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.workslist li a .thumb .icon {
  position: absolute;
  z-index: 4;
  right: 10px;
  bottom: -40px;
  text-align: center;
}
.workslist li a .thumb .icon img {
  margin: 0 auto;
  width: 48px;
  height: 48px;
  border: #FFF solid 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.workslist li a .thumb .icon::after {
  content: "お客様の声";
  display: block;
  font-size: .7em;
  font-weight: 500;
  color: #A49375;
  line-height: 1;
  letter-spacing: 0;
  margin-top: 2px;
}
.workslist li a .text {
  margin: 25px 10px 0;
}
.workslist li a .text .posttitle {
  font-weight: bold;
  line-height: 1.3;
}
.workslist li a .text .postcat {
  margin-top: 10px;
  display: flex;
  font-size: .8125em;
}
.workslist li a .text .postcat .office {
  margin-right: 15px;
}
.workslist li a .text .postcat .office span {
  display: block;
  width: fit-content;
  border: #5A5657 solid 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 10px;
  white-space: nowrap;
}
.workslist li a .text .postcat .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.workslist li a .text .postcat .tags span {
  display: block;
  font-weight: 500;
  white-space: nowrap;
}
.workslist li a:has(.thumb .icon) .text .posttitle {
  padding-right: 70px;
}

/* ---------- single ---------- */
#post .postinfo {
  position: relative;
}
#post .postinfo .info_ph {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  -webkit-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  border-bottom-left-radius: 7px;
  overflow: hidden;
}
#post .postinfo > .wrapper {
  min-height: 780px;
  display: flex;
}
#post .postinfo .info_text {
  padding: 90px 4vw 0 0;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
#post .postinfo .info_text .posttitle {
  font-size: clamp(20px, 2.7vw, 35px);
  font-weight: bold;
  line-height: 1.5;
}
#post .postinfo .info_text .postcat {
  margin: 30px 0 50px;
  display: flex;
}
#post .postinfo .info_text .postcat .office {
  margin-right: 15px;
}
#post .postinfo .info_text .postcat .office span {
  display: block;
  width: fit-content;
  border: #5A5657 solid 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 10px;
  white-space: nowrap;
}
#post .postinfo .info_text .postcat .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: .92em;
}
#post .postinfo .info_text .postcat .tags span {
  display: block;
  font-weight: 500;
  white-space: nowrap;
}
#post .postinfo .info_text .postcomments {
  margin-bottom: 50px;
  text-align: justify;
  font-weight: 500;
}
#post .postinfo .info_text .postcomments p + p {
  margin-top: 1em;
}
#post .postinfo .info_text .info_data {
  margin-top: auto;
  border-top: #A49375 solid 1px;
  border-bottom: #A49375 solid 1px;
  padding: 25px 15px;
}
#post .postinfo .info_text .info_data > p.en {
  color: #A49375;
  font-size: clamp(14px, 1.6vw, 20px);
  font-weight: bold;
  line-height: 1;
  margin-bottom: 1em;
}
#post .postinfo .info_text .info_data > dl {
  font-weight: 500;
  display: flex;
}
#post .postinfo .info_text .info_data > dl dt {
  width: 100px;
}
#post #postbody {
  margin: 100px auto 120px;
}
#post #works-voice {
  margin-bottom: 100px;
  background-color: #F5F3F0;
  padding: 80px 0;
}
#post #works-voice .voice-title {
  display: flex;
  align-items: baseline;
  margin-bottom: 60px;
}
#post #works-voice .voice-title span {
  display: block;
  font-weight: 500;
  line-height: 1;
}
#post #works-voice .voice-title .en {
  margin-right: 20px;
  font-size: clamp(18px, 2.7vw, 40px);
}
#post #works-voice .voice-title .en::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 3px 0;
  width: 5px;
  height: 5px;
  background-color: #E6001A;
}
#post #works-voice .voice-title .ja {
  font-size: clamp(14px, 1.6vw, 20px);
  color: #6B6B6B;
}
#post #works-voice .voicebody p + p {
  margin-top: 1em;
}

/* ---------- Photo-PageNavi ---------- */
#ph_pagenavi {
  margin: 100px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#ph_pagenavi .pageback {
  margin: 0;
  order: 2;
  width: 20%;
}
#ph_pagenavi .prev, #ph_pagenavi .next {
  width: 25%;
}
#ph_pagenavi .prev a, #ph_pagenavi .next a {
  display: flex;
  justify-content: space-between;
}
#ph_pagenavi .prev a .img, #ph_pagenavi .next a .img {
  width: 37%;
}
#ph_pagenavi .prev a .img .img_inner, #ph_pagenavi .next a .img .img_inner {
  width: 100%;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
  position: relative;
}
#ph_pagenavi .prev a .img .img_inner img, #ph_pagenavi .next a .img .img_inner img {
  position: absolute;
  left: 0;
  top: 0;
}
#ph_pagenavi .prev a .text, #ph_pagenavi .next a .text {
  padding-top: 15px;
  width: 58%;
  display: flex;
}
#ph_pagenavi .prev a .text .text_inner, #ph_pagenavi .next a .text .text_inner {
  width: 100%;
}
#ph_pagenavi .prev a .text .text_inner .en, #ph_pagenavi .next a .text .text_inner .en {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 20px;
}
#ph_pagenavi .prev a .text .text_inner .en::before, #ph_pagenavi .next a .text .text_inner .en::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background-color: #E3E3E3;
}
#ph_pagenavi .prev a .text .text_inner .en span, #ph_pagenavi .next a .text .text_inner .en span {
  display: inline-block;
  letter-spacing: 0;
  font-family: "Outfit", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
  font-weight: 500;
  color: #5A5657;
}
#ph_pagenavi .prev a .text .text_inner .title, #ph_pagenavi .next a .text .text_inner .title {
  margin-top: 10px;
  text-align: justify;
  line-height: 1.4;
  font-weight: 500;
}
#ph_pagenavi .prev {
  order: 1;
}
#ph_pagenavi .prev a .text .text_inner .en::before {
  left: 35px;
}
#ph_pagenavi .next {
  order: 3;
}
#ph_pagenavi .next a {
  flex-direction: row-reverse;
}
#ph_pagenavi .next a .text .text_inner .en {
  justify-content: flex-end;
}
#ph_pagenavi .next a .text .text_inner .en::before {
  right: 35px;
}

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 ( 1600px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1600px) {
  .workslist {
    margin: 0 -15px;
  }
  .workslist li {
    padding: 0 15px 45px;
  }

  /* ---------- single ---------- */
  #post .postinfo > .wrapper {
    min-height: 640px;
  }
  #post .postinfo .info_text {
    padding: 65px 4vw 0 0;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 1300px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1300px) {
  /* ---------- archive ---------- */
  #categorynavi {
    margin: 0 auto 80px;
    padding: 20px 35px 20px 10px;
  }
  #categorynavi .navititle {
    padding: 20px 30px;
  }
  #categorynavi ul.worksnavi li {
    margin: 4px 0;
  }
  #categorynavi ul.worksnavi li::after {
    margin: 0 12px;
  }
  #categorynavi ul.worksnavi li a {
    padding: 4px 0;
  }
  #categorynavi ul.worksnavi li.voicetag a {
    padding: 3px 40px 3px 35px;
  }
  #categorynavi ul.worksnavi li.voicetag a::before {
    max-width: 32px;
  }

  .category_title {
    margin-bottom: 60px;
  }

  .workslist {
    margin: 0 -12px;
  }
  .workslist li {
    padding: 0 12px 40px;
  }
  .workslist li a .thumb .icon {
    right: 5px;
    bottom: -35px;
  }
  .workslist li a .thumb .icon img {
    width: 40px;
    height: 40px;
  }
  .workslist li a .text {
    margin: 20px 5px 0;
  }
  .workslist li a .text .postcat .office {
    margin-right: 10px;
  }
  .workslist li a .text .postcat .office span {
    padding: 0 8px;
  }
  .workslist li a .text .postcat .tags {
    gap: 8px;
  }
  .workslist li a:has(.thumb .icon) .text .posttitle {
    padding-right: 60px;
  }

  /* ---------- single ---------- */
  #post .postinfo > .wrapper {
    min-height: 600px;
  }
  #post .postinfo .info_text {
    padding: 40px 3vw 0 0;
  }
  #post .postinfo .info_text .postcat {
    margin: 20px 0 35px;
  }
  #post .postinfo .info_text .postcat .office {
    margin-right: 10px;
  }
  #post .postinfo .info_text .postcat .office span {
    padding: 0 8px;
  }
  #post .postinfo .info_text .postcat .tags {
    gap: 8px;
  }
  #post .postinfo .info_text .postcomments {
    margin-bottom: 35px;
  }
  #post .postinfo .info_text .info_data {
    padding: 25px 10px;
  }
  #post #postbody {
    margin: 100px auto 120px;
  }
  #post #works-voice {
    padding: 65px 0;
  }
  #post #works-voice .voice-title {
    margin-bottom: 50px;
  }
  #post #works-voice .voice-title .en {
    margin-right: 15px;
  }
  #post #works-voice .voice-title .en::before {
    margin: 0 12px 3px 0;
  }

  /* ---------- Photo-PageNavi ---------- */
  #ph_pagenavi {
    margin: 80px 0 100px;
    flex-wrap: wrap;
  }
  #ph_pagenavi .pageback {
    order: 1;
    width: 100%;
    margin-bottom: 30px;
  }
  #ph_pagenavi .pageback a {
    min-width: 0;
  }
  #ph_pagenavi .prev, #ph_pagenavi .next {
    width: 48%;
  }
  #ph_pagenavi .prev a .img, #ph_pagenavi .next a .img {
    width: 30%;
  }
  #ph_pagenavi .prev a .text, #ph_pagenavi .next a .text {
    padding-top: 0;
    width: 66%;
  }
  #ph_pagenavi .prev {
    order: 2;
  }
  #ph_pagenavi .next {
    order: 3;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 959px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  /* ---------- archive ---------- */
  #categorynavi {
    margin: 0 auto 65px;
    padding: 20px 30px 20px 10px;
  }
  #categorynavi .navititle {
    padding: 20px;
  }
  #categorynavi ul.worksnavi {
    padding-left: 20px;
  }
  #categorynavi ul.worksnavi li {
    margin: 2px 0;
  }
  #categorynavi ul.worksnavi li::after {
    margin: 0 10px;
  }
  #categorynavi ul.worksnavi li a {
    padding: 4px 0;
  }
  #categorynavi ul.worksnavi li.voicetag a {
    padding: 3px 30px;
  }
  #categorynavi ul.worksnavi li.voicetag a::before {
    left: 3px;
    max-width: 26px;
  }
  #categorynavi ul.worksnavi li.voicetag a::after {
    margin-top: 0;
    font-size: .8em;
  }

  .category_title {
    margin-bottom: 50px;
  }

  .workslist {
    margin: 0 -15px;
  }
  .workslist li {
    width: calc( 100% / 2 );
    padding: 0 15px 40px;
  }
  .workslist li a .text {
    margin: 15px 5px 0;
  }
  .workslist li a .text .postcat .tags {
    gap: 6px;
  }

  /* ---------- single ---------- */
  #post .postinfo {
    position: static;
  }
  #post .postinfo .info_ph {
    position: static;
    width: 100%;
    height: 560px;
    background-color: #F5F3F0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  #post .postinfo .info_ph img.objectfit {
    object-fit: contain;
  }
  #post .postinfo > .wrapper {
    min-height: 0;
    display: block;
  }
  #post .postinfo .info_text {
    padding: 35px 0 0;
    width: auto;
    display: block;
  }
  #post .postinfo .info_text .postcat .tags {
    gap: 6px;
  }
  #post .postinfo .info_text .info_data > dl dt {
    width: 90px;
  }
  #post #postbody {
    margin: 80px auto 90px;
  }
  #post #works-voice {
    margin-bottom: 80px;
    padding: 60px 0;
  }
  #post #works-voice .voice-title {
    margin-bottom: 35px;
  }
  #post #works-voice .voice-title .en::before {
    margin: 0 10px 3px 0;
  }

  /* ---------- Photo-PageNavi ---------- */
  #ph_pagenavi {
    margin: 65px 0 90px;
  }
  #ph_pagenavi .prev a .text .text_inner .title, #ph_pagenavi .next a .text .text_inner .title {
    margin-top: 0;
  }
  #ph_pagenavi .prev a .text .text_inner .en::before {
    left: 35px;
  }
  #ph_pagenavi .next a .text .text_inner .en::before {
    right: 35px;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-4 ( 644px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  /* ---------- archive ---------- */
  #categorynavi {
    display: block;
    width: auto;
    margin: 0 auto 50px;
    padding: 15px 20px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
  #categorynavi .navititle {
    text-align: center;
    padding: 0 10px 8px;
    font-size: 18px;
  }
  #categorynavi ul.worksnavi {
    padding: 15px 5px 0;
  }
  #categorynavi ul.worksnavi::before {
    bottom: auto;
    width: auto;
    right: 0;
    height: 1px;
  }
  #categorynavi ul.worksnavi:has(.voicetag) li:nth-last-child(2)::after {
    margin: 0 10px 0 0;
  }
  #categorynavi ul.worksnavi li {
    margin: 0 0 10px;
  }
  #categorynavi ul.worksnavi li::after {
    margin: 0 7px;
  }
  #categorynavi ul.worksnavi li:last-child::after {
    margin: 0 10px 0 0;
  }
  #categorynavi ul.worksnavi li a {
    padding: 0;
  }
  #categorynavi ul.worksnavi li.voicetag {
    margin: 0;
  }
  #categorynavi ul.worksnavi li.voicetag a {
    padding: 0 30px 0 26px;
  }
  #categorynavi ul.worksnavi li.voicetag a::before {
    left: 2px;
    max-width: 22px;
  }
  #categorynavi ul.worksnavi li.voicetag a::after {
    right: 7px;
    margin-top: 0;
  }

  .category_title {
    margin-bottom: 35px;
  }

  .workslist {
    display: block;
    margin: 0;
  }
  .workslist li {
    width: 100%;
    padding: 0 0 35px;
  }
  .workslist li a .thumb .img {
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .workslist li a .thumb .icon {
    right: 0;
    bottom: -25px;
  }
  .workslist li a .thumb .icon img {
    width: 32px;
    height: 32px;
    border-width: 1px;
  }
  .workslist li a .text {
    margin: 10px 5px 0;
  }
  .workslist li a .text .postcat {
    margin-top: 7px;
  }
  .workslist li a .text .postcat .office {
    margin-right: 8px;
  }
  .workslist li a .text .postcat .office span {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 6px;
  }
  .workslist li a .text .postcat .tags {
    gap: 4px;
  }
  .workslist li a:has(.thumb .icon) .text .posttitle {
    padding-right: 40px;
  }

  /* ---------- single ---------- */
  #post .postinfo .info_ph {
    height: 400px;
  }
  #post .postinfo .info_text {
    padding: 25px 0 0;
  }
  #post .postinfo .info_text .postcat {
    margin: 15px 0 25px;
  }
  #post .postinfo .info_text .postcat .office {
    margin-right: 8px;
  }
  #post .postinfo .info_text .postcat .office span {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 6px;
  }
  #post .postinfo .info_text .postcat .tags {
    gap: 4px;
  }
  #post .postinfo .info_text .postcomments {
    margin-bottom: 25px;
  }
  #post .postinfo .info_text .postcomments p + p {
    margin-top: .6em;
  }
  #post .postinfo .info_text .info_data {
    padding: 15px 5px;
  }
  #post .postinfo .info_text .info_data > p.en {
    margin-bottom: .7em;
  }
  #post .postinfo .info_text .info_data > dl dt {
    width: 80px;
  }
  #post #postbody {
    margin: 50px auto 60px;
  }
  #post #works-voice {
    margin-bottom: 50px;
    padding: 40px 0;
  }
  #post #works-voice .voice-title {
    margin-bottom: 20px;
  }
  #post #works-voice .voice-title .en {
    margin-right: 10px;
  }
  #post #works-voice .voice-title .en::before {
    margin: 0 8px 3px 0;
    width: 4px;
    height: 4px;
  }
  #post #works-voice .voicebody p + p {
    margin-top: .7em;
  }

  /* ---------- Photo-PageNavi ---------- */
  #ph_pagenavi {
    margin: 45px 0 65px;
    display: block;
  }
  #ph_pagenavi .prev, #ph_pagenavi .next {
    width: 100%;
    margin-top: 25px;
  }
}

/*# sourceMappingURL=works.css.map */