@charset "utf-8";
.inner{
  margin:0 auto;
  padding:0 80px;
}
.sp{
  display:none;
}

#wrap{
}

header{
  width:100%;
  padding-top:36px;
  padding-bottom:10px;
  position:fixed;
  top:0;
  left:0;
  z-index:100;
}
body.customize-support header{
  top:32px;
}
header .inner{
  flex-wrap:nowrap;
}
header #logo{
  object-position: 50% 50%;
  width: 378px;
  height: 35px;
  object-fit: cover;
  -webkit-transition:all 2.0s ease-in-out;
  -moz-transition:all 2.0s ease-in-out;
  -ms-transition:all 2.0s ease-in-out;
  transition:all 2.0s ease-in-out;
}
header #logo img{
  vertical-align:top;
}
header.wh #logo img{
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -o-filter: invert(100%);
  -ms-filter: invert(100%);
  filter: invert(100%);
}
header.wh nav a{
  color:#fff;
}
header #menu{
  display:none;
}

footer{
}
footer .inner{
  padding:100px 80px 20px;
  font-size:10px;
  text-align:right;
}

nav{
}
nav .inner{
  padding:0;
}
nav .row{
  justify-content:flex-end;
}
nav ul li{
  margin-left:20px;
  font-size:15px;
  line-height:1.2;
}
nav ul li a:hover{
  text-decoration:none;
}
nav #close,
nav #sns{
  display:none;
}

#main{
  width:100%;
  height:100vh;
  overflow:hidden;
  position:relative;
  z-index:0;
}
#main #slides{
  position:relative;
}
#main .slide{
  width:100%;
  height:100vh;
}
#main .slide img{
  width:100%;
  height:100vh;
  max-width:inherit;
  object-fit: cover;
}
#main .copy{
  padding:20px;
  color:#fff;
  font-size:10px;
  position:absolute;
  bottom:0;
  right:0;
}

#contents{
}
#contents .inner{
  padding-top:140px;
}
#contents .post,
#contents .page{
  max-width:600px;
}
#contents .entry .post{
  padding-bottom:100px;
}
#contents h1.ttl{
  font-size:18px;
  font-weight:normal;
}
#contents .works h1.ttl{
  margin-bottom:40px;
}
#contents h2{
  font-size:18px;
  font-weight:normal;
  line-height:1.4;
}
#contents h3{
  font-size:16px;
  font-weight:normal;
  line-height:1.4;
}
#contents h4,
#contents h5,
#contents h6{
  font-size:14px;
  font-weight:normal;
  line-height:1.4;
}
#contents p{
  line-height: 2.2em;
}
#contents .post p{
  margin-bottom:1.0rem;
}
#contents .page p{
}
#contents .post :last-child,
#contents .page :last-child{
  margin-bottom:0;
}
#contents iframe{
  margin:10px 0;
  vertical-align: bottom;
}
.works{
  font-size:12px;
  align-items:flex-start;
}
.works .list{
  width:88%;
  /*max-width:844px;*/
  margin:0 auto;
}
.works .wp-block-image,
.wp-block-video,
.works .blocks-gallery-grid .blocks-gallery-image,
.works .blocks-gallery-grid .blocks-gallery-item,
.works .wp-block-gallery .blocks-gallery-image,
.works .wp-block-gallery .blocks-gallery-item{
  margin-bottom:100px;
}
.works .wp-block-columns{
  /*max-width:844px;*/
  margin:0 auto 100px;
}
.blocks-gallery-grid,
.wp-block-gallery{
  width:100%;
}
.works .wp-block-columns .wp-block-column{
}
.works .wp-block-columns .wp-block-image,{
  margin-bottom:0;
}
.works .blocks-gallery-grid .blocks-gallery-image figure, 
.works .blocks-gallery-grid .blocks-gallery-item figure, 
.works .wp-block-gallery .blocks-gallery-image figure, 
.works .wp-block-gallery .blocks-gallery-item figure{
  flex-flow: column;
}
.works .blocks-gallery-grid .blocks-gallery-image figcaption, 
.works .blocks-gallery-grid .blocks-gallery-item figcaption, 
.works .wp-block-gallery .blocks-gallery-image figcaption, 
.works .wp-block-gallery .blocks-gallery-item figcaption{
  bottom: inherit;
  top: 100%;
  background: none;
  color: #000;
  font-size: 1.0rem;
  text-align: right;
  padding: 5px 0;

}

