/*
Theme Name: Twenty Twenty-Four
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
/*初期設定*/
body {
    margin: 0!important;
    --wp--style--global--content-size: 1000px!important;
    --wp--style--global--wide-size: 1280px;background-color: #fff;
}
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size);
    margin: 0 auto;
}
/* header */

header.wp-block-template-part {
    height: 100px;
    background: #fffa!important;
}
header .has-base-background-color{
    background-color: initial!important;
}
header.wp-block-template-part .wp-block-group  {
    padding: 0px!important;
}
header.wp-block-template-part > .wp-block-group  {
    padding:10px 20px!important;
}

.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
}
.wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open{
    display: block!important;
    /* float: right; */
}

nav.is-responsive.items-justified-right.wp-block-navigation.is-horizontal.is-content-justification-right.is-layout-flex.wp-container-core-navigation-layout-1.wp-block-navigation-is-layout-flex {
    /* width: 90%; */
    display: block;
    /* text-align: right; */
    margin: 0 0 0 auto;
}

div#modal-1.wp-block-navigation__responsive-container,
div#modal-4.wp-block-navigation__responsive-container,
div#modal-5.wp-block-navigation__responsive-container {
    background: #b9b9b9cc;
}
div#modal-1.wp-block-navigation__responsive-container ul li a,
div#modal-4.wp-block-navigation__responsive-container ul li a,
div#modal-5.wp-block-navigation__responsive-container ul li a{
    font-family: impact;
    font-size: 5rem;
    color: #000!important;

}

footer a:where(:not(.wp-element-button)){

    color: #fff!important;
    text-decoration: none!important;
}

/* footer */


main#wp--skip-link--target {
    padding-bottom: 0;
}
footer figure.wp-block-image.size-full {
    height: 130px;
}
footer.wp-block-template-part {
    background-color: #000;
    color: #fff;
}
footer .wp-block-column figure.wp-block-image {
    margin: 0 auto;
}img.wp-image-283 {
    width: auto;
    height: 100%!important;
}
p.has-text-align-center.company-name a {
    font-size: 1.5rem;
    display: inline;
    text-align: center;
}

p#company-address {
    font-size: 1.3rem;
    display: inline;
    text-align: left;
    font-weight: 300;
}

footer .wp-block-column .footer-block-group {
    width: 80%;
    margin: 0 auto;
}footer h2.wp-block-heading {
    font-family: impact!important;
    color: #fff;
    font-size: 3.1rem!important;
}
footer figure.wp-block-image.size-full {
    height: 130px;
}

footer nav ul li a {
    font-size: 1.4rem;
    font-weight: 300;
}

footer .wp-block-group.is-vertical {
    padding-top: 0!important;
}button.wp-block-navigation__responsive-container-open svg {
    width: 50px!important;
    height: 50px!important;
}
div#modal-5.wp-block-navigation__responsive-container {
    background: #b9b9b9d4;
}
div#modal-5.wp-block-navigation__responsive-container ul li a{
    font-family: impact;
    font-size: 5rem;

}

footer.wp-block-template-part {
    margin-top: 0;
}

footer p.has-text-align-center.p-share {
    display: block;
    width: 370px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    color: #000;
    background: #fff;
}

footer .copyright {
    color: #fff!important;
}
.mt0{
padding-top:0px!important;
}
hr {
    display: none;
}

#footer {
    display: none;
}

/* 共通処理　*/
.bg_black {
    background-color: #1d1d20;
}
.bg_black .wp-block-group{
    background-color: #1d1d20;
}
.wp-block-group{
    padding: 50px 0;
    
}
.bg_black {
    background-color: #1d1d20;
    color: white;
}
.design h2.cubrick-h2 {
    font-size: 5rem;
}
h2.cubrick-h2{
    opacity: 0;
    font-family: impact;
    font-size: 10rem;
    margin: 0 auto;
    text-align: center;
}
.bg_black h2.cubrick-h2{
    color: white;
}
.design h2.cubrick-h2 span{
    font-size: 10rem;
}
h2.cubrick-h2+p {
    width: 80%;
    max-width: 650px;
    padding-bottom: 20px;
    border-bottom: 3px solid #ed6c00;
    font-size: 1.5rem;
    font-weight: bold;
    margin: -30px auto 60px auto;
    text-align: center;
}
.bg_black h2.cubrick-h2+p{
    color: white;
}
h3.cubrick-h3 {
    background: #000;
    padding: 30px 20px;
    font-size: 4rem;
    color: #fff;
    text-align: center;
    font-family: impact;
}h3.cubrick-h3 span {
    font-size: 1.7rem;
}


