/*
 Theme Name:   Sewell Child
 Theme URI:    http://victorthemes/themes/sewell
 Description:  Sewell Child Theme
 Author:       VictorThemes
 Author URI:   http://themeforest.net/user/VictorThemes/portfolio
 Template:     sewell
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, post-formats, theme-options, translation-ready
 Text Domain:  sewell-child
*/

/* Write Custom CSS */

/* wp-edit */
p:empty{
	display: none;
}
.sewl-back-top {
    right: 2%;
	bottom: 24px;
}
.sewl-back-top a {
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 24px;
	background:#444;
}
.sewl-mid-wrap{
	background:none;
}

.fancybox-navigation .fancybox-button--arrow_left{
	left:1.75%;
}
.fancybox-navigation .fancybox-button--arrow_right{
	right:1.75%;
}

.pull-right{
    display: flex;
}
.pull-right .clearfix{
	margin-right: 40px;
}

.vp-portfolio__preloader img{
	opacity: 0;
}

.vp-id-2563 .vp-portfolio__items{
	--vp-items__gap:0px;
	--vp-items__gap-vertical: 0px;
}
.vp-id-2780 .vp-portfolio__items {
    --vp-items__gap: 0px;
    --vp-items__gap-vertical: 0px;
}
.page-id-3412 .sewl-footer{
	display: none;
}

.vegas-slide{
	border: 40px solid #fff;
}

body.page-id-3412 > div.sewl-main-wrap.inactive-preloader > div{
	width: fit-content;
	position: absolute;
top: 51%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
animation: fadeup 1.5s cubic-bezier(0.21, 0.94, 0.69, 1.07) forwards;
animation-delay:3.2s;
opacity: 0;
}

.vegas-animation-fade-mv {
    animation: fade-mv 2s ease-in;
}

@keyframes fade-mv {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeup {
	0% {
		opacity: 0.2;
		top: 54%;
		left: 50%;
		-webkit-transform : translate(-50%,-50%);
		transform : translate(-50%,-50%);
	}
	100% {
		opacity: 1;
		top: 51%;
		left: 50%;
		-webkit-transform : translate(-50%,-50%);
		transform : translate(-50%,-50%);
	}
}

/* header */
header {
  display: inline-block;
  width: 100%;
  box-shadow: 1px 6px 8px #c1c1c121;
}
.sewl-header {
  padding: 0 0% !important;
  border-bottom: 1px solid#f5f5f5;
}
	video {
    width: 100%;
    min-width: 100%;
    height: auto;
	background:white;
	transform: translateY(0px);
	clip-path: inset(0 0 18% 0);
}
figure {
    margin: 0 0 0rem;
}
body > div.sewl-main-wrap.active-sticky-header.inactive-preloader.sewl-primary-page > div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex > div > div.wp-block-visual-portfolio > div {
    padding: 4px 16.15% 64px;
    margin-top: -8.5%;
}

@media (max-width: 1780px) {
	video {
    width: 100%;
    min-width: 100%;
    height: auto;
	background:white;
	transform: translateY(0px);
	clip-path: inset(0 0 10% 0);
}
figure {
    margin: 0 0 0rem;
}
	body > div.sewl-main-wrap.active-sticky-header.inactive-preloader.sewl-primary-page > div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex > div > div.wp-block-visual-portfolio > div {
    padding: 4px 16.15% 64px;
    margin-top: -5%;
}
}

.page-id-3412 header{
	box-shadow: 0px 0px 0px #ffffff00;
}
.page-id-3412 .sewl-header{
	border-bottom: 1px solid #ffffff00;
}
.sewl-header .navbar-nav {
  display: flex;
  flex-direction: row;
	justify-content: space-evenly;
}
.sewl-header .navbar-nav > li > a {
    padding: 19px 0px 17px;
	font-weight: 300;
    font-size: 15px!important;
}
.sewl-header .navbar-nav > li > a:hover, .sewl-header .navbar-nav > li.current-menu-parent > a {
    color: #80B2AF!important;
    transform: translate(0px,-2px);
}
.sewl-header .navbar-nav > li:first-child > a:hover, .sewl-header .navbar-nav > li.current-menu-parent > a {
    transform: translate(0px,0px);
    opacity: 0.6;
}
.sewl-header .navbar-nav > li.logo {
    padding: 18px 0px;
    flex-basis: 50%;
}
.default-logo {
  width: 132px;
  display: block;
}
body > div.sewl-main-wrap.inactive-preloader.sewl-primary-page > div > div:nth-child(1) > ul > li > a:hover {
  color: #c4c4c4;
}
.wp-container-core-columns-layout-1.wp-container-core-columns-layout-1{
	margin-bottom: 0px;
}

.sewl-primary-page .sewl-header{
  z-index: 13;
}

/* header-top-none */
body.home > div.sewl-main-wrap.inactive-preloader.sewl-primary-page > header {
  display: none;
}

/* meta-Slider */
.metaslider .slides img{
	border-radius:0px;
}

/* contact-form */
input{
    height: 48px!important;
    padding: 18px 18px!important;
    border: 1px solid #eee!important;
    border-radius: 2px!important;
}
textarea{
    border: 1px solid #eee!important;
    border-radius: 2px!important;
	height:240px!important;
}
form p {
    width: 100%!important;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em!important;
    padding: 1em 1.2em!important;
    border: 1px solid #ff5757!important;
    border-radius: 4px!important;
	font-family:'Noto Serif JP', Arial, sans-serif;
	font-size: 13px!important;
	font-weight: 300!important;
	line-height:2!important;
	letter-spacing: 1.2px!important;
	text-transform: none!important;
	color:#ff0000!important;
	height: 56px!important;
    padding: 14px 18px!important;
}

span.wpcf7-spinner{
	top:12px!important;
}
#wpcf7-f2875-p2883-o1 > form > p:nth-child(5){
  display: grid;
  grid-template-columns: 1fr 0.1fr 0.5fr;
  padding: 0px 2% 0px 0px;
  margin-top: 48px;
}
    

