/*
Theme Name: Twenty Twenty-Five Child
Template: twentytwentyfive
*/



/*  */
/* ニュースセクションやサイトタイトルのフォント変更 */
.wp-block-site-title a {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-weight: 700 !important;  /* 太字にする */
	    letter-spacing: -0.06em;
}

/* 記事タイトルのフォント変更（例） */
h1, h2, h3 {
  font-family: 'Roboto', sans-serif !important;
}

/* 他の要素にも適用したい場合 */
body {
  font-family: 'Roboto', sans-serif !important;
}









/* header */
body:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: 60px;
    background: #ffd800;
    z-index: 900;
}

p.wp-block-site-title {
    font-size: 8rem;
}

header.wp-block-template-part {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99999999;
}

figure.wp-block-gallery.has-nested-images.columns-default.is-cropped.wp-block-gallery-2.is-layout-flex.wp-block-gallery-is-layout-flex {
    margin-top: 0;
}



.wp-block-query.alignfull.bl_news.is-layout-flow.wp-block-query-is-layout-flow {
    max-width: var(--wp--style--global--wide-size);
    margin: auto;
}

.bl_about01:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    /* background: #ffffff; */
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgb(255 255 255 / 0%); /* 半透明の背景色 */
    backdrop-filter: blur(10px); /* 背景ぼかし */
    -webkit-backdrop-filter: blur(10px); /* Safari用ベンダープレフィックス */
    border-radius: 15px; /* 丸みを追加 */
    border: 1px solid rgba(255, 255, 255, 0.2); /* 半透明のボーダー */
}

.bl_about01 {
    position: relative;
}





/*top*/
ul.slider li {
    width: 90vw ! IMPORTANT;
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

ul.slider li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #545454;
    box-sizing: border-box;
    border-radius: 4vw;
}




/* top */

p.wp-block-site-title {
    font-family: "helvetica-neue-lt-pro", sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}


h2.wp-block-heading.alignwide.has-text-align-center.has-x-large-font-size {
    font-family: "helvetica-neue-lt-pro", sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

h3 {
    font-family: 'Noto Sans JP', sans-serif !important;
    letter-spacing: 0.1em !important;
    font-weight: 100 !important;
}

h3.wp-block-post-title.has-medium-font-size {
    font-family: 'Roboto', sans-serif;
    font-weight: 100 !important;
    letter-spacing: 0.05em !important;
    color: #3d3d3d !important;
}

/* タイトルのいろ */
.wp-block-site-title {
    color: black;
}
p.wp-block-site-title {
    color: black !important;
}
p.wp-block-site-title a {
    color: black;
}


/* ニュースの部分 */
.wp-block-group.bl_news.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    border-bottom: 3px solid #000000;
    border-radius: 30px;
    border-right: 3px solid #000000;
    border-left: 3px solid #000000;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    margin-top: 0;
	
    margin-bottom: -50px;
    z-index: 1;
    background: white;
}


/* タイトル */
h2.top_h2 {
    text-align: left;
    font-size: 60px !important;
    text-transform: none !important;
}



/* スライダー部分 */
.bx-wrapper {
    z-index: 2;
    margin-top: 200px !important;
}







/* 下層ページ部分 */
.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
/*     margin-top: 100px; */
}
.wp-block-group.alignfull.bl_single.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-722c7d1d.wp-block-group-is-layout-constrained {
    border-top: 1px solid #eee;
    padding-top: 30px !important;
    margin-top: 180px !important;
}






/* アーカイブページヘッダー */
main#wp--skip-link--target {
    margin-top: 170px !important;
}

/* アーカイブページブロック */
.archive_pattern01 .single_box {
    padding: 0;
}

.archive_pattern01 .single_box img {
    border-radius: 20px;
    border: 3px solid #000000;
}
.archive_pattern01 .single_box .wp-block-post-date {
    position: absolute;
    top: 0;
    left: 0;
}
.archive_pattern01 .single_box h2 {
    position: absolute;
    bottom: 0;
    right: 0;
}
.archive_pattern01 .single_box figure {
    margin: 0 !important;
    width: 100%;
    max-width: inherit;
}