/* title */
.wp-block-group.bolck-title {
    padding-bottom: 0px;
}

/*MV部分*/
.mv-area {
    padding-top: 0!important;
}
.wp-block-cover.alignwide.mv-bg {
    width: 100%;
    min-height: 750px!important;
}

.mv-bg img {
    object-fit: contain!important;
}

.mv-bg span.wp-block-cover__background.has-background-dim {
    display: none;
}
.mv-bg p.has-text-align-center.has-large-font-size {
    font-family: impact;
    font-size: 12rem!important;
    text-shadow: 0px 0px 20px BLACK;
}

/* about部分 */
.wp-block-group.top-about .wp-block-columns {
    gap: 0;
}
.wp-block-group.top-about .wp-block-columns>.wp-block-column{
    flex-basis: 50%!important;
}


img.wp-image-47 {
    /* width: 80%; */
    text-align: center;
}

.wp-block-group.top-about .wp-block-columns>.wp-block-column:nth-child(2) figure.wp-block-image.size-full {
    width: 80%;
    margin: 0 auto;
}
.top-about{
    padding: 20px 0!important;
}
.top-bg1{
  filter: grayscale(100%);
}

/* introduction */
.video-center{
text-align: center;
}video {
    width: 70%;
    max-width: 1024px!important;
    margin-bottom:50px!important;

}

/* charm部分 */
.text-charm{
    background-image: url(https://cubrick.biz/wp-content/uploads/2024/01/bg-charm-1024x704.png)!important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
}

/* container部分 */
.wp-block-group.pt-0 {
    padding-top: 0!importnat;
}

.wp-block-group.container {
    padding: 20px 0!important;
}


/* product */

.product-post-item {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 580px;
    position: relative;
}.product-post-item a.detail-link{
    position:absolute;
    top: 350px;
    left: 30px;
    width: 400px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 1.5em;
    color: white;
    background: #000;
    border-radius: 5px;
    text-decoration: none;
}
.product-post-item h2 {
    display: none;
}.wp-block-group>.product-post-item:nth-of-type(2) a,
.wp-block-group>.product-post-item:nth-of-type(3) a{
    top: 440px!important;
}.wp-block-group>.product-post-item:nth-of-type(4) a{
    top: 380px!important;
}
.wp-block-group>.product-post-item:nth-of-type(1){
    height: 460px;
}.wp-block-group>.product-post-item:nth-of-type(5){
    height: 560px;
}.wp-block-group>.product-post-item:nth-of-type(6){
    height: 500px;
}
.detail_flex {
    display: flex;
    flex-wrap: wrap;
}

.detail-block {
    width: 44%;
    padding: 20px;
    margin: 20px;
    border: 1px solid #86868b;
    background-color: #f2f2f2;
    border-radius: 30px;
    font-size: 1.6rem;
    text-align: center;
    font-weight: bold;
}

.detail-description > img {
    width: 80%;
    margin: 20px auto;
}p.price {
    font-family: impact;
    font-size: 4rem;
    text-align: center;
}
p.price span{
    font-family: impact san-serif;
    font-size: 1.6rem;
}


/* design */

.wp-block-group .design-post-item {
    width: 42vw;
    height: 500px;
    float: left;
    background-color: #fff;
    background-size: 70%;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 20px;
    margin: 20px !important;
    padding: 20px;
    text-align: center;
    position: relative;
}


.scroll_container {
    height: 300vh;
  }
   
  .sticky_wrap {
    overflow: hidden;
    position: sticky;
    top: 0;
    height: 100vh;
  }
   
  .scroll_contents {
    height: 100%;
    width: 300vw;
  }
  
  .horizontal_scroll {
    position: absolute;
    top: 0;
    height: 100%;
    width: 300vw;
    will-change: transform;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
  }


.design-post-item h3 {
    font-size: 1.7rem!important;
    font-family: san-serif;
    font-weight: bold;
}
.design-post-item h3 span {
    font-size: 3rem!important;
}
.wp-block-group::after{
    display: block;
    content: "";
    clear: both;
}
.design-post-item>div {
    position: absolute;
    top: 390px;
    left: 0;
    width: 100%;
}
.design-post-item a.detail-link {
    width: 400px;
    height: 60px;
    display: inline-block;
    margin: 0 auto;
    line-height: 60px;
    text-align: center;
    font-size: 1.5em;
    color: white;
    background: #000;
    border-radius: 5px;
    text-decoration: none;
}.cubrick-btn {
    padding: 20px;    
    margin: 30px auto;
    display: block;
    text-align: center;
    font-size: 1.5em;
    color: white;
    background: #000;
    border-radius: 5px;
    text-decoration: none;
    width: 40%;
    max-width: 400px;
}
/* quotation */
.table_flex > div {
    width: 49%;
    margin: 0.5%;
}

.quotation .table_flex {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #fff!important;
    /* justify-content: space-between; */
}
.quotation .table_flex .quotation-box {
    width: 100%;
    padding: 20px;
    border: 1px solid #ccc;
    background: #eee;
    border-radius: 20px;
    text-align: center;
    font-weight: bold;
}
.quotation .table_flex .quotation-box img {
    margin: 0;
    width: 90%;
}
.table_flex input {
    width: 90%!important;
    margin: 10px 5px;
}
.table_flex select {
    width: 96%;
    margin: 10px 5px;
}

.quotation table {border-collapse: collapse;border: 1px solid #fff!important;}

.quotation tr {
    border: 20px solid #fff!important;
}.step17 {
    display: none;
}
.quotation td:first-child {
            background: #000;
            color: #fff;
            font-family: impact;
            height: 180px;
            font-size: 2rem;
            width: 100px;
        }.quotation td:first-child span{
            transform: rotate(-90deg);
            display:block;width: 120px;
        }




/* result */

#result th:nth-child(2),
#result th:nth-child(4),
#result td:nth-child(2),
#result td:nth-child(4),
#result tr:last-child{
    display: none;
}
#result{
    width: 80%;
    margin: 0 auto;
}