/* contents */
/* body{
	background-image:url("/wp-content/uploads/2023/12/filter.webp");
	background-size: cover;
} */
/* body.home > div.sewl-main-wrap.inactive-preloader.sewl-primary-page {
    padding-top: 48px;
} */
body.home > div.sewl-main-wrap.inactive-preloader.sewl-primary-page > div {
    width: 87%;
    row-gap: 0;
    column-gap: 12%;
    justify-content: center;
    margin: 0% auto 0;
    display: grid;
    grid-template-columns: 0.65fr 1fr;
    grid-template-rows: 0.65fr 1fr;
    grid-template-areas:
        "aa cc "
        "bb cc";
}
body.home > div.sewl-main-wrap.inactive-preloader.sewl-primary-page > div > div:nth-child(1){
	margin-left:5.5%;
	grid-area:aa;
	align-self:end;
}
body.home > div.sewl-main-wrap.inactive-preloader.sewl-primary-page > div > div:nth-child(2){
	grid-area:bb;
}
body.home > div.sewl-main-wrap.inactive-preloader.sewl-primary-page > div > div:nth-child(3){
	grid-area:cc;
}


body.home > div.sewl-main-wrap.inactive-preloader.sewl-primary-page > div{
	margin-top:0;
}

.single-post .row{
	display: grid;
}
.single-post .row div.entry-content .blog-title {
	font-family:"Noto Serif JP", Arial, sans-serif;
	font-size: 32px;
	line-height:2.2;
	letter-spacing: 2px;
	text-transform: none;
	color:#444;
}
.single-post .row div.entry-content h2{
	font-family:"Noto Serif JP", Arial, sans-serif;
	font-size: 16px;
	line-height:2.2;
	letter-spacing: 1.2px;
	text-transform: none;
	color:#444;
}

.single-post .row div.entry-content .blog-author{
	font-family:"Noto Serif JP", Arial, sans-serif;
	font-size: 14px;
	line-height:2.2;
	letter-spacing: 1.2px;
	text-transform: none;
	color:#444;
}

.single-post .row div.entry-content .sewl-bottom-meta{
	padding: 57px 0 64px;
}

/* __unreal-engine */
#hover::before{
	/* content: "";
    width: 101%;
	height:calc(67vh + 100px);
    position: fixed;
    top: 0;
	left: -0.5%;
    background-color: white;
    z-index: 10; */
}
#hover{
	width:100%;
	margin:0px auto 0;
	display: flex;
	flex-direction: column;
	margin-top:0;
	padding: 0px 16.15% 80px;
	/* padding: 100px 40px 40px;
	position: absolute;
	bottom: 0px;
	left: 0;
	overflow: scroll;
	height: 420px; */
}
#hover::-webkit-scrollbar{
	display: none;
  }
#metaslider-id-2766{
	/* position: fixed; */
    width: 100%!important;
	padding:0 0 0px;
    top: 32px;
    left: 0%;
	z-index: 10;
}
#metaslider-id-2766 img{
	height: 67vh;
	object-fit: cover;
}

#hover > div:nth-child(2) > div > div{
	padding:0px 0px 0px 0px;
	margin:0px 0 0px 0px;
}

body.page-id-2776 .sewl-footer {
  padding: 8px 5.5% 8px 10.5% !important;
  font-weight: 300;
}

body.page-id-2776 .sewl-primary-page .sewl-footer {
  min-height: 30px;
}
/* __all-works */
body.page-id-2561 > div.sewl-main-wrap.inactive-preloader > div{
	padding:20px 0px 20px 0px;
}

/* __NEWS */
body.page-id-2135 .wp-block-group__inner-container{
	display:grid;
	grid-template-columns:0.3fr 1fr!important;
	grid-template-rows:0.25fr 0fr 1fr;
	    grid-template-areas  : "aaa bbb"
    "aaa ccc"
    "aaa ddd";
	border-bottom: 1px solid #e7e7e7;
	}

body.page-id-2135 > div.sewl-main-wrap.active-sticky-header.inactive-preloader > div.sewl-mid-wrap > div > div > div > div > div > div > ul > li > div > div > figure{
  grid-area: aaa;
  margin-top: 56px;
  margin-right: 32px;
  }

body.page-id-2135 > div.sewl-main-wrap.active-sticky-header.inactive-preloader > div.sewl-mid-wrap > div > div > div > div > div > div.wp-block-query.is-layout-flow.wp-block-query-is-layout-flow > ul > li > div > div > h2{
	grid-area: ccc;
	align-self: center;
    margin-bottom: 4px;
	font-family:"Noto Serif JP", Arial, sans-serif;
	font-size: 16px;
	line-height:2.2;
	letter-spacing: 1.2px;
	text-transform: none;
	pointer-events:none;
	color:#444!important;
}
body.page-id-2135 > div.sewl-main-wrap.active-sticky-header.inactive-preloader > div.sewl-mid-wrap > div > div > div > div > div > div.wp-block-query.is-layout-flow.wp-block-query-is-layout-flow > ul > li > div > div > h2 a{
	color:#444;
}

