/*
Theme Name: Twenty Twenty-Three Child
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: Shimizu
Template: twentytwentythree
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree-child
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, accessibility-ready, blog, portfolio, news
*/

* {
	font-family: ryo-gothic-plusn, sans-serif;
}

@media (max-width: 781px){
	.showcase figure {
		width:75%;
		margin: 0 auto !important;
	}	
}
.wp-site-blocks{
	padding-top:0!important;
}
header{
	position: sticky;
    z-index: 999;
	top:0;
	left:0;
	width: 100%;
	background: rgba(7, 113, 191, 0.7);
}
.wp-site-blocks> header + * {
	margin-block-start: 0;
}
nav button svg[width="24"] {
	width:48px;
	height:48px;
}

body.page-id-458 span.page-title:after,
body.parent-pageid-458 span.page-title:after {
    content: "AKIHABARA";
}
body.page-id-298 span.page-title:after,
body.parent-pageid-298 span.page-title:after {
    content: "UENO OKACHIMACHI";
}
span.page-title:after{
    font-size: 2rem;
    color: #fff;
    letter-spacing: 8px;
    font-weight: 500;
}
@media screen and (max-width: 600px){
span.page-title:after{
    font-size: 1.5rem;
    letter-spacing: 2px;
}
}

#modal-1-content .wp-block-spacer {
	border-top: 2px solid #ffffff;
}
#modal-1-content a {
	font-size: 70%;
	line-height: 2.5em;
	letter-spacing: 0.2rem;
}
#modal-1-content a:focus {
	text-decoration: none;
}
#modal-1-content li.has-large-font-size.submenu {
    font-size: clamp(1.75rem*0.8, (1.75rem + ((1vw - 0.48rem) * 0.24))*0.8, 1.875rem*0.8)!important;
}

footer {
	white-space: nowrap;
}


body ul.is-layout-flow > li.swiper-slide + li.swiper-slide {
    margin-block-start: 0;
}



.is-nomargin{
	margin:0!important;
}
figure.wp-block-post-featured-image{
	position:inherit!important;
}
h1 .sub-title, h2 .sub-title{
	display:block;
	font-size: 40%;
	letter-spacing: 0.2rem;
}
.news {
	height: 200px;
    overflow-y: scroll;
}
.news li {
	margin: 10px 0!important;
}
.news li .wp-block-post-date{
	white-space: nowrap;
}
@media screen and (max-width: 781px){
	h1, h1.has-x-large-font-size {
		font-size: 24px!important;
	}
	.wrapper{
	  padding: 0!important;
	  margin:0 auto!important;
	  max-width: 95%;
	}
	.wp-block-button{
	  letter-spacing: 0.1rem!important;
	  white-space: nowrap;
	}
}
@media screen and (max-width: 1500px){
embed, iframe, object {
    max-width: 95%;
	height: 550px;
	display: block;
    margin: 0 auto;
}
}

/* POINT部分の装飾 */
.alert {
    position: relative;
    margin: 2em 0;
    border: solid 2px #000;
    border-radius: 2px;
	padding: 15px 5px 15px 30px;
}
.alert .alertbox_title {
    position: absolute;
    display: inline-block;
    top: -16px;
    left: 10px;
    padding: 0 9px;
    background: #FFF;
    color: #FF0000;
    font-weight: bold;
	letter-spacing: 0.1em;
	margin-left: 10px;
	font-size:1.125em;
}
.alert ul {
    margin: 0; 
    padding: 10px;
	font-size:1.125em;
	line-height:2em;
}


@media screen and (max-width: 767px){
	.alert{
		padding: 15px 5px 15px 15px;	
	}
}

/* aboutページul上部の余白調整 */
body ul.smallspace{
	margin-block-start:5px;
}
body p.smallspace{
	margin-block-start:5px;
}

/* よくあるご質問ページのインデント */
body p.leftspace{
	padding-left:4em;
}

@media screen and (max-width: 767px){
	body p.leftspace{
		padding-left:0;
	}
}

/* 2Fレンタルスペースの予約 */
body div.furnishingspace{
	margin-block-start:-5px;
}

@media screen and (max-width: 767px){
	body div.furnishingspace{
		margin-block-start:5px;
		display:block;
	}
}

/* GAME Listページ */
body .wp-block-separator{
	border:1px dashed #000;
	background-color:transparent!important;
}