#contents .works.row .entry{
  width:47.31183%;
  max-width:inherit;
  margin-bottom:30px;
}
.works.row .entry .title{
  margin-top:8px;
  font-size:12px;
}
.works.row .entry .thumbnail{
  overflow:hidden;
  position:relative;
}
.works.row .entry img{
  width:100%;
  height:22vw;
  max-width:inherit;
  object-fit: cover;
}
.works.row .entry a:hover{
  text-decoration:none;
}
.works.row .entry a:hover img{
  opacity:0.7;
}
.return{
  margin-top:40px;
}

.navi{
  width:100%;
  position:fixed;
  top:0;
  left:0;
}
.navi .prev,
.navi .next{
  width:32px;
  height:32px;
  color:#999;
  font-size:32px;
  font-weight:bold;
  line-height:1.0;
  overflow:hidden;
  position:fixed;
  top:50%;
  margin-top:-16px;
  /*transform:scaleY(2.0);*/
}
.navi .prev a,
.navi .next a{
  width:32px;
  height:0;
  padding-top:32px;
  display:block;
}
.navi .prev{
  left:20px;
}
.navi .next{
  right:20px;
}
.navi .prev a:hover,
.navi .next a:hover{
  color:#333;
  text-decoration:none;
}
.navi .prev a:before,
.navi .next a:before{
  content:"";
  width:16px;
  height:16px;
  display:block;
  position:absolute;
  top:8px;
}
.navi .prev a:before{
  border-left:1px solid #000;
  border-bottom:1px solid #000;
  transform:rotate(45deg);
  right:4px;
}
.navi .next a:before{
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(-45deg);
  left:4px;
}

#more-button {
  background: #eee;
  height: 56px;
  margin: 40px 0 0;
  width: 100%;
  display:none;
}

.scroller-status {
  display: none;
  margin-top: 40px;
}

.infinite-scroll-request {
  animation: scroll-request 1.1s infinite linear;
  border: 4px solid #ccc;
  border-left: 4px solid #fff;
  border-radius: 50%;
  height: 24px;
  margin: auto;
  width: 24px;
  color:#fff;
}

@keyframes scroll-request {
  0% {
    transform: rotate(0deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

.infinite-scroll-last,
.infinite-scroll-error {
  color: #757575;
  text-align: center;
}
.infinite-scroll-last{
  opacity:0;
}

.mw_wp_form_input p.confirm,
.mw_wp_form_confirm p.input{
  display:none;
}
.mw_wp_form_input p.input{
  margin-bottom:10px;
}
.mw_wp_form_complete p{
  margin-bottom:30px;
  font-size:12px;
}

form{
  font-size:12px;
}
form i{
  color:#f00;
}
form table{
  width:100%;
  max-width:600px;
  margin-bottom:15px;
}
form th{
  width:20%;
  padding:15px 0;
  text-align:left;
  font-weight:normal;
  line-height: 5;
  vertical-align:top;
}
form th i{
  margin-left:-0.5em;
}
.mw_wp_form_confirm form th{
  padding:30px 0;
  line-height: 1.6;
}
form td{
  width:80%;
  padding:15px 0;
}
.mw_wp_form_confirm form td{
  padding:30px 0;
}
form .submit{
  max-width:600px;
  -webkit-display:flex;
  -moz-display:flex;
  -ms-display:flex;
  display:flex;
  justify-content:space-between;
}
form input,
form textarea{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
form input:focus,
form textarea:focus{
  outline: 0;
}
form input[type=text],
form input[type=email],
form textarea{
  width:100%;
  padding: 20px;
  border:1px solid #ccc;
  box-sizing:border-box;
}
form input[type=text],
form input[type=email]{
  height:60px;
}
form input[type=button],
form input[type=submit]{
  width:100%;
  max-width:600px;
  background:#000;
  color:#fff;
  text-align:center;
  line-height:60px;
}
form input[name=submit],
form input[name=submitBack]{
  width:48%;
}
form input[type=checkbox]{
  display: none;
}
form input[type=checkbox] + span{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
form input[type=checkbox] + span::before{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 11px;
  height: 11px;
  border: 1px solid #ccc;
}
form input[type=checkbox]:checked + span{
}
form input[type=checkbox]:checked + span::after{
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 11px;
  height: 11px;
  transform: skewY(-45deg);
  border-top: 1px solid #aaa;
}