body.page-id-2135 > div.sewl-main-wrap.active-sticky-header.inactive-preloader > div.sewl-mid-wrap > div > div > div > div > div > div.wp-block-query.is-layout-flow.wp-block-query-is-layout-flow > ul > li > div > div > div.wp-block-post-date{
	grid-area: bbb;
	align-self: center;
	font-family:"Noto Serif JP", Arial, sans-serif;
	font-size: 11px;
	line-height:2.2;
	text-transform: none;
  margin-top: 24px;;
}

body.page-id-2135 > div.sewl-main-wrap.active-sticky-header.inactive-preloader > div.sewl-mid-wrap > div > div > div > div > div > div.wp-block-query.is-layout-flow.wp-block-query-is-layout-flow > ul > li > div > div > div.wp-block-post-date time{
	color:#444;
	letter-spacing: 2px;
}

body.page-id-2135 > div.sewl-main-wrap.active-sticky-header.inactive-preloader > div.sewl-mid-wrap > div > div > div > div > div > div.wp-block-query.is-layout-flow.wp-block-query-is-layout-flow > ul > li > div > div > div.wp-block-post-excerpt{
	grid-area: ddd;
	align-self: center;
	margin-bottom:0;
}

body.page-id-2135 > div.sewl-main-wrap.active-sticky-header.inactive-preloader > div.sewl-mid-wrap > div > div > div > div > div > div.wp-block-query.is-layout-flow.wp-block-query-is-layout-flow > ul > li > div > div > div.wp-block-post-excerpt .wp-block-post-excerpt__excerpt{
	font-family:'Noto Serif JP', Arial, sans-serif;
	font-size: 13px;
	line-height:2.2;
	letter-spacing: 1.2px;
	text-transform: none;
	color:#666;
}

body.page-id-2135 > div.sewl-main-wrap.active-sticky-header.inactive-preloader > div.sewl-mid-wrap > div > div > div > div > div > div > ul > li >div{
	padding:0px!important;
}

/* footer */
.sewl-footer {
  padding: 20px 5.5% 20px 10.5% !important;
	font-weight:300;
}
.sewl-footer .pull-left{
	font-family: "Cormorant Garamond", Arial, sans-serif;
	text-transform: none;
	width:fit-content;
}
.sewl-footer .pull-right{
	font-family: "Cormorant Garamond", Arial, sans-serif;
	text-transform: none;
	font-size:14px;
	width:fit-content;
}

/* text */
.home-mv-h1 {
	font-size: 2vw;
	font-family: "Cormorant Garamond", Arial, sans-serif;
	letter-spacing: 9px;
	  text-align:center;
	  font-weight:100;
	  line-height: 1.2;
	  color: white;
  }
.home-mv-p{
	font-size: 0.85vw;
	font-family: "Cormorant Garamond", Arial, sans-serif;
	font-weight: 400;
	line-height: 2;
	text-align: center;
	letter-spacing: 5.25px;
	  color: white;
}
.text-main {
  font-size: 52.5px;
  font-family: "Cormorant Garamond", Arial, sans-serif;
  letter-spacing: 9px;
	text-align:center;
	font-weight:100;
	width:494px;
}
.text-sub {
  color: white;
  font-size: 28px;
  font-family: "Cormorant Garamond", Arial, sans-serif;
	letter-spacing: 12px;
	text-align:center;
  width: 494px;
  background: url(http://stg-01.reus.jp/wp-content/uploads/2023/12/text-bg.webp);
  padding: 1% 42.5px;
}
.menu-list {
  font-size: 22px;
  font-family: "Cormorant Garamond", Arial, sans-serif;
  font-weight: 400;
  line-height: 2;
  width: fit-content;
  letter-spacing: 3px;
  margin-top: 7.5%;
  margin-left: 6.5%;
  list-style: none;
	padding-left: 48px;
	
}
body.page-id-3 .sewl-detail-page,
body.page-id-7 .sewl-detail-page,
body.page-id-24 .sewl-primary-page div.wp-block-columns,
body.page-id-2876 .sewl-primary-page div.wp-block-columns,
body.page-id-2883 .sewl-primary-page div.wp-block-columns{
	width:600px;
}
body.page-id-24 .sewl-primary-page div.wp-block-columns,
body.page-id-2876 .sewl-primary-page div.wp-block-columns,
body.page-id-2883 .sewl-primary-page div.wp-block-columns{
	margin:88px auto;
}
.sewl-detail-page h1.profile-h1,
.sewl-primary-page h1.profile-h1{
	font-family:"Cormorant Garamond", Arial, sans-serif;
	font-size: 18px;
	line-height:2.2;
	letter-spacing: 1.2px;
	text-transform: none;
}

.not_found_container_table h1{
	font-family:'Noto Serif JP', Arial, sans-serif;
	font-size: 18px;
	line-height:2.2;
	letter-spacing: 1.2px;
	text-transform: none;
	color:#fff;
}

.not_found_container_table p{
	font-family:'Noto Serif JP', Arial, sans-serif;
	font-size: 13px;
	line-height:2.2;
	letter-spacing: 1.2px;
	text-transform: none;
	font-weight:300t;
}

.sewl-btn {
	font-family:'Noto Serif JP', Arial, sans-serif;
    display: inline-block;
    padding: 7px 32px 6px;
    min-width: 20%;
    background-color: #222222;
    color: #f5f5f5;
    font-weight: 300;
    font-size: 13px;
    line-height: 32px;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid transparent;
	margin-top:24px;
}

.sewl-primary-page h1.profile-h1{
	margin-bottom:27px;
}
.sewl-detail-page h2.profile-h2,
.sewl-primary-page h2.profile-h2{
	font-family:'Noto Serif JP', Arial, sans-serif;
	font-size: 16px;
	line-height:2.2;
	letter-spacing: 1.2px;
	text-transform: none;
	color:#444;
}
.sewl-detail-page p.profile-text,
.sewl-primary-page p.profile-text{
	font-family:'Noto Serif JP', Arial, sans-serif;
	font-size: 13px!important;
	line-height:2.2!important;
	letter-spacing: 1.2px!important;
	text-transform: none!important;
	color:#444!important;
	font-weight:300!important;
}

input,
form p,
form textarea,
form label{
	font-family:'Noto Serif JP', Arial, sans-serif;
	font-size: 13px!important;
	line-height:2.2!important;
	letter-spacing: 1.2px!important;
	text-transform: none!important;
	color:#444!important;
	font-weight:300!important;
}

input.wpcf7-submit{
	font-family:'Noto Serif JP', Arial, sans-serif;
	font-size: 13px!important;
	font-weight: 300!important;
	line-height:1!important;
	letter-spacing: 1.2px!important;
	text-transform: none!important;
	color:#fff!important;
	min-width: 60%!important;
	height: 56px!important;
    padding: 14px 18px!important;
}

input.wpcf7-previous{
		font-family:'Noto Serif JP', Arial, sans-serif;
	font-size: 13px!important;
	font-weight: 300!important;
	line-height:1!important;
	letter-spacing: 1.2px!important;
	text-transform: none!important;
	color:#444!important;
	min-width: 30%!important;
	height: 56px!important;
    padding: 14px 18px!important;
	
}

#wpcf7-f9-p24-o1 > form > p:nth-child(5){
	margin-top:24px;
  text-align:left;
}

