@charset 'UTF-8';

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

body.ja .sidebar-wrap .midasi::before 
{
	background-image:url('../img/pc/tokyo/tokyo_title_pc.svg');
}
body.en-US .sidebar-wrap .midasi::before 
{
	background-image:url('../img/pc/tokyo/tokyo_title_en.svg');
}
body.ko-KR .sidebar-wrap .midasi::before 
{
	background-image:url('../img/pc/tokyo/tokyo_title_ko.svg');
}
body.zh-CN .sidebar-wrap .midasi::before 
{
	background-image:url('../img/pc/tokyo/tokyo_title_zh_CN.svg');
}
body.zh-TW .sidebar-wrap .midasi::before 
{
	background-image:url('../img/pc/tokyo/tokyo_title_zh_TW.svg');
}
body.fr-FR .sidebar-wrap .midasi::before 
{
	background-image:url('../img/pc/tokyo/tokyo_title_fr_FR.svg');
}
body.de-DE .sidebar-wrap .midasi::before 
{
	background-image:url('../img/pc/tokyo/tokyo_title_de_DE.svg');
}

:root{
	--header: 100px;
	scroll-padding: var(--header);
	scroll-behavior: smooth;
}

.pageContainer{
	/*padding-top: 20px;
	margin-top: -9vw;*/
}

.title_svg, .img_photo {
	margin-bottom: 10vw;
	width: 100%;
	padding-right: 15vw;
	margin-top: 0vw;
}

.title_svg p, .img_photo p{
	margin:0;
	padding: 1.4vw 0;
	font-size:1.4vw;
	font-weight: 350;
}
.title_svg p span, .img_photo p span{
	font-family: "EB Garamond", serif;
	font-style: italic;
	padding-right: 0.35rem;
	font-size: 1.6vw;
}

.km{
    font-size: clamp(10px, 3vw, 55px);
    font-family: "Noto Serif JP", system-ui;
    font-weight: 500;
    color: #be8c4b;
    border-bottom: 0.25vw solid #be8c4b;
    margin-bottom: 30px;
}
.z_b {
    width: 100%;
    color: #fff;
    font-size: 1.2vw;
    margin: 10px 0 0;
}

.z_b a {
    width: 25%;
    color: #fff;
    font-size: 1.2vw;
    border: 1px solid #fff;
    text-align: center;
    padding: 10px;
    font-style: normal;
    font-family: "Noto Sans JP", "Roboto", sans-serif;
    font-size: 1.4vw;
}
#pr_l{
    border-top: 0.25vw solid #be8c4b;
    padding-top: 6vw;
    margin-top: -6vw;
}
#ltxt span{font-style: normal;font-family: "Noto Sans JP", "Roboto", sans-serif;    font-size: 1.4vw;}
#_ltxt-1{padding-right:3rem;font-style: normal; font-family: "Noto Sans JP", "Roboto", sans-serif;    font-size: 1.4vw;}

.pc { display: block !important; }
.sp { display: none !important; }

/*//////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA SCREEN ////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 650px)
{

	body.ja .sidebar-wrap .midasi::before 
	{
		background-image: url('../img/sp/tokyo/tokyo_title_ja_sp.svg');
	}
	body.en-US .sidebar-wrap .midasi::before 
	{
		background-image: url('../img/sp/tokyo/tokyo_title_en.svg');
	}
	body.ko-KR .sidebar-wrap .midasi::before 
	{
		background-image: url('../img/sp/tokyo/tokyo_title_ko.svg');
	}
	body.zh-CN .sidebar-wrap .midasi::before 
	{
		background-image: url('../img/sp/tokyo/tokyo_title_zh_CN.svg');
	}
	body.zh-TW .sidebar-wrap .midasi::before 
	{
		background-image: url('../img/sp/tokyo/tokyo_title_zh_TW.svg');
	}
	body.fr-FR .sidebar-wrap .midasi::before 
	{
		background-image: url('../img/sp/tokyo/tokyo_title_fr_FR.svg');
	}
	body.de-DE .sidebar-wrap .midasi::before 
	{
		background-image: url('../img/sp/tokyo/tokyo_title_de_DE.svg');
	}
	.pageContainer{
	    padding-top: 20px;
	}
	.title_svg, .img_photo {
		padding-right: 2rem;
	}
	.title_svg p, .img_photo p {
	    font-size: 85%;
	}
	.title_svg p span, .img_photo p span{
	    padding-right: 0.25rem;
	    font-size: 120%;
	}
	#ltxt{
	    margin-right: -2rem;
	    font-size: 85%;
	}
	#ltxt span{ font-size: 85%;}
	#_ltxt-1{padding-right:0;font-size: 85%;}
	.km {
	    font-size: 6.6vw;
	    margin-bottom: 20px;
	}
	.z_b a {
            width: 90%;
            font-size: 0.9rem;
	    display: block;
	}

	.pc { display: none !important; }
	.sp { display: block !important; }

}