/*
common.css
*/

/* ../fonts
---------------------------------------- */
@font-face {
  font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Regular.eot");
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Regular.woff2") format("woff2"),
  url("../fonts/YakuHanJPs/YakuHanJPs-Regular.woff") format("woff");
}
@font-face{
    font-family:"TT Norms W01 Regular";
    src:url("../fonts/4f677a10-c30a-4c6d-b04f-eb8ef96e9ec8.eot?#iefix");
    src:url("../fonts/4f677a10-c30a-4c6d-b04f-eb8ef96e9ec8.eot?#iefix") format("eot"),url("../fonts/35406d8e-39ba-4b17-a795-746fd04b670d.woff2") format("woff2"),url("../fonts/0ee99cb6-2e0b-4de2-83c6-8f1f8e107bf1.woff") format("woff"),url("../fonts/f2c5e5b7-c9be-44ce-b46c-1d54e21e6525.ttf") format("truetype");
}
@font-face{
    font-family:"TT Norms W01 Medium";
    src:url("../fonts/08729049-c7b7-497d-9f9a-281379fe700f.eot?#iefix");
    src:url("../fonts/08729049-c7b7-497d-9f9a-281379fe700f.eot?#iefix") format("eot"),url("../fonts/e82f6cee-9013-4a8a-88b7-f588b977558a.woff2") format("woff2"),url("../fonts/dd46c47a-49a0-4615-998d-2943c528e5d0.woff") format("woff"),url("../fonts/c365da06-0e6e-4e9d-b5e0-2b3692ccb21f.ttf") format("truetype");
}
.wf-reg{
  font-family: "TT Norms W01 Regular", YakuHanJPs,  "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Arial, sans-serif;
  font-weight: 400;
}
.wf-med{
  font-family: "TT Norms W01 Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Arial, sans-serif;
  font-weight: 500;
}
/* ==================================================== */
/* B A S E */
/* ==================================================== */
html{
  overflow-y:scroll;
}
body, th, td {
  line-height: 1.8;
  color: #111;
  background: #FFF;
  font-size: 14px;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ",Helvetica, Arial,  sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  letter-spacing: 0.03em;
}
*, *:before, *:after {
  box-sizing: border-box;
}
optgroup {
  font-weight:normal;
}
abbr, acronym {
  border-bottom: 1px dotted #000;
  cursor: help;
}
del {
  text-decoration: line-through;
}
blockquote {
  margin: 1em;
}
h1, h2, h3, h4, h5 {
  line-height: 1.5;
}


/* LINK
---------------------------------------- */
a:link {
  color:#111;
  text-decoration: none;
}
a:visited {
  color:#111;
  text-decoration: none;
}
a:hover {
  color: #111;
  text-decoration: none;
}
a:active {
}
.clear::after {
  content:'';
  display:block;
  clear: both;
}
/* note */
.note {
  color: #555;
  font-size: 12px;
  margin-bottom: 5px;
}
a {
  -webkit-tap-highlight-color:rgba(100, 100, 100, 0.5);
}