.sewl-detail-page h2.profile-h2-en,
.sewl-primary-page h2.profile-h2-en{
	font-family:"Cormorant Garamond", Arial, sans-serif;
	font-size: 18px;
	line-height:2.2;
	letter-spacing: 1.2px;
	text-transform: none;
	color:#444;
}
.sewl-detail-page p.profile-text-en,
.sewl-primary-page p.profile-text-en{
	font-family:"Cormorant Garamond", Arial, sans-serif;
	font-size: 15px;
	line-height:2.2;
	letter-spacing: 1.2px;
	text-transform: none;
	color:#444;
}
@media (max-width: 1350px) {
  .text-main {
    font-size: 42px;
	  width: 424px;
	  letter-spacing: 10px;
  }
  .text-sub {
    font-size: 22px;
	  width: 424px;
	  letter-spacing: 10px;
  }
  .menu-list {
    font-size: 22px;
  }
}
@media (max-width: 1250px) {
  .text-main {
    font-size: 40px;
	  width:414px;
	  letter-spacing: 8px;
  }
  .text-sub {
    font-size: 20px;
	  width: 414px;
	  letter-spacing: 8px;
  }
  .menu-list {
    font-size: 20px;
  }
}
@media (max-width: 1100px) {
  .text-main {
    font-size: 36px;
	  width: 384px;
  }
  .text-sub {
    font-size: 22px;
	width: 384px;
  }
  .menu-list {
    font-size: 18px;
  }
  .home-mv-h1 {
	font-size: 3.2vw;
	letter-spacing: 9px;
	  line-height: 1.2;
  }
.home-mv-p{
	font-size: 1.2vw;
	line-height: 2;
	letter-spacing: 5.25px;
}
}
@media (max-width: 1000px) {
  .text-main {
    font-size: 32px;
	  width: 344px;
  }
  .text-sub {
    font-size: 18px;
	  width: 344px;
  }
  .menu-list {
    font-size: 16px;
  }
}
@media (max-width: 900px) {
  .text-main {
    font-size: 28px;
	  letter-spacing: 6px;
	  width: 284px;
  }
  .text-sub {
    font-size: 16px;
	  letter-spacing: 6px;
	  width: 284px;
	  padding: 1% 32.5px;
  }
  .menu-list {
    font-size: 16px;
  }
}
@media (max-width: 798px) {
  .text-main {
    font-size: 28px;
	  letter-spacing: 6px;
	  width: 290px;
	  margin: 0 auto 10px;
  }
  .text-sub {
    font-size: 18px;
	  letter-spacing: 6px;
	  width: 290px;
	  padding: 2% 20.5px;
	  margin: 0 auto 56px;
  }
  .menu-list {
	width: 100%;
	  font-size: 16px;
    letter-spacing: 0.5px;
    margin-top: 8%;
    margin-bottom: 8%;
    margin-left: 0%;
    line-height: 2.8;
    margin: 0 auto;
    display: grid;
    padding: 0 2%;
    grid-template-columns: 1fr 1fr;
	margin-top: 20px;
  }
  body.home > .sewl-main-wrap.sewl-primary-page {
    padding-top: 0px;
    padding-bottom: 60px;
}
  body.page-id-3 .sewl-detail-page,
	body.page-id-7 .sewl-detail-page{
	width:92%;
}
	body.page-id-2135 .sewl-detail-page {
    width: 92%;
}
	body.page-id-2135 div.sewl-mid-wrap{
		padding:25px 5%;
	}
  body.page-id-3 div.sewl-mid-wrap,
	body.page-id-7 div.sewl-mid-wrap {
    padding: 25px 5%;
}
	video {
	transform: translateY(0px);
		
}
	figure {
    margin: 0 0 0rem;
}
}
/* sp-edit-text */
@media (max-width: 480px) {
  .text-main {
    font-size: 24px;
	  letter-spacing: 8px;
	  width: 270px;
	  margin: 0 auto 10px;
  }
  .text-sub {
    font-size: 16px;
	  letter-spacing: 6px;
	  width: 270px;
	  padding: 1% 20.5px;
	  margin: 0 auto 37px;
  }
  .menu-list {
	  font-size: 16px;
    letter-spacing: 0.5px;
    margin-top: 4%;
    margin-bottom: 4%;
    line-height: 2.8;
    display: grid;
    padding: 0 2%;
  }
	body.page-id-2135 > div.sewl-main-wrap.active-sticky-header.inactive-preloader > div.sewl-mid-wrap > div > div > div > div > div > div.wp-block-query.is-layout-flow.wp-block-query-is-layout-flow > ul > li > div > div > h2{
	font-size: 14px;
	line-height:1.8;
}
}
/* responsive-tablet */
@media (max-width: 900px) {
.sewl-header {
    width: 100%;
	height:64px;
    text-align: left;
    align-items: center;
    /* vertical-align: sub; */
    display: flex;
    justify-content: space-between;
	padding: 0 3% !important;
	float: none;
}
	.sewl-header nav{
		background:white;
	}
		.sewl-header .navbar-nav > li > a{
	text-align: center;
			border-bottom:none;
			color:#444;
			font-size:16px;
			letter-spacing:2px;
}
.sewl-header .navbar-nav > li#menu-item-3202{
display: block;
}
	.sewl-header nav {
    width: 100vw;
    bottom: 100%;
		left:0;
	  opacity:0;
		pointer-events:none;
    transition: all 0.3s ease 0s;
  }
	.sewl-header nav.show{
    opacity: 1;
		bottom:0;
		pointer-events:auto;
	}
  .sewl-header .navbar-nav {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin-block-start: 90px;
  }
	body.page-id-2135 .wp-block-group__inner-container{
	grid-template-columns:0.4fr 1fr!important;
	}
  button.navbar-toggle span.icon-bar {
    background: transparent;
    transition: 0.5s;
  }
  button.navbar-toggle span.icon-bar {
    background: transparent;
  }
  .navbar-toggle.collapsed .icon-bar {
    background: #444;
    transition: 0.5s;
	  height: 1px;
  }
  button.navbar-toggle {
    position: relative;
	  margin:0;
  }
  button.navbar-toggle::before,
  button.navbar-toggle::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 22px;
    height: 1px;
    background: #444;
    transition: 0.3s;
  }
  button.navbar-toggle::before {
    rotate: 30deg;
  }
  button.navbar-toggle::after {
    rotate: -30deg;
  }
  button.navbar-toggle.collapsed::before,
  button.navbar-toggle.collapsed::after {
    opacity: 0;
  }
}

  .slider {
    height: auto;
    margin-inline: auto;
    overflow: hidden; /* 画像がはみ出ないようにする */
    width: 100%;
	  padding: 0 16.15%;
	  margin-top: 8px;
  }

