@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&display=swap");
body {
	letter-spacing:0.04em;
}
[class^="sttl-"], [class*=" sttl-"] {
	font-family: "Libre Baskerville", sans-serif;
}
.mttl-4 span,
.site-header .custom-header #site-navigation .gnav a{
	font-family: "Libre Baskerville", sans-serif;
	letter-spacing:0;
}
/* EN h-sns */
.p-en .site-header .custom-header .h-sns {
	width: 60px;
	list-style: none;
	position: fixed;
	right: 0;
	top: 50%;
	margin: 0;
	padding: 0;
	z-index: 10;
	transform: translateY(-50%);
	background:rgba(255,255,255,0.6);
}
.p-en .site-header .custom-header .h-sns .sbox-sns {
	margin: 0;
	padding: 0;
	text-align: center;
	transition: all ease 0.28s;
}
.p-en .site-header .custom-header .h-sns .sbox-sns a {
	display: block;
	text-align: center;
	padding: 15px 0;
	transition: all ease 0.28s;
}
.p-en .site-header .custom-header .h-sns .sbox-sns a:hover {
	background: var(--color-seco);
}
.p-en .site-header .custom-header .h-sns .sbox-sns a img {
	width: 28px;
	transition: all ease 0.28s;
}
.p-en .site-header .custom-header .h-sns.fixed-hsns {
	width: 45px;
}
.p-en .site-header .custom-header .h-sns.fixed-hsns .sbox-sns {
	margin: 0 0 15px 0;
}

.p-en .site-header .custom-header .h-sns.fixed-hsns .sbox-sns a {
	padding: 10px 0;
}

.p-en .site-header .custom-header .h-sns.fixed-hsns .sbox-sns a img {
	width: 25px;
}
/* EN.p-en slide sitename ----------------------------*/
@media screen and (min-width: 48em) {
	.p-en .are.p-enslide {
		position: relative;	
	}
	.p-en .are.p-enslide,
	.are.p-enslide #mainvisual {
		height: calc(100vh - 32px);
		height: 100vh;
		max-height: 100%;
		overflow: hidden;
	}
}

@media screen and (max-width: 768px) {
	.p-en #mainvisual {
		width: 100% !important;
		background:transparent;
	}
}
.p-en #page.site {
	position: relative;
	background: url(/assets/images/common/bg.svg) repeat-y center top / 100% auto;
}
.p-en #page.site .skip-link {
	display: none;
	
}

/* EN news --------------------------------------*/
.p-en #sec-news {
	padding-bottom: 100px;
}
.p-en #sec-news .sttl-news {
	width: 350px;
	position: relative;
}
.p-en #sec-news .sttl-news::before,
.p-en #sec-news .sttl-news::after {
	content:"";
	display: block;
	position: absolute;
}
.p-en #sec-news .sttl-news::before {
	background: var(--color-prim);
	width: 93px;
	height: 93px;
	left: 248px;
	top: 240px;
}

.p-en #sec-news .sttl-news::after {
	background: #46d3f0;
	width: 38px;
	height: 38px;
	left: 194px;
	top: 348px;
}
.p-en #sec-news .sttl-news h2 {
	position: relative;
	margin-left:100px;
	width: 200px;
	height: 280px;
	background: var(--color-prim);
	writing-mode: vertical-rl;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center!important;
}
.p-en #sec-news .sttl-news h2 span {
	display: block;
}

.p-en #sec-news .bgen-m {
	right: -0.055em;
	top:0;
	z-index:5;
	font-size:120px;
	color: var(--color-text-caption);
	background:rgba(255,255,255,0.8);
}

.p-en #sec-news .catch-txt {
	width: calc(100% - 410px);
	margin-top:150px;
		text-align:center;
}
.p-en #sec-news .list-news {
	width: calc(100% - 410px);
	margin-top:150px;
	text-align:left;
	line-height:1.8rem;
}
/* EN home --------------------------------------*/
.p-en #sec-aboutchusen h2,
.p-en #sec-tokyohonzomechusen h2,
.p-en #aboutkanchu h2{
	position:relative;
	font-size:3em;
	line-height:1.2;
	letter-spacing:0;
}
.p-en  #sec-lineup h3 {
	position:relative;
	font-size:2.4em;
	line-height:1.2;
	letter-spacing:0;
}
.p-en #aboutkanchu table td{font-size:0.9em;letter-spacing:0;}
#sec-tokyohonzomechusen .row{align-items:center;}
#sec-tokyohonzomechusen .pic-l{
	right:-50%;
	width:150%;
}
#sec-tokyohonzomechusen .p-en a.btn-gear:link{
	position:absolute;
	bottom:20px;
}
#SupportingMember{
	
	line-height:1;
}
#SupportingMember a{
	text-decoration:none;
}
.par-en #abouttokyohonzomechusen.c-button-anchor > li > a > span {
	font-size: 1.2rem;
	letter-spacing:0;
}
@media (min-width: 768px) {
	.arrow-right-s.left {
		left:-20px;
		bottom: 1%;
	}
	.par-en #abouttokyohonzomechusen.c-button-anchor > li > a > span {
		font-size: 1.4rem;
	}
}
@media (max-width: 570px) {
	.p-en #sec-aboutchusen h2,
	.p-en #sec-tokyohonzomechusen h2,
	.p-en #aboutkanchu h2,
	.p-en #sec-lineup h3.sttl-m,
	.p-en #aboutkanchu h2{
		font-size: 2rem;
		line-height:1.2;
	}
	.p-en #sec-member .catch-txt h2{top:-50px;}
	#home-sitename .inner::before {
		display:none;
	}
	#Members-List .c-table th, 
	#Members-List .c-table td {
		display: block;
		padding: 6px;
	}
}
}
@media screen and (max-width: 550px) {
	#home-sitename{right:0;}
	#home-sitename .inner {
		padding: 25px 5%;
		text-align:right;
		transform: scale(0.6, 0.6);
		transform-origin: right bottom;
	}
}
@media screen and (max-width: 768px) {
	.site-header .custom-header.inpage .pagetitle .pagettl-ja {
		font-size: 1.4em;
		line-height:1.2;
	}
}
/* table */
.c-table--min-s::before,
.c-table--min-m::before,
.c-table--min-full::before {
	background: url(/assets/images/common/table-swipe-en.svg) no-repeat center;
}

/* Hover effects */
.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}