/* ==================================================== */
/* MODULE */
/* ==================================================== */
.flex{
  display:flex;
}
.width-full{
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
.width-outer{
  width:100%;
  max-width:1302px;
  padding-left:48px;
  padding-right:48px;
  margin-left:auto;
  margin-right:auto;
}
.width-inner{
  width:100%;
  max-width:1152px;
  padding-left:48px;
  padding-right:48px;
  margin-left:auto;
  margin-right:auto;
}
.forpc{
  display:block;
  visibility: visible;
}
.forsp{
  display:none;
  visibility: hidden;
}
.align-center,
.align-c{
  text-align:center;
}
.align-right,
.align-r{
  text-align:right;
}
.sttl{
  font-family: "TT Norms W01 Regular", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Arial, sans-serif;
  font-weight: 400;
  font-size: 21px;
  margin-bottom:26px;
}
.sttl a{
  transition:color 0.4s ease-out;
}
.sttl a:hover{
  color:#777;
  transition:color 0.2s ease-out;
}
.article-ttl,
.article-sttl{
  font-family: "TT Norms W01 Regular", YakuHanJPs, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Arial, sans-serif;
  font-weight: 400;
  font-size: 21px;
  margin-bottom:20px;
}
.base-content a.is-disabled,
a.is-disabled,
.is-disabled {
  pointer-events: none;
  color: #ccc;
}

.c-togglelist {
  border-top: 1px solid #D8D8D8;
}
.c-togglelist__item {
  min-height: 73px;
  border-bottom: 1px solid #D8D8D8;
}
.c-togglelist__item dt {
  position: relative;
  color: #111;
  padding: 23px 50px 23px 3px;
  cursor: pointer;
  transition: color .2s ease-out;
}
.c-togglelist__item dt:hover {
  color: #666;
}
.c-togglelist__item dt::before,
.c-togglelist__item dt::after {
  content:'';
  display: block;
  background-color: #111;
  position: absolute;
  top: 50%;
}
.c-togglelist__item dt::before {
  right: 16px;
  margin-top: -1px;
  width: 16px;
  height: 2px;
}
.c-togglelist__item dt::after {
  right: 23px;
  margin-top: -8px;
  width: 2px;
  height: 16px;
  transition: opacity .2s ease-out;
}
.c-togglelist__item.is-open dt::after {
  opacity: 0;
}
.c-togglelist__item dd {
  display: none;
  padding-bottom: 32px;
}
.c-togglelist__item dd *:last-child {
  margin-bottom: 0;
}
.c-togglelist__item dd .will-reveal {
  opacity: 1;
  transform: none;
  transition: 0s;
}

.c-creditlist,
.credit {
  margin-bottom:22px;
  font-family: "TT Norms W01 Regular", sans-serif;
  color:#777;
  letter-spacing: 0.03em;
}
.c-creditlist dt,
.c-creditlist dd,
.credit dt,
.credit dd{
  margin-bottom:1px;
  font-size:13px;
}
.c-creditlist dt:last-child,
.c-creditlist dd:last-child,
.credit dt:last-child,
.credit dd:last-child{
  margin-bottom:0;
}
.c-creditlist .item,
.credit .item {
  clear: both;
}
.c-creditlist dt,
.credit dt{
  float:left;
  clear:both;
  max-width:160px;
  padding-right:10px;
  line-height: 1.5;
  margin-top: 2px;
  margin-bottom: 5px;
}
.c-creditlist dt:before,
.credit dt:before {
  content:'';
  display: block;
  clear: both;
}
.c-creditlist dt::after,
.credit dt::after{
  content:':';
  display:inline;
}
.c-creditlist dt.us,
.credit dt.us{
  color:#333;
}
.c-creditlist dt.us + dd,
.credit dt.us + dd{
  color:#333;
}
.c-creditlist dd,
.credit dd{
  margin-left:160px;
}
.c-creditlist dd a,
.credit dd a{
  color:#777;
}
.c-arrowlink {
  transition: opacity .2s ease-out;
}
.c-arrowlink:hover {
  opacity: .6;
}
.c-arrowlink:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-left: 6px;
  background-image: url('../img/assets/arrow-tt.svg');
  background-size: 12px 10px;
}