#result a#calculateButton {
    display: block;
    margin: 10px auto;
    padding: 10px 20px;
    font-size: 16px;
    width: 400px;
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #666;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
#result a#calculateButton:hover {
    cursor: pointer;
}


/* form */
.required span {
    color: red;
    margin-left: 10px;
    font-size: 0.8rem;
}
form {
    margin: 20px auto!important;
    width: 80%;
}
.mailform_con dl {
    display: table;
    width: 100%;
}
.mailform_con dl dd {
    width: 100%;
    display: table-cell;
}
.mailform_con dl dt {
    width: 30%;
    display: table-cell;
    vertical-align: middle;
}input[name="zip"],select[name="address1"] {
    width: 50%!important;
}
.mt30{
    margin-top: 60px;
}

input[type="text"],
input[type="email"],
input[type="number"],
textarea {
  font-size: 16px !important;
  width: 100%;
  border: 1px solid #999;
  outline: none !important;
  box-shadow: none;
  height: 55px;
  padding: 2px 16px;
  border-color: #999;
  border-radius: 4px
}
input[type="number"]{
  width:30%;
}
input:focus {
  border-color: #E6A54D
}

select {
  text-transform: none;
  display: block;
  font-size: 16px;
  line-height: 1.3;
  height: 50px;
  padding: 6px 16px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  box-shadow: none;
  margin: 0;
  border: 1px solid #999;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("https://grow-group.jp/wp-content/uploads/2021/04/img-select.png");
  background-position: top 50% right 20px;
  background-repeat: no-repeat;
  border-radius: 4px !important;
  position: relative
}

select::-ms-expand {
  display: none
}
select:focus {
  border-color: #E6A54D;
  outline: none;
}


/* order */
.design-post-item.order {
    width: 100%!important;
    float: initial!important;
    background-size: 60%!important;
}

/* news */

.newspost li a {
    text-decoration: none;
}