/* プロジェクトアーカイブ */
/* フロント＆エディタ両方で、アイキャッチ未設定時のプレースホルダー枠を非表示 */
.wp-block-post-featured-image.is-placeholder {
  display: none !important;
}

figure.wp-block-post-featured-image {
    border: 1px solid #000000;
    background: #f0f0f0;
}
.project-meta {
    position: absolute;
    z-index: 999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.project-place {
    top: 20px;
    left: 20px;
    position: absolute;
    color: white;
	    z-index: 2;
}

.project-name {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: right;
    display: inline-block;
    font-size: 60px;
    font-weight: bold;
    color: white;
/*     mix-blend-mode: difference; */
	    z-index:2;
}
.archive_pattern01 .single_box a:after {
    content: "";
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0000008c;
    z-index: 1;
    position: absolute;
	    border-radius: 26px;
}
h1.wp-block-query-title {
    font-weight: bold;
}


/* aboutページ */
.page-id-70 main#wp--skip-link--target {
    margin-top: 0 !important;
	    z-index: 99;
}


.page-id-356 main#wp--skip-link--target {
    margin-top: 0 !important;
	    z-index: 99;
}
div#wpadminbar {
    z-index: 9999999999999999;
}




/* aboutとwoodマンのフォンと */
.is-style-text-subtitle {
    font-family: "Shippori Mincho", serif !important;
}




@media screen and (max-width: 768px) {
	html {
    padding-top: 13vw;
}
	/* 1. ページ全体の横スクロールを無効化 */
html, body {
  overflow-x: hidden;         /* 横スクロールバーを非表示 */
  touch-action: pan-y;        /* 縦スクロールのみ許可 */
}

/* 2. overscroll-behavior でも抑制（最新ブラウザ対応） */
body {
  overscroll-behavior-x: none; /* 横方向のオーバースクロールを禁止 */
}

/* 3. コンテンツ幅がはみ出していないか要素をチェック */
.container, .wrap {
  max-width: 100%;            /* 親要素が横にはみ出すとズレる原因 */
  box-sizing: border-box;
}
	
/* スライド部分 */
	ul.slider li {
    height: 60vw !important;
    border-radius: 4vw !important;
}

.bx-viewport {
    height: 60vw !important;
}
	
/* ニュース部分	 */
	h3.wp-block-post-title.has-medium-font-size {
    display: block !important;
}
	
.wp-block-group.bl_news .has-text-align-right {
    text-align: left;
    line-height: 2.5em;
}

.wp-block-group.bl_news .is-layout-flex {
    display: block;
}
	.wp-block-group.bl_news .is-layout-flex {
    margin-top: -2vw;
    margin-bottom: -2vw;
}
	
	
/* 設定ばー下に */
	div#wpadminbar {
        bottom: 0;
        top: inherit;
        position: fixed;
}
	
/* ヘッダー	 */
	body:after {
    height: 7vw;
}
	html {
    margin-top: 0 !important;
}
	.bx-wrapper {
        margin-top: 20vw !important;
}
	.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
/*     padding-left: 4vw;
    padding-right: 4vw; */
}

/* タイトル */
p.wp-block-site-title {
    font-size: 17vw;
}
	
	
/* スライダーの革マル	 */
	.bx-wrapper img {
    border-radius: 5vw;
}
	ul.slider li:before {
    border-radius: 2vw;
}
	
	
	
	
/* フッター部分	 */
	.wp-block-group.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding-top: 20vw !important;
}
	
	
	
	
	
	
/* 下層　タイトルまわあり */
	.wp-block-group.alignfull.bl_single.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-722c7d1d.wp-block-group-is-layout-constrained {
    padding-top: 5vw !important;
    margin-top: 20vw !important;
}
	
	
	
/* プロジェクトアーカイブ */
.project-name {
    font-size: 9vw;
}
	main#wp--skip-link--target {
    margin-top: 19vw !important;
}
	main#wp--skip-link--target {
    padding-right: 4vw;
    padding-left: 4vw;
}
	

}