.credit {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.credit dt {
  width: 160px;
}
.credit dd {
  width: calc(100% - 160px);
  margin: 0;
}
/* base-content==================================================== */
.base-content h1,
.base-content h2,
.base-content h3,
.base-content h4,
.base-content h5,
.base-content h6 {
  margin-top: 2em;
  margin-bottom: 1.1em;
  color: #111;
}
.base-content p {
  margin-bottom: 1.8em;
}
.about p,
.single-content p,
.single-content .wp-block-image{
  margin-bottom: 1.8em;
}
.single-content p a{
  word-break: break-all;
}
.base-content{
  color:#333;
  letter-spacing: 0.06em;
}
.base-content a{
  color:#333;
  text-decoration:underline;
}
.base-content a:hover{
  text-decoration:none;
}
.base-content figcaption,
.base-content .blocks-gallery-grid .blocks-gallery-image figcaption,
.base-content .blocks-gallery-grid .blocks-gallery-item figcaption,
.base-content .wp-block-gallery .blocks-gallery-image figcaption,
.base-content .wp-block-gallery .blocks-gallery-item figcaption {
  font-size: 12px;
}
.base-content .wp-block-image figcaption {
  margin-top: -0.8em;
  margin-bottom: 1em;

}
.base-content .wp-block-embed figcaption {
  /*margin-top: -0.8em;*/
  margin-bottom: 1em;
}
.base-content img {
  margin-bottom: 1em;
}
.base-content p.img {
  text-align: center;
}
.base-content hr {
  width: 30px;
  margin: 60px 0;
}
.base-content .size75 img{
  width: 75%;
}
.base-content .size50 img{
  width: 50%;
}
.base-content .size25 img{
  width: 25%;
}
.base-content .wp-block-image .alignleft {
  display: block;
  float: none;
  margin: 0;
}
.base-content .alignleft img{
  float: left;
  margin-right: 20px;
  margin-bottom: 1em;
}
.base-content .wp-block-image .alignright {
  display: block;
  float: none;
  margin: 0;
}
.base-content .alignright img{
  float: right;
  margin-left: 20px;
  margin-bottom: 1em;
}
.base-content .aligncenter {
  text-align: center;
}
.base-content .wp-block-embed {
  margin-bottom: 1.5em;
}
.wp-block-code code {
  display:block;
  padding: 36px;
  margin-top: 36px;
  margin-bottom: 36px;
  font-family: note monospace,SFMono-Regular,Consolas,Menlo,Courier,monospace;
  line-height: 18px;
  color: #fff;
  white-space: pre-wrap;
  background-color: #444;
  font-size: 12px;
}
.base-content .c-togglelist {
  margin-top: 1.6em;
  margin-bottom: 1.8em;
}
.base-content .c-togglelist + h1,
.base-content .c-togglelist + h2,
.base-content .c-togglelist + h3,
.base-content .c-togglelist + h4,
.base-content .c-togglelist + h5,
.base-content .c-togglelist + h6 {
  margin-top: 2.6em;
}

/* adjust default gutenberg style ==================================================== */
.single-content .blocks-gallery-grid,
.single-content .wp-block-gallery {
  /*display: block;*/
  flex-wrap: nowrap;
}
.single-content .blocks-gallery-grid .blocks-gallery-image,
.single-content .blocks-gallery-grid .blocks-gallery-item,
.single-content .wp-block-gallery .blocks-gallery-image,
.single-content .wp-block-gallery .blocks-gallery-item {
  margin: 0!important;
  display: block;
}
.single-content .blocks-gallery-grid .blocks-gallery-image figure,
.single-content .blocks-gallery-grid .blocks-gallery-item figure,
.single-content .wp-block-gallery .blocks-gallery-image figure,
.single-content .wp-block-gallery .blocks-gallery-item figure {
  display: block;
}
.single-content .blocks-gallery-grid .blocks-gallery-image figcaption,
.single-content .blocks-gallery-grid .blocks-gallery-item figcaption,
.single-content .wp-block-gallery .blocks-gallery-image figcaption,
.single-content .wp-block-gallery .blocks-gallery-item figcaption {
  position: relative;
  color: inherit;
  background: none;
  padding: 6px 0 0;
}

/* unit==================================================== */


/* project-unit==================================================== */
.project-unit.flex{
  flex-wrap:wrap;
  justify-content: space-between;
}
.project-unit .item{
  display:inline-block;
  width: calc(50% - 24px);
  margin-bottom: 48px;
}
.project-unit .item a{
  display:block;
  transition: opacity .2s ease-out;
}
.ua-desktop .project-unit .item a:hover {
  opacity: .8;
}
.project-unit .item img{
  width:100%;
  height:auto;
}
.project-unit .item:nth-child(2n-1){
  margin-right:48px;
}
.project-unit .imgbox{
  position: relative;
  width:100%;
  overflow:hidden;
}
.project-unit .imgbox .lid{
  display:block;
  width:100%;
  height:100%;
  background:transparent;
  position:absolute;
  z-index:2;
  top:0;
  left:0;
}
.project-unit .slide-image-wrapper{
  will-change:transform;
}
.project-unit .imgbox .slide-image:nth-child(n+2){
  width: 100%;
  height: auto;
  position:absolute;
  top:0;
  left:100%;
}
.project-unit .item .metabox{
  padding-top:11px;
}
.project-unit .item .metabox .entry-ttl{
  font-size:16px;
  font-weight:300;
  transition:color 0.4s ease-out;
}
.project-unit .item .metabox .cat{
  display: block;
  margin-top:-2px;
  font-size:13px;
  color:#777;
  line-height: 1.3;
  transition:color 0.4s ease-out;
}
.ua-desktop .project-unit .item a:hover .metabox .entry-ttl,
.project-unit .item a:hover .metabox .cat{
  color:#999;
  transition:color 0.2s ease-out;
}

/* journal-unit==================================================== */
.journal-unit.flex{
  flex-wrap:wrap;
}
.journal-unit .item{
  display:inline-block;
  width: calc(33.3% - 32px);
  margin-bottom: 48px;
  margin-right: 48px;
}
@media screen and (min-width: 1152px){
  .journal-unit .item {
    width: calc(33.4% - 32px);
    max-width: 320px;
  }

}
.journal-unit .item a{
  display: block;
}
.journal-unit .item:nth-child(3n){
  margin-right:0;
}
@media screen and (min-width: 801px){
  .journal-unit .item:nth-child(n+5){
    /*margin-bottom:0;*/
  }
}

.journal-unit .imgbox{
  padding-top: 100%;
  position: relative;
}
.journal-unit .imgbox img{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.journal-unit .metabox{
  margin-top:-13px;
  padding-left:6px;
}
.journal-unit .metabox .date{
  display: inline-block;
  position: relative;
  left:1px;
  z-index: 2;
  padding-left: 7px;
  padding-right: 5px;
  font-size: 14px;
  line-height: 1;
  transition: 260ms ease-in-out;
}
.journal-unit .metabox .date::before{
  content:'';
  display:inline-block;
  width:2px;
  height:22px;
  position:absolute;
  z-index:-1;
  left:0;
  bottom:-4px;
  background:#111;
  transition: width 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.journal-unit .item:hover .metabox .date{
  color:#fff;
}
.journal-unit .item:hover .metabox .date::before{
  width:100%;
  transition: width 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.journal-unit .item .metabox .entry-ttl{
  margin-top:7px;
  font-size:14px;
  font-weight:300;
}
.base-content a.btn-primary{
  text-decoration: none;
}
a.btn-primary{
  display: inline-block;
  margin: 30px auto;
  padding: 8px 16px;
  border: 1px solid #333;
  border-radius: 19px;
  color: #777;
  line-height: 1;
  text-decoration: none;
}


/* PAGENAVI==================================================== */
.wp-pagenavi{
  margin:60px auto 30px;
  font-family: "TT Norms W01 Regular", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Arial, sans-serif;
  font-weight: 400;
  text-align:center;
}
.wp-pagenavi span,
.wp-pagenavi a{
  margin: 0 2px;
  padding: 10px 12px;
  font-size: 15px;
  color:#111;
}
.wp-pagenavi a{
  color:#777;
  transition:color 0.4s ease-out;
}
.wp-pagenavi a:hover{
  color:#111;
  transition:color 0.2s ease-out;
}
.wp-pagenavi a.previouspostslink::before,
.wp-pagenavi a.nextpostslink::after{
  content: '';
  display: inline-block;
  width:12px;
  height:10px;
  background-image:url(../img/assets/arrow-tt.svg);
  background-size:12px 10px;
  background-repeat:no-repeat;
  will-change:opacity;
  opacity: 0.6;
  transition:opacity 0.4s ease-out;
}
.wp-pagenavi a.previouspostslink::before{
  margin-right: 4px;
  vertical-align: middle;
  transform: rotate(180deg);
}
.wp-pagenavi a.nextpostslink::after{
  margin-left: 4px;
  vertical-align: baseline;
}
.wp-pagenavi a.previouspostslink:hover::before,
.wp-pagenavi a.nextpostslink:hover::after{
  opacity:1;
  transition:opacity 0.2s ease-out;
}
.page-body{
  position:relative;
  padding-bottom:172px;
  padding-top:130px;
}
.section-unit{
  margin-bottom:41px;
}
.section-unit .sttl {
  color: #111;
}
.pagenavi{
  margin-top: 88px;
  color:#777;
  text-align: center;
}


/* ==================================================== */
/* L A Y O U T */
/* ==================================================== */

/* HEADER
---------------------------------------- */
.site-logo a{
  display:block;
  padding: 4px 0;
  transition:opacity 0.4s ease-out;
  will-change: opacity;
}
.ua-desktop .site-logo a:hover{
  opacity:0.6;
  transition:opacity 0.2s ease-out;
}
.header{
  position: fixed;
  right: -283px;
  top: 36px;
  z-index: 2;
  transform: rotate(90deg);
  transform-origin: left top;
  backface-visibility: hidden;
}
.header .inner.flex{
  align-items: center;
}
.gnav{
  margin-bottom: 6px;
}
.gnav li{
  margin-left:27px;
}
.gnav li a{
  display:block;
  padding:4px 0 4px;
  font-size:15px;
  color:#777;
  transition: color 0.4s ease-out;
}
.ua-desktop .gnav li a:hover{
  color:#111;
  transition: color 0.2s ease-out;
}

/* H O M E */
/* ==================================================== */
.hero .inner{
  height:800px;
  max-height:100vh;
  background-image:url(../img/assets/hero.jpg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
.hero figure{
  display:none;
}
.site-copy{
  position: relative;
  top: calc(50% - 36px);
  text-align: center;
  font-size: 40px;
  color: #fff;
  letter-spacing: 0.04em;
}
.project-home{
  padding-top: 50px;
  margin-bottom: 116px;
}
.journal-home{
  margin-bottom: 172px;
}
.section-home_morelink {
  margin-top: -2px;
  font-size: 16px;
}


/* P R O J E C T - A R C H I V E */
/* ==================================================== */
.page-title-area.forpc{
  margin-bottom: 20px;
  font-family: "TT Norms W01 Regular", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Arial, sans-serif;
  font-weight: 400;
  font-size: 21px;
}
.page-title-area.forpc h1{
  display:inline-block;
  font-weight: 400;
}
.page-title-area.forpc p::before{
  content:'>';
  display:inline;
  margin-left: 7px;
  margin-right: 7px;
}
.page-title-area.forpc p{
  display:inline-block;
}


/* P R O J E C T - S I N G L E */
/* ==================================================== */

.breadcrumb{
  position: absolute;
  z-index:3;
  top: 32px;
  left: 40px;
}
.breadcrumb li{
  display:inline-block;
  font-size: 15px;
}
.breadcrumb li a{
  transition:color 0.4s ease-out;
}
.ua-desktop .breadcrumb li a:hover,{
  color:#777;
  transition:color 0.2s ease-out;
}
.breadcrumb li::after{
  content: ">";
  display: inline;
  margin-left: 7px;
  margin-right: 3px;
}
.breadcrumb li:last-child::after{
  display:none;
}
.article-nav{
  position: absolute;
  z-index:2;
  top: 64px;
  left: 40px;
}
.article-nav::after{
  content:'';
  display:none;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background:#fff;
}
.article-nav li{
  display:inline-block;
  margin-right: 26px;
  font-size:15px;
}
.ua-desktop .article-nav li a{
  transition:color 0.4s ease-out;
}
.article-nav li a:hover{
  color:#777;
  transition:color 0.2s ease-out;
}
.article-nav li:last-child{
  margin-right:0;
}
.single-eyecatch{
  width:100%;
  margin-bottom:24px;
  /*
  max-width:838px;
  margin-left:auto;
  margin-right:auto;
  padding-left:20px;
  padding-right:20px;
  */
}
.single-eyecatch img{
  width:100%;
  height:auto;
}
.article-ttl{
  margin-bottom:0;
  line-height:1.4;
  color: #111;
}
.article-sttl {
  margin-top: 6px;
  font-size: 14px;
}
.single-content .meta{
  margin-bottom: 20px;
}
.single-content .cat{
  line-height:1.4;
}
.single-content .cat li{
  display:inline-block;
}
.single-content .cat li a{
  color:#777;
  transition:400ms;
}
.single-content .cat li::after{
  content:',';
  display:inline;
  margin-right:4px;
  color:#777;
}
.single-content .cat li:last-child::after{
  display:none;
}
.single-content .base-content p.img,
.single-content .base-content .wp-block-image,
.single-content .base-content .wp-block-gallery{
  margin-bottom: 1em;
  /*padding-top: 6px;
  padding-bottom: 5px;*/
}
.single-content .base-content img{
  max-width:100%;
  height:auto;
}

.single-content .project-image li{
  margin-bottom:30px;
}
.single-content .project-image li:last-child{
  margin-bottom:0px;
}
.single-content .wp-video {
  margin-bottom: 18px;
}
.single-content .wp-video video {
  display: block;
  width: 100%;
  height: auto;
}
.article-nav-bottom{
  display:flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height:100%;
  position: relative;
  margin: 90px auto 0px;
  line-height: 1.3;
  text-align:center;
}
.article-nav-bottom a{
  display:block;
  color:#111;
  font-size:16px;
  text-decoration:none;
  transition:color 0.4s ease-out;
}
.article-nav-bottom .bottom-nav-close{
  display: flex;
  justify-content: stretch;
  align-items: center;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  padding-left: 26px;
  padding-right: 26px;
}
.article-nav-bottom .bottom-nav-close a{
  height:auto;
  padding: 12px 4px;
}
.article-nav-bottom .prev,
.article-nav-bottom .next,
.article-nav-bottom .spacer{
  width:250px;
  position:relative;
}
.article-nav-bottom .prev a,
.article-nav-bottom .next a{
  display: inline-block;
  padding: 4px;
}
.article-nav-bottom .prev{
  margin-left:-4px;
  padding-right: 14px;
  text-align:left;
}
.article-nav-bottom .next{
  margin-right:-4px;
  text-align:right;
  padding-left: 14px;
}
.article-nav-bottom .direction{
  font-size:14px;
  color:#777;
  line-height: 1;
}
.article-nav-bottom .nav-ttl{
  display: block;
  margin-top: 8px;
  font-weight:300;
  color:#333;
  transition:color 0.4s ease-out;
}
.ua-desktop .article-nav-bottom a:hover,
.ua-desktop .article-nav-bottom a:hover .nav-ttl{
  color:#777;
  transition:color 0.2s ease-out;
}
.ua-desktop .article-nav-bottom .prev a:hover::before,
.ua-desktop .article-nav-bottom .next a:hover::after{
  opacity:0.6;
  transition:opacity 0.2s ease-out;
}

.journal-single .article-nav-bottom .bottom-nav-close{
  border-left:none;
  border-right:none;
}
.journal-single .article-nav-bottom .bottom-nav-close a{
  padding: 16px 8px;
  font-size:15px;
}
.journal-single .article-nav-bottom .prev a,
.journal-single .article-nav-bottom .next a{
  padding: 16px 8px;
  transform: translateY(2px);
}
.journal-single .article-nav-bottom .direction{
  color:#111;
  font-size:15px;
  transition:color 0.4s ease-out;
}
.ua-desktop .journal-single .article-nav-bottom a:hover .direction{
  color:#777;
  transition:color 0.2s ease-out;
}
a.btn-primary.editpostlink{
  margin-top:120px;
  transition:opacity 0.4s ease-out;
}
.ua-desktop a.btn-primary.editpostlink:hover{
  opacity:0.6;
  transition:opacity 0.2s ease-out;
}

.base-content .slider-singlepage{
  /*
  margin-bottom: 20px;
  padding-top: 6px;
  padding-bottom: 20px;
  */
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: -5px;
}
.wp-block-gallery.swiper-container .swiper-wrapper{
  transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: transform;
}
.gallery-container{
  position: relative;
  margin-bottom: 18px;
}
.gallery-container .swiper-button-next,
.gallery-container .swiper-button-prev{
  width:44px;
  height:44px;
  opacity:1;
  transition:opacity 0.4s ease-out;
}
.ua-desktop .gallery-container .swiper-button-next:hover,
.ua-desktop .gallery-container .swiper-button-prev:hover{
  opacity:0.6;
  transition:opacity 0.2s ease-out;
}

.gallery-container .swiper-pagination {
  position: relative;
}
.gallery-container .swiper-pagination-bullet-active,
.gallery-container .swiper-pagination-bullet{
  margin: 0 4px;
  background-color:#111;
  transition:opacity 0.4s ease-out;
}

.gallery-container .swiper-button-next,
.gallery-container .swiper-button-prev{
  background-image:url(../img/assets/arrow-slider.png);
  background-size:15px 12px;
  background-position: center center;
  background-repeat: no-repeat;
}
.gallery-container .swiper-button-next{
  right:-44px;
}
.gallery-container .swiper-button-prev{
  left:-44px;
  transform: rotate(180deg);
}

@media screen and (max-width:930px){
  .gallery-container .swiper-button-next{
    right:-20px;
  }
  .gallery-container .swiper-button-prev{
    left:-20px;
  }
}


/* A B O U T */
/* ==================================================== */
.about .preface{
  margin-bottom:30px;
}
.about .map-section{
  margin-bottom:47px;
}
.about .map-section p{
  margin-bottom: 24px;
}
.map-wrap #map-canvas{
  height: 500px;
  margin-bottom: 10px;
}
.map-wrap .move-gmap{
  float: right;
  text-align: right;
}
.about .map-section .gmap-link{
  font-size:12px;
  margin-bottom:0;
}
.about .map-section .gmap-link a{
	transition:400ms;
}
.about .map-section .gmap-link a::after{
	content: '';
	display: inline-block;
	width: 10px;
	height: 9px;
	margin-left: 4px;
	vertical-align: baseline;
  background-image: url(../img/assets/arrow-slant.svg);
  background-size: 10px 9px;
  background-repeat: no-repeat;
  will-change: opacity;
  opacity: 0.8;
	transition: 400ms;
}
.about .map-section .gmap-link a:hover{
	color:#777;
}
.about .map-section .gmap-link a:hover::after{
	opacity:0.6;
}
.occupation-dl dd{
  margin-bottom:19px;
  color:#777;
}
.occupation-dl dd:last-child{
  margin-bottom:0;
}
table.company th{
  padding: 0px 167px 20px 0;
  font-weight: 300;
  text-align: left;
  color:#777;
}
table.company td{
  padding: 0px 0px 20px 0;
  color: #111;
  text-align: left;
}
table.company td h2{
  font-weight:300;
}
table.company tr:last-child th,
table.company tr:last-child td{
  padding-bottom:0;
}
#contact{
  margin-top:-30px;
  padding-top:30px;
}
.wpcf7-form:after{
  content:'';
  display:block;
  clear:both;
}
.wpcf7 .wpcf7-text,
.wpcf7 .wpcf7-textarea{
  padding: 9px 11px;
  font-size: 16px;
  width: 100%;
  display: block;
}
.wpcf7-form .form-half{
  width:50%;
  margin-bottom:35px;
}
.wpcf7-form .form-half:last-child{
  margin-bottom:0;
}
.wpcf7-form .form-full{
  width:100%;
      margin-bottom: 35px;
}
.wpcf7 .wpcf7-textarea{
  border:1px solid #ccc;
}
.wpcf7 .wpcf7-submit{
  -webkit-appearance: none;
  display: block;
  width: 100%;
  height: 44px;
  padding: 9px 8px;
  border-radius:0;
  border:1px solid #111;
  color: #111;
  font-family:inherit;
  font-size: 16px;
  background: #fff;
  cursor: pointer;
  transition:400ms;
}
/* F O O T E R */
/* ==================================================== */
.footer{
  position:relative;
  padding-bottom:36px;
}
.footer{
  width:100%;
  padding-left:40px;
  padding-right:40px;
}
.footer-box{
  width: calc(25% - 31.5px);
  max-width: 378px;
  margin-right: 42px;
}
@media screen and (min-width: 801px) {
  .footer-box:last-child {
    margin-right: 0;
    padding-right: 0;
    position: absolute;
    top: 0;
    right: 40px;
    text-align: right;
  }
  @media screen and (max-width: 940px) {
    .footer-box:last-child {
      text-align: left;
      position: relative;
      right: 0;
    }
  }

}

.footer-title h4{
  font-weight:300;
}
.footer-title-link{
  transition:400ms;
}
.footer-title-link.disabled{
  pointer-events: none;
}
.footer-title-link:hover{
  color:#777;
}
.footer-nav.flex{
  width:100%;
  justify-content: flex-start;
}
.footer-nav > li{
  width:22%;
  margin-right:4%;
  letter-spacing:normal;
}
.footer-nav li a{
  color:#111;
  padding:4px 0px;
}
.footer-nav li:last-child{
  margin-right:0%;
}
/*
.footer-box.contact a:last-of-type::after{
  content: '';
  display: inline-block;
  width:11px;
  height:9px;
  margin-left: 6px;
  vertical-align: baseline;
  background-image:url(../img/assets/arrow-tt.svg);
  background-size:11px 9px;
  background-repeat:no-repeat;
  will-change:opacity;
  opacity: 1;
  transition:opacity 0.4s ease-out;
}
*/
.footer-box.contact a{
  color:#111;
  transition:color 0.4s ease-out;
}
.footer-box.contact a:hover{
  color:#777;
  transition:color 0.2s ease-out;
}
.footer-box.contact a:hover::after{
  opacity:0.6;
  transition:opacity 0.2s ease-out;
}
.footer-nav .social li{
  display:inline-block;
}
.footer-nav .social li a{
  transition: color 0.4s ease-out;
}
.ua-desktop .footer-nav .social li a:hover{
  color:#777;
  transition: color 0.2s ease-out;
}
.footer-nav .social li::after{
  content:' / ';
  display:inline;
}
.footer-nav .social li:last-child::after{
  display:none;
}
i.arrow::before{
  content: '';
  display: inline-block;
  width: 12px;
  height: 6px;
  margin-left: 8px;
  background-image: url(../img/assets/arrow.svg);
  background-repeat: no-repeat;
  background-size: 12px 6px;
}
.nav-footer li,
.sns-footer li{
  margin-right:20px;
}
.nav-footer li a,
.sns-footer li a{
  display:block;
  line-height:1;
  font-size: 15px;
}
.nav-footer{
  float:left;
}
.sns-footer li:first-child{
  padding-left:20px;
  border-left:1px solid #555;
}
.copyrights{
  position: absolute;
  right: 0;
  top: 0;
  margin-bottom: 0;
  font-size: 15px;
}

/* ==================================================== */
/* S T A T E */
/* ==================================================== */
#article-nav{
  opacity:1;
}
body.scrolled #article-nav{
  opacity:1;
  transition:0ms;
  position:fixed;
  top:30px;
}
.menu-icon{
  display:none;
}
.menu{
  display:none;
}
.wpcf7 .wpcf7-text,
.wpcf7 .wpcf7-textarea{
  border:1px solid #ccc;
  border-radius:0;
  -webkit-appearance:none;
  transition:400ms;
}
.wpcf7 .wpcf7-text:focus,
.wpcf7 .wpcf7-textarea:focus{
  outline:none;
  border:1px solid #111;
}
.wpcf7 .wpcf7-submit:hover{
  background:#111;
  color:#fff;
  border:1px solid #111;
}
.wpcf7 .wpcf7-submit:focus{
  outline:none;
}
.gnav li.current a{
  color:#111;
}
@media screen and (min-width: 800px){
  .page-title-area.forpc a{
    transition:400ms;
  }
  .page-title-area.forpc a:hover{
    color:#777;
  }


  .single-content .cat li a:hover{
    color:#111;
  }

}
.will-reveal{
  opacity:0;
  transform: translateY(20px);
  will-change: transform;
}
.will-reveal.revealed{
  opacity:1;
  transform:translateY(0px);
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);/*easeoutquart*/
}
div.wpcf7-response-output{
  margin:30px 0!important;
  padding: 8px 8px!important;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing{
  border: 1px solid #f7e700!important;
}
#contactus{
  margin-top: -30px;
  padding-top: 30px;
}
.disabled{
  pointer-events:none;
}
a.tel-link{
  color:#111;
  pointer-events:none;
}
.flash .f{
  opacity:0;
}
.hero{
  opacity:0;
}

div.wpcf7 form.invalid .wpcf7-response-output,
div.wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: #dc3232;
}
/* reCAPTCHAのバッジを非表示に */
.grecaptcha-badge { visibility: hidden; }
.recaptcha-alttext {
  color: #999;
  font-size: 12px;
}
.recaptcha-alttext a {
  transition: color .2s ease-out;
}
.recaptcha-alttext a:hover {
  color: #777;
}