.newspost li {
    border-bottom: 1px solid #ccc;
}

.newspost li a div p span {
    font-size: 2.5rem;
}

.newspost li a div {
    margin-right: 50px;
}

ul.newspost {
    padding: 0 20px;
    list-style: none;
    font-family: san-serif;
}
ul.newspost h4 {
    padding: 20px 0px;
} .entry-content {
    padding: 0 20px 50px 20px;
}.type-post h3 {
    padding: 0 20px;
}.type-post .post-thumbnail {
    padding: 50px 20px;
    text-align: center;
}
.post-navigation {
    display: flex;
    padding: 20px;
    justify-content: space-between;
    margin-top: 20px;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    padding: 10px 20px;
    background-color: #000000;
    border-radius: 5px;
}.post-navigation a{
    color: #fff!important;
    text-decoration: none;
}

.post-navigation.nav-previous:hover,
.post-navigation.nav-next:hover {
    background-color: #373737;
}


/* company */
.page-id-122 .template-title {
    display: none;
}
.page-id-122 table {
  border-collapse: collapse;
  margin: 20px auto!important;
  padding: 0;
  width: 80%;
  table-layout: fixed;
  font-size: 1.2rem;
}

.page-id-122 table tr {
    padding: .35em;
  }
  .page-id-122 table th{
      border-top: 2px solid #ff6900;
      /* border-bottom: 2px solid #ff6900; */
      width: 30%;
      margin: 30px;
  }
  .page-id-122 table tr:last-child th{
      border-bottom: 2px solid #ff6900;
  }
  .page-id-122 table td{ 
      padding: 1em 10px 1em 1em;
      border-top: 2px solid #000000;
  }
  .page-id-122 table tr:last-child td{
      border-bottom: 2px solid #000000;
  }


/* 1024 */
/* 1024 */
/* 1024 */
@media (max-width: 1024px){
    .mv-bg p.has-text-align-center.has-large-font-size {
        font-size: 7rem!important;
    }.wp-block-cover.alignwide.mv-bg{    
        min-height: 410px!important;
    }
    h2.cubrick-h2 {
        font-size: 5rem;
    }h2.cubrick-h2+p{    
        margin: 0px auto 60px auto;
    }
    figure.wp-block-image.size-large.text-charm {
        width: 80%;
    }
    a.detail-link {
        width: 80%;
        font-size: 1em;
    }
    figure.wp-block-image.size-large.text-charm {
        width: 80%;
    }
    
    img.wp-image-51 {
        width: 80%;
    }
    .design-post-item h3 span {
        font-size: 2rem!important;
    }.design-post-item h3 {
        font-size: 1.2rem!important;
    }
        
    .container figure.wp-block-image {
        text-align: center;
    }
    
    .product-post-item > a.detail-link {
        width: 50%;
        left: 25%;
    }
    
    .product-post-item {
        height: auto;
        padding-top: 50%;
    }
    .product-post-item a.detail-link {
        position: absolute;
        top: 70%;
    }
.wp-block-group>.product-post-item:nth-of-type(2) a, .wp-block-group>.product-post-item:nth-of-type(3) a {
    top: 85%!important;
}.wp-block-group>.product-post-item:nth-of-type(4) a {
    top: 85%!important;
}.wp-block-group>.product-post-item:nth-of-type(5) a {
    top: 80%!important;
}
.wp-block-group>.product-post-item:nth-of-type(1),
.wp-block-group>.product-post-item:nth-of-type(5),
.wp-block-group>.product-post-item:nth-of-type(6) {
    height: initial;
}
    .product-post-item {
        background-size: 80%;
        background-position: center center;
    }
.design-post-item a.detail-link {
    width: 83%;
    font-size: 1.1rem;
}p.has-text-align-center.company-name.wp-block-site-title.has-medium-font-size {
    margin: 0 auto;
}p#company-address {
    text-align: center;
    margin: 0 auto;
}footer figure.wp-block-image.size-full {
    width: 60%;
    text-align: center;
}
footer .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:nth-child(2),
footer .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:nth-child(3),
footer .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:nth-child(4) {
    display: none;
}
form {
    margin: 20px auto!important;
    width: 100%;
}
.wp-block-group .design-post-item {
    height: 430px;
}.design-post-item>div{
    top: 340px;
}

footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
    flex-grow: 0;
    flex-basis: 100%!important;
}


}

/* 550 */
/* 550 */
/* 550 */
@media (max-width: 750px){

    .wp-block-group .design-post-item {
        height: 370px;
        width: 90%;
    }.design-post-item>div{
        top: 280px;
    }
    .design-post-item a.detail-link span {
        display: none;
    }
    
    .newspost li a div p span {
        font-size: 2rem;
    }

    .newspost li a div {
        margin-right: 30px;
    }
    ul.newspost h4 {
        padding: 20px 0px;
        font-size: 1rem;
    }
    
}



/* 550 */
/* 550 */
/* 550 */
@media (max-width: 550px){
    .mv-bg p.has-text-align-center.has-large-font-size {
        font-size: 5rem!important;
    }
    footer p.has-text-align-center.p-share {
        width: 80%;
    }



.wp-block-group .design-post-item {
    height: 320px;
}
.design-post-item a.detail-link {
    font-size: 1rem;
    top: initial!important;
    bottom: 10px;
    left: 9%;
}.design-post-item h3 span {
    font-size: 1.4rem!important;
}.design-post-item h3 {
    font-size: 1rem!important;
}

td:first-child {
    font-size: 1.5rem;
}td:first-child span {
    width: 80px;
}.cubrick-btn {
    width: 80%;
    font-size: 1.3rem;
}
h3.cubrick-h3 {
    width: 90%;
    margin: 0 auto;
}h2.cubrick-h2 {
    font-size: 3.5rem;
}.product-post-item {
    margin-bottom: 40px!important;
}h2.cubrick-h2+p {
    font-size: 1.1rem;
}

.wp-block-cover.alignfull.top-bg1,
.top-bg2>.wp-block-cover {
    height: 250px;
    min-height: auto!important;
}
.wp-block-cover.alignfull.top-bg1 > img,
.wp-block-cover.alignfull.top-bg1 > span,
.top-bg2 > img,
.top-bg2 > span{
    height: 250px;
}video {
    width: 90%;
}.scroll_container {
    height: auto;
}
.sticky_wrap{
    height: auto;
    position: initial;
    overflow: initial;
}
.wp-block-group .design-post-item {
    height: 370px;
}.design-post-item>div{
    top: 280px;
}.horizontal_scroll {
    position: initial;
    width: initial;
    display: block;
}



}



/* animation */
.fadeUpTrigger{
opacity: 0;
}
.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity: 0;
}
@keyframes fadeUpAnime{
from {
    opacity: 0;
    transform: translateY(100px);
}
to {
    opacity: 1;
    transform: translateY(0);
}



}



header.wp-block-template-part {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000; /* 必要に応じて調整 */
}
.wp-site-blocks {
    padding-top: 100px;
}
.slick-prev:before, .slick-next:before {
    font-size: 40px!important;
    color: #282828!important;
}.slick-prev, .slick-next {
    width: 40px!important;
    height: 40px!important;
}
.slider-container .slick-prev:before,
.slider-container .slick-next:before {
    color: #ed6d00!important;
}

/* 550 */
/* 550 */
/* 550 */
@media (max-width: 550px){

.slick-prev{
left: 5px!important;
    z-index: 10;}
.slick-next{
right: 5px!important;
    z-index: 10;}

}


h4.wp-block-heading {
    font-size: 3.2rem;
    font-weight: bold;
    color: white;
}

h4.wp-block-heading+p {
    font-size: 1.2rem;
}

.charm_text1,
.charm_text2,
.charm_text3,
.charm_text4{
    width: 500px;
    position: absolute;
    background-color: initial!important;
}
.charm_text1{
    top: 0px;
}

.charm_text2{
    top: 150px;
    right: 0px;
}
.charm_text3{
    top: 300px;
}
.charm_text4{
    top: 450px;
    right: 0px;
}

.text-charm img{
    display: none;
}

figure.wp-block-image.size-large.text-charm {
    width: 100%;
    height: 570px;
}
.charm-block{
    position: relative;
}