/* responsive-sp */
@media (max-width: 798px) {
	body.home > div.sewl-main-wrap.inactive-preloader.sewl-primary-page > div{
		grid-template-columns:1fr;
		grid-template-rows: 0fr 0fr 0fr;
    grid-template-areas  : "aa"
    "bb"
    "cc";
	margin-top: 64px;
	padding-bottom: 80px;
	}
	body.home > div.sewl-main-wrap.inactive-preloader.sewl-primary-page > div > div:nth-child(1){
	margin-left:0%;
}
	body.home > div.sewl-main-wrap.inactive-preloader.sewl-primary-page > div > div:nth-child(1){
	margin-left:0%;
	grid-area:aa;
}
body.home > div.sewl-main-wrap.inactive-preloader.sewl-primary-page > div > div:nth-child(2){
	grid-area:cc;
}
body.home > div.sewl-main-wrap.inactive-preloader.sewl-primary-page > div > div:nth-child(3){
	grid-area:bb;
}
#metaslider-id-2766{
	position: unset;
    width: 100%!important;
}
.home-mv-h1 {
	font-size: 4vw;
	letter-spacing: 9px;
	  line-height: 1.2;
  }
.home-mv-p{
	font-size: 1.7vw;
	line-height: 2;
	letter-spacing: 5.25px;
}
	body.page-id-2135 .wp-block-group__inner-container{
	grid-template-columns:0.4fr 1fr!important;
	}
  .swiper-slide-picture {
    margin: 0 auto;
    width: 80%;
    height: 60%;
  }
  body > div.sewl-main-wrap.active-preloader > div > div > div > div > div > div > div > div > div > div.vp-portfolio__items-wrap {
    width: 90%;
    padding-right: 0%;
  }
	#hover > div:nth-child(2) > div > div{
		padding:0;
	}
	#hover{
	width: 80%;
    justify-content: center;
    margin: 8% auto 0;
		flex-direction:column;
		gap:0;
	}
	#hover > div:nth-child(1){
	margin:0;
	}
		#hover > div:nth-child(2){
		flex-basis:33.3%!important;
	}
	#hover > div:nth-child(2) > div > div > div.vp-portfolio__items-wrap > div > article{
    width: 33.333333333333336%;
	}
	.sewl-footer {
  padding: 20px 15.5% 20px 15.5% !important;
}
	body > div.sewl-back-top > a{
		line-height: 24px;
	}
	.sewl-back-top {
    bottom: 24px;
}
  body.page-id-2561 > div.sewl-main-wrap.inactive-preloader > div{
    width: 90%;
    margin: 0 auto;
  }
  img.fancybox-image{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: auto;
    max-width: 60%;
  }
		.slider {
    height: 100%;
}
}

/* hover-etc */
.vp-portfolio__item-wrap:hover {
	z-index: 10;
}
.vp-portfolio__items-wrap,
.vp-portfolio__items-style-default .vp-portfolio__item .vp-portfolio__item-img,
[data-vp-grid-images-aspect-ratio*=":"] .vp-portfolio__item .vp-portfolio__item-img-wrap,
.vp-portfolio__items-style-default .vp-portfolio__item {
	overflow: visible;
}
.vp-portfolio__items:hover .vp-portfolio__item-wrap {
	opacity: 0.3;
	transition: 0.3s;
}
.vp-portfolio__items:hover .vp-portfolio__item-wrap:hover {
	opacity: 1;
}
/* #hover:hover .metaslider .flexslider .slides img {
	opacity: 0.3;
	transition: opacity 0.3s;
}
#hover:hover .metaslider .flexslider .slides img:hover {
	opacity: 1;
} */
.vp-fancybox .fancybox-caption__body a, .vp-fancybox .fancybox-caption__body h3{
	font-family: "Noto Serif JP", Arial, sans-serif;
	letter-spacing: 2px;
	color:#444;
	font-size: 14px;
	line-height:2.2;
	text-transform: none;
}
.fancybox-caption{
	background:linear-gradient(0deg,rgba(255,255,255,.85) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,.15) 65%,rgba(255,255,255,.075) 75.5%,rgba(255,255,255,.037) 82.85%,rgba(255,255,255,.019) 88%,transparent);
}
.vp-fancybox .fancybox-bg{
	background:#fff;
}

@media (max-width: 600px){
.sewl-header {
    padding: 0 4% 0 5% !important;
}
	body.page-id-2561 > div.sewl-main-wrap.inactive-preloader > div > div > div > div > div > div > div > div > div > div.vp-portfolio__items-wrap > div > article{
    width: 33.333333333333336%;
	}
		body > div.sewl-back-top > a{
		line-height: 18px;
	}
	body.page-id-2135 .wp-block-group__inner-container{
	grid-template-columns:0.5fr 1fr!important;
	}
	.sewl-back-top a {
	    width: 28px;
    height: 28px;
}
body.page-id-24 .sewl-primary-page div.wp-block-columns,
body.page-id-2876 .sewl-primary-page div.wp-block-columns,
body.page-id-2883 .sewl-primary-page div.wp-block-columns{
	width:90%;
}
  .vp-portfolio__items:hover .vp-portfolio__item-wrap {
	transition: 0.3s;
	opacity: 1;
  }
  .vp-portfolio__items:hover .vp-portfolio__item-wrap:hover {
	opacity: 1;
  }
  #hover:hover .metaslider .flexslider .slides img {
	opacity: 1;
	transition: opacity 0.3s;
}
#hover:hover .metaslider .flexslider .slides img:hover {
	opacity: 1;
}
  body.page-id-2561 > div.sewl-main-wrap.inactive-preloader > div{
    width: 100%;
    margin: 0 auto;
	padding: 0px 0px;
  }
.vp-id-2563 .vp-portfolio__items{
	--vp-items__gap:1px;
	--vp-items__gap-vertical: 1px;
}
.vp-id-2780 .vp-portfolio__items {
    --vp-items__gap: 1px;
    --vp-items__gap-vertical: 1px;
}
.fancybox-toolbar {
    right: 3%;
    top: 7%;
}
.fancybox-infobar {
    left: 3%;
    top: 7%;
}
.vp-portfolio__item-wrap:hover {
	z-index: 9;
}
}

@keyframes sp-a-l{
	0%{
		left: 54%;
	}
	50%{
		left: 54.5%;
	}
	100%{
		left: 55%;
	}
}

@keyframes sp-a-r{
	0%{
		left: 44%;
	}
	50%{
		left: 44.5%;
	}
	100%{
		left: 45%;
	}
}

.testtest img{
	margin-top: -2%;
  }