/* 追加処理 */
h4.wp-block-heading {
    font-size: 3.2rem;
    font-weight: bold;
    color: white;
    text-shadow: 0px 0px 15px #000;
}

h4.wp-block-heading+p {
    font-size: 1.2rem;
    text-shadow: 0px 0px 15px #000;
}

.charm_text1,
.charm_text2,
.charm_text3,
.charm_text4{
    width: 500px;
    position: absolute;
    background-color: initial!important;
}
.charm_text1{
    top: 0px;
}

.charm_text2{
    top: 150px;
    right: 0px;
}
.charm_text3{
    top: 300px;
}
.charm_text4{
    top: 450px;
    right: 0px;
}

.text-charm img{
    display: none;
}

figure.wp-block-image.size-large.text-charm {
    width: 100%;
    height: 570px;
}
.charm-block{
    position: relative;
}

/* 1024 */
@media (max-width: 1024px){

    h4.wp-block-heading {
        font-size: 2.2rem;
    }
    
    h4.wp-block-heading+p {
        font-size: 1rem;
    }
    
    .charm_text1,
    .charm_text2,
    .charm_text3,
    .charm_text4{
        width: 400px;
        position: absolute;
        background-color: initial!important;
    }
    .charm_text1{
        left: 20px;
    }
    
    .charm_text2{
        right: 20px;
    }
    .charm_text3{
        left: 20px;
    }
    .charm_text4{
        right: 20px;
    }
    



}
/* 1024 */
@media (max-width: 550px){

    h4.wp-block-heading {
        font-size: 1.8rem;
    }
    
    h4.wp-block-heading+p {
        font-size: 0.8rem;
    }
    
    .charm_text1,
    .charm_text2,
    .charm_text3,
    .charm_text4{
        width: 300px;
        position: absolute;
        background-color: initial!important;
    }
    .charm_text1{
        top: 0px;
        left: 20px;
    }
    
    .charm_text2{
        top: 150px;
        right: 20px;
    }
    .charm_text3{
        top: 300px;
        left: 20px;
    }
    .charm_text4{
        top: 450px;
        right: 20px;
    }
    



}

.lenis.lenis-smooth {
scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}

.lenis.lenis-stopped {
overflow: hidden;
}

.lenis.lenis-scrolling iframe {
pointer-events: none;
}

.progressbar {
    position: fixed;
    top: -20px;
    left: 0;
    width: 0;
    height: 5px;
    background-color: #ff6900;
    animation: progressbar linear both;
    animation-timeline: scroll();
    animation-range: entry 0% cover 100%;
  }
  
  @keyframes progressbar {
    from {
      width: 0;
    }
  
    to {
      width: 100%;
    }
  }

.fadeinzoomtrigger {
    opacity: 0;
}

.fadeinzoom {
    opacity: 0;
    transition: transform 2s ease;
    animation-name: fadeinzoom;
    animation-duration:1s;
    animation-fill-mode:forwards;
}

@keyframes fadeinzoom{
    from {
        opacity: 0;
        transform: scale(1.8) translateY(100px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0px);
    }
}


/* 追加されるCSSスタイル */
.hidden {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.mv-text{
    position: relative;
    transform: initial;
}
.mv-text span{
    display: inline-block;
    position: relative;
    transform: initial;
}
.mv-area{
    position: relative;
    transform: initial;
}

/* メニュー2列 */
ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation{
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    display: flex;
    flex-direction: row;
    width: 50%;
    gap: 0;
    align-content: center;
}ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li{
    align-items: var(--navigation-layout-justification-setting, initial);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 50%;
    gap: 0;
}li.wp-block-navigation-item.wp-block-navigation-link {
    width: 100%;
}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
    flex-direction: initial!important;
    flex-wrap: wrap!important;
}
.wp-image-11{
    opacity: 0;
}
button.wp-block-navigation__responsive-container-close svg {
    width: 70px;
    height: 70px;
}
/* 1024 */
@media (max-width: 1024px){
    ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li a {
        font-size:3em!important;
    }
}
/* 1024 */
@media (max-width: 550px){
    ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li{
        display: block!important;
        width: 100%!important;
    }
    ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li a {
        font-size:2em!important;
    }
}