/* responsive-sp-2 */
@media (max-width: 500px) {
  body.page-id-3412{
    overflow: hidden;
  }
	#hover {
    width: 100%;
		margin:0px auto 0px;
}
	.sewl-header {
  padding: 0 4% 0 5% !important;
}
	.sewl-footer {
    padding: 20px 22.5% 20px 8.5% !important;
}
			body.page-id-2135 .wp-block-group__inner-container{
	grid-template-columns:0.55fr 0.8fr!important;
	}
	body.page-id-2135 > div.sewl-main-wrap.active-sticky-header.inactive-preloader > div.sewl-mid-wrap > div > div > div > div > div > div.wp-block-query.is-layout-flow.wp-block-query-is-layout-flow > ul > li > div > div > div.wp-block-post-excerpt .wp-block-post-excerpt__excerpt{
		margin-bottom:32px;
}
body.home > div.sewl-main-wrap.inactive-preloader.sewl-primary-page > div {
    margin-top: 0px;
	padding-top: 36px;
	padding-bottom: 0px;
}
.sewl-primary-page .sticky-wrapper {
    height: 64px !important;
}
.testtest img{
	width: 40%;
		margin-top: -8%;
  }
  img.fancybox-image{
    position: absolute;
      top: 48%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      height: auto;
      max-width: 85%;
    }
    .vp-fancybox .fancybox-caption__body a, .vp-fancybox .fancybox-caption__body h3{
      line-height: 1.6;
      margin-bottom: 0px;
    }
	.vp-uid-142d8119 .vp-portfolio__item-wrap {
		width: 33.3333333333333%!important;
	}
	.vegas-slide{
		border: 20px solid #fff;
	}
	.home-mv-h1 {
		font-size: 6.65vw;
		font-family: "Cormorant Garamond", Arial, sans-serif;
		letter-spacing: 6px;
		line-height: 1.4;
		color: white;
		}
	.home-mv-p{
		font-size:3.35vw;
		font-family: "Cormorant Garamond", Arial, sans-serif;
		letter-spacing: 3.25px;
	}
}

@media (max-width: 375px) {
img.fancybox-image{
  position: absolute;
    top: 46%;
  }
}

/* hover-edit */
@media screen and (min-width: 798px) {
	.vp-lazyload-enabled {
		animation:envents 2.8s ease-in;
	}
    .sewl-header .navbar-nav a{
        pointer-events: auto!important;
    }
  .vp-portfolio__items-style-default .vp-portfolio__item:hover .vp-portfolio__item-img img {
    height: auto;
    width: auto;
    max-width: 110%;
    max-height: 110%;
    top: 50%;
    bottom: unset;
    left: 50%;
    right: unset;
    translate: -50% -50%;
  }
  .vp-portfolio__items-style-default .vp-portfolio__item:hover .vp-portfolio__item-img img,
  .vp-portfolio__item:hover .vp-portfolio__item-img img,
  .vp-portfolio__item-focus-visible .vp-portfolio__item-img img {
    pointer-events: none;
    transform: scale(2.05);
    z-index: 10;
    transition: transform 0.4s cubic-bezier(0.07, 0.41, 0.21, 0.88), -webkit-transform 0.4s cubic-bezier(0.35, 0.34, 0.21, 0.88);
    box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.25);
  }
  .vp-portfolio__items-style-default .vp-portfolio__item:hover .vp-portfolio__item-img {
    clip-path: unset;
  }
  .vp-portfolio.vp-portfolio__ready {
    padding: 12px 40px;
  }
  /* allworks-hover-1 */
  body.page-id-2561 .vp-portfolio__items-style-default article:nth-child(1) .vp-portfolio__item:hover .vp-portfolio__item-img img{
    top: 60%;
    left: 80%;
    translate: -50% -50%;
  }
  body.page-id-2561 .vp-portfolio__items-style-default article:nth-child(-n+8) .vp-portfolio__item:hover .vp-portfolio__item-img img{
    top: 60%;
    left: 50%;
    translate: -50% -50%;
  }
            /* allworks-hover-9 */
            body.page-id-2561 .vp-portfolio__items-style-default article:nth-child(9n) .vp-portfolio__item:hover .vp-portfolio__item-img img{
              top: 60%;
              left: 25%;
              translate: -50% -50%;
            }
        /* allworks-hover-9+1 */
        body.page-id-2561 .vp-portfolio__items-style-default article:nth-child(9n+1) .vp-portfolio__item:hover .vp-portfolio__item-img img{
          left: 75%;
          translate: -50% -50%;
        }

  /* unreal-hover-1 */
  body.page-id-2776 .vp-portfolio__items-style-default .vp-portfolio__item:hover .vp-portfolio__item-img img{
    top: 40%;
    left: 58%;
    translate: -50% -50%;
  }
  body.page-id-2776 .vp-portfolio__items-style-default article:nth-child(1) .vp-portfolio__item:hover .vp-portfolio__item-img img{
    left: 58%;
    translate: -50% -50%;
  }
            /* unreal-hover-9 */
            body.page-id-2776 .vp-portfolio__items-style-default article:nth-child(9n) .vp-portfolio__item:hover .vp-portfolio__item-img img{
              left: 42%;
              translate: -50% -50%;
            }
        /* unreal-hover-9+1 */
        body.page-id-2776 .vp-portfolio__items-style-default article:nth-child(9n+1) .vp-portfolio__item:hover .vp-portfolio__item-img img{
          left: 58%;
          translate: -50% -50%;
        }
}
/* hover-edit */
@media screen and (min-width: 1200px) {
  .vp-portfolio__items-style-default .vp-portfolio__item:hover .vp-portfolio__item-img img,
  .vp-portfolio__item:hover .vp-portfolio__item-img img,
  .vp-portfolio__item-focus-visible .vp-portfolio__item-img img {
    pointer-events: none;
    transform: scale(2.25);
    z-index: 10;
    transition: transform 0.3s cubic-bezier(0.35, 0.34, 0.21, 0.88), -webkit-transform 0.3s cubic-bezier(0.35, 0.34, 0.21, 0.88);
    box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.25);
  }
}

/* hover-edit */
@media screen and (min-width: 1200px) {
  body.page-id-2776 .vp-portfolio__items-style-default .vp-portfolio__item:hover .vp-portfolio__item-img img,
  .vp-portfolio__item:hover .vp-portfolio__item-img img,
  .vp-portfolio__item-focus-visible .vp-portfolio__item-img img {
    pointer-events: none;
    transform: scale(2.05);
    z-index: 10;
    transition: transform 0.3s cubic-bezier(0.35, 0.34, 0.21, 0.88), -webkit-transform 0.3s cubic-bezier(0.35, 0.34, 0.21, 0.88);
    box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.25);
  }
}

/* hover-edit */
@media screen and (min-width: 1940px) {
  .vp-portfolio__items-style-default .vp-portfolio__item:hover .vp-portfolio__item-img img,
  .vp-portfolio__item:hover .vp-portfolio__item-img img,
  .vp-portfolio__item-focus-visible .vp-portfolio__item-img img {
    pointer-events: none;
    transform: scale(2.05);
    z-index: 10;
    transition: transform 0.3s cubic-bezier(0.35, 0.34, 0.21, 0.88), -webkit-transform 0.3s cubic-bezier(0.35, 0.34, 0.21, 0.88);
    box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.25);
  }
}

@keyframes envents{
	0%{
		pointer-events: none;
	}
	100%{
		pointer-events: auto;
	}
}
/* 
#metaslider_2766 > ul > li{
    opacity: 1!important;
    animation:slopci 4s;
  animation-delay: 2s;
  transition: all 1.5s cubic-bezier(0.24, 0.56, 1, 1)!important;
} */

/* @keyframes slopci{
    0%{
        opacity:0.78!important;
        filter: brightness(0.988);
    }
    100%{
        opacity:1;
        display:none;
        visibility:hidden;
        filter:brightness(1);
    }
} */

/* @keyframes opacity{
    0%{
    opacity:0.78!important;
    }
    0%{
        opacity:1!important;
        }
} */

/* __unreal-engine__0__padding */
@media (max-width: 1600px) {
  #hover::before{
    /* content: "";
      width: 101%;
    height:calc(62.5vh + 80px);
      position: fixed;
      top: 0;
    left: -0.5%;
      background-color: white; */
  }
  #hover{
    width:100%;
    margin:0px auto 0;
    display: flex;
    flex-direction: column;
    /* margin-top:60vh; */
    padding: 0px 16.25% 0px;
    /* padding: 100px 40px 40px;
    position: absolute;
    bottom: 0px;
    left: 0;
    overflow: scroll;
    height: 420px; */
  }
  #hover::-webkit-scrollbar{
    display: none;
    }
  #metaslider-id-2766{
    /* position: fixed; */
      width: 100%!important;
    padding:0 0 0px;
      top: 32px;
      left: 0%;
  }
  #metaslider-id-2766 img{
    height: 62.5vh;
    object-fit: cover;
  }
}

@media (max-width: 600px){
  #hover::before{
    /* content: "";
      width: 101%;
    height:calc(35vh + 80px);
      position: fixed;
      top: 0;
    left: -0.5%;
      background-color: white; */
  }
  #hover{
    width:100%;
    margin:0px auto 0;
    display: flex;
    flex-direction: column;
    margin-top:0;
    padding: 0px 5% 80px;
    /* padding: 100px 40px 40px;
    position: absolute;
    bottom: 0px;
    left: 0;
    overflow: scroll;
    height: 420px; */
  }
  #hover::-webkit-scrollbar{
    display: none;
    }
  #metaslider-id-2766{
    /* position: fixed; */
      width: 100%!important;
    padding:0 0 1px;
      top: 80px;
      left: 5%;
  }
  #metaslider-id-2766 img{
    height: 35vh;
    object-fit: cover;
  }
	.slider {
    height: 100%;
    margin-inline: auto;
    overflow: hidden;
    width: 100%;
		padding:0 5.15%;
    margin-top: 16px;
}
body > div.sewl-main-wrap.active-sticky-header.inactive-preloader.sewl-primary-page > div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex > div > div.wp-block-visual-portfolio > div {
    padding: 1px 5.15% 24px;
	margin-top: -7%;
}
  }

  .img-wrap {
	overflow: hidden;
	position: relative;
	animation: img-wrap 2.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s  forwards;
    opacity: 0;
  }
  
  /* .img-wrap::after {
	animation: img-wrap-before 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
	background: #fff;
	content: '';
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
  } */
  
  @keyframes img-wrap {
	0%{
		transform: translateX(-40%); /*要素を左の枠外に移動*/
        opacity: 0;
	}
	20%{
        opacity: 0.01;
	}
	60%{
        opacity: 0.1;
	}
	90%{
        opacity: 0.2;
	}
	100% {
		transform: translateX(0);/*要素を元の位置に移動*/
		opacity: 1;
	}
  }

  @keyframes img-wrap-before {
	100% {
		transform: translateX(100%);
	}
  }

/* 一時非表示 */
#menu-item-3885,#menu-item-3886,#menu-item-2138{
	display:none;
}