@charset "UTF-8";

/* Wordpress ***********************************************************/
.has-text-align-right { text-align: right; }


/* General *************************************************************/
a, body { color: #383c3c; }

body, #pc {
	background:
		radial-gradient(#fbfaf5 15%, transparent 16%) 0 0,
		radial-gradient(#fbfaf5 15%, transparent 16%) 8px 8px,
		radial-gradient(rgba(248,244,230,.1) 15%, transparent 20%) 0 1px,
		radial-gradient(rgba(248,244,230,.1) 15%, transparent 20%) 8px 9px;
	background-color: #f8f4e6;
	background-size: 16px 16px;
	font-size: 15px;
}

body:not(.wp-admin) ol, body:not(.wp-admin) ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

dl, dd, figure, p { margin: 0; }

details:not(:last-child) { margin-bottom: 32px; }
details p {
	margin: 0 !important;
	padding: 8px 16px 12px;
}
details p:nth-child(2) { padding-top: 12px; }
details ol {
	list-style: decimal !important;
	padding: 8px 16px 12px 32px !important;
}
details ul {
	list-style: disc !important;
	padding: 8px 16px 12px 32px !important;
}
details li:not(:first-child) { margin-top: 12px; }

h1 { margin: 0; }
h2 { margin: 0 0 16px 0; }
h3 { margin: 16px 0; }
h4 { margin: 32px 0 16px; }

main {
	max-width: 1200px;
	margin: 16px auto;
	padding: 0 32px;
}

table { width: 100%; }

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

.pagetop {
 	display: none;
	position: fixed;
		right: 16px;
		bottom: 16px;
	width: 53px;
	height: 53px;
	background: rgba( 0, 0, 0, 0.3 );
	border-radius: 53px;
	color: #fff;
	cursor: pointer;
	font-size: 24px;
	line-height: 53px;
	text-align: center;
	text-decoration: none;
}
.pagetop:hover { background: #595857; }

.wp-block-table { margin: 0; }

.ls-n {
	list-style: none;
    margin-left: -20px;}

.ml-16 { margin-left: 16px; }
.ml-32 { margin-left: 32px; }

.notice {
    padding-left: 48px;
	text-indent: -32px;
}

.ti-074 {
	margin-left: 74px;
	text-indent: -74px;
}

@media screen and (max-width:768px) { 
	main { padding: 0 8px; }
}


	/* スムーススクロール **********************************************/
	html{ scroll-behavior: smooth; }

	/* ページネーション ************************************************/
	.pagination {
		font-size: 1.1em;
		margin-top: 48px;
		overflow: hidden;
	}

	.pagination span,
	.pagination a {
		display: block;
		float: left;
		width: auto;
		margin-right: 0.5em;
		padding: 0.2em 0.8em;
		background-color: #eee;
		border: 1px solid #bbb;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: #333;
		text-decoration: none;
	}

	.pagination a:hover { background-color: #fff; }

	.pagination .current {
		background-color: #fff;
		font-weight: bold;
	}

	.pagination .pc_page_navi { display: block; }


/* Header **************************************************************/
header {
	max-width: 1200px;
	margin: 0 auto;
	padding: 16px 32px;
}

header > div { display: flex; }

.brand {
	text-align-last:justify;
	width: 240px;
}

.brand a { text-decoration: none; }

.brand div:first-child {
	font-size: 32px;
	font-weight: bold;
}
.brand div:last-child { font-size: 18px; }

@media screen and (max-width:768px) { 
	header { padding: 16px; }
}


/* Navi ****************************************************************/
#pc { width: calc( 100% - 240px ); }
#pc ul {
	display: flex;
		align-items: center;
		justify-content: flex-end;
	height: 80px;
}
#pc ul li { margin: 0 12px; }

#sp { display: none; }

@media screen and (max-width:768px) {
	#pc { display: none; }
	#sp { display: block; }
}

	/* Hamburger Menu **************************************************/
	.menu-btn {
		position: fixed;
		top: 10px;
		right: 10px;
		display: flex;
		height: 60px;
		width: 60px;
		justify-content: center;
		align-items: center;
		z-index: 90;
		background-color: #727171;
	}
	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
		content: '';
		display: block;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background-color: #fff;
		position: absolute;
	}
	.menu-btn span:before {
		bottom: 8px;
	}
	.menu-btn span:after {
		top: 8px;
	}

	#menu-btn-check {
		display: none;
	}

	#menu-btn-check:checked ~ .menu-btn span {
		background-color: rgba(255, 255, 255, 0);
	}
	#menu-btn-check:checked ~ .menu-btn span::before {
		bottom: 0;
		transform: rotate(45deg);
	}
	#menu-btn-check:checked ~ .menu-btn span::after {
		top: 0;
		transform: rotate(-45deg);
	}

	.menu-content {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 80;
		background-color: #727171;
	}
	.menu-content ul {
		padding: 70px 10px 0 !important;
	}
	.menu-content ul li {
		border-bottom: solid 1px #fff;
		list-style: none;
	}
	.menu-content ul li a {
		display: block;
		width: 100%;
		font-size: 15px;
		box-sizing: border-box;
		color:#ffffff;
		text-decoration: none;
		padding: 9px 15px 10px 0;
		position: relative;
	}
	.menu-content ul li a::before {
		content: "";
		width: 7px;
		height: 7px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		transform: rotate(45deg);
		position: absolute;
		right: 11px;
		top: 16px;
	}

	.menu-content {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 100%;
		z-index: 80;
		background-color: #727171;
		transition: all 0.5s;
	}

	#menu-btn-check:checked ~ .menu-content {
		left: 0;
	}


/* Home ****************************************************************/
.headLineNews li {
	border-bottom: 1px dotted;
	line-height: 48px;
	overflow:hidden;
	white-space: nowrap;
}
.headLineNews li span {
	background: #383c3c;
    border-radius: 8px;
    color: #f8f4e6;
    display: inline-block;
    font-size: 13px;
    line-height: 24px;
    margin: 0 16px;
    padding: 0px 4px;
    text-align: center;
    width: 64px;
}

.panel > div:nth-child(2n) {
	padding: 8px 0;
}

.panel > div:nth-child(2n)::after,
.panel > div:nth-child(2n)::before {
	background:
		radial-gradient(#fbfaf5 15%, transparent 16%) 0 0,
		radial-gradient(#fbfaf5 15%, transparent 16%) 8px 8px,
		radial-gradient(rgba(248,244,230,.1) 15%, transparent 20%) 0 1px,
		radial-gradient(rgba(248,244,230,.1) 15%, transparent 20%) 8px 9px;
	background-color: #f8f4e6;
	background-size: 16px 16px;
	content: "";
	display: block;
	height: calc(tan(60deg) * 48px / 2);
	position: relative;
}
.panel > div:nth-child(2n)::after {
	clip-path: polygon( 100% 0, 100% 100%, 0 0 );
	margin-bottom: -46px;
	right: -1px;
	bottom: -3px;
}
.panel > div:nth-child(2n)::before {
	clip-path: polygon( 0 0, 100% 100%, 0 100% );
	margin-top: -46px;
	top: -3px;
}

.panel > div:nth-child(2n-1) {
	background-attachment: fixed;
	background-position: center;
	padding: 20% 50%;
}

.sportsmanship a {
	display: block;
	border: 1px solid;
	border-radius: 12px;
	margin: 0 auto;
	max-width: 1040px;
	padding: 24px 3% 0;
	text-decoration: none;
}
.sportsmanship h2 {
	margin: 0;
	text-align: center;
}
.sportsmanship p {
	margin: 0;
	text-align: right;
}

.toArchive {
	margin-top: 16px;
	text-align: right;
}


/* Archive *************************************************************/


/* Page ****************************************************************/
.page .content-wrap p { margin-bottom: 12px; }

.navigation a,
.navigation span {
	background-image: url('../../uploads/ball.webp');
    background-repeat: no-repeat;
	background-size: 54px;
	display: inline-block;
	line-height: 38px;
	margin-right: 8px;
	margin-bottom: 12px;
	padding: 8px;
	text-align: center;
	text-shadow: 1px 1px 3px #f8f4e6;
	width: 38px;
}

.navigation a { text-decoration: none; }

.navigation span {
	background: #383c3c;
	color: #f8f4e6;
}


	/* accordion *******************************************************/
	.page-id-35 .ls-n {
		list-style: none !important;
		padding-left: 0 !important;
	}


	/* accordion *******************************************************/
	.toggle {
		display: none;
	}
	.Label {
		padding: 1em;
		display: block;
		color: #fff;
		background:#727171;
	}
	.Label::before{
		content:"";
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		position: absolute;
		top:calc( 50% - 3px );
		right: 20px;
		transform: rotate(135deg);
	}
	.Label,
	.translation {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		transition: all 0.3s;
	}
	.page .translation {
		height: 0;
		margin-bottom:10px;
		padding:0 20px;
		overflow: hidden;
	}
	.toggle:checked + .Label + .translation {
		height: auto;
		padding:20px ;
		transition: all .3s;
	}
	.toggle:checked + .Label::before {
		transform: rotate(-45deg) !important;
	}


	/* Tour ************************************************************/
	.mobile .tour_list_home ul li:first-child { display: none; }

	.tour_list_home,
	.tour_list_now { margin-top: 32px; }

	.tour_list_home ul,
	.tour_list_past ul,
	.tour_list_now ul {
		border-bottom: 1px dotted;
		display: flex;
	}

	.tour_list_home li,
	.tour_list_past li,
	.tour_list_now li {
		padding: 10px 0;
		text-align: center;
		width: calc(100% / 7);
	}
	.tour_list_past ul li,
	.tour_list_now ul:not(.list-head) li { line-height: 38.5px; }
	.tour_list_past ul li:first-child { line-height: 19px; }

	.list-head li {
		line-height: 14px;
	}

	.tour_list_home li span,
	.tour_list_now li span {
		display: inline-block;
		width: 66px;
		font-size: 11px;
	}

	.list-head li {
		line-height: 14px;
	}

	@media screen and (max-width:768px) {
		.list-head { padding-bottom: 8px; }
		.list-head li span { display: none; }
		
		.tour_list_home li,
		.tour_list_past li,
		.tour_list_now li { width: calc(100% / 6); }

		.tour_list_home li:first-child,
		.tour_list_past li:first-child,
		.tour_list_now li:first-child { width: 24px; }

	}


	/* Dispatch ********************************************************/
	.dispatch table {
		margin-bottom: 16px;
		max-width: 400px;
	}
	.dispatch td {
		border-bottom: 1px dotted;
		padding :8px 0 4px;
	}
	.dispatch td:nth-child(1) { width: 64px; }
	.dispatch td:nth-child(3) { width: 67px; }


	.page-id-541 .wp-block-group {
		float: left;
		margin-right: 48px;
		max-width: 400px;
	}
	.page-id-541 .wp-block-group:nth-child(odd) {
		margin-right: calc(100% - 800px);
	}


	@media screen and (max-width:930px) {
		.page-id-541 .wp-block-group {
			float: none;
			max-width: 100%;
		}
		.page-id-541 .wp-block-group:nth-child(odd) {
			margin-right: 0;
		}
	}


	/* Ballparks *******************************************************/
	.ballpark-card {
		display: flex;
		flex-wrap: wrap;
		border: 1px solid #bbb;
		border-radius: 8px;
		margin-bottom: 32px;
		padding: 16px;
	}

	.ballpark-card dt { width: 100%; }
	.ballpark-card dt h3 { margin-bottom: 16px; }
	.ballpark-card dd:nth-child(2) {
		position: relative;
		width: 30%;
	}
	.ballpark-card dd:nth-child(2) h3 { padding-left: 16px; }
	.ballpark-card dd:nth-child(2) p {
		position: absolute;
			bottom: 8px;
			left: 4px;
		color: #fff;
		font-size: 12px;
	}
	.ballpark-card dd:nth-child(3) {
		width: calc(70% - 32px);
    	padding-left: 32px;
	}
	.ballpark-card img { width: 100%; height: auto; }

	.ballpark-card table td:first-child {
		width: 64px;
		vertical-align: top;
}
	.ballpark-card table td:last-child { word-break: break-all; }


	@media screen and (max-width:768px) {
		.ballpark-card {
			display: block;
		}
		.ballpark-card dd:nth-child(2),
		.ballpark-card dd:nth-child(3) {
			width: 100%;
    		padding-left: 0;
		}
		.ballpark-card table tr { width: 100%; }
	}


	/* Rules ***********************************************************/
	.innerNav { margin-bottom: 30px; }
	.innerNav ul {
		display: flex;
		justify-content: space-between;
	}
	.innerNav ul li a {
		background: #000;
		border: 1px solid;
		border-radius: 8px;
		color: #fff;
		display: inline-block;
		padding: 12px 24px;
		text-decoration: none;
	}



	/* Umpire **********************************************************/
	.ls-a {
		counter-reset: roman;
		list-style: none !important;
	}
	.ls-a li {
		padding-left: 8px;
		text-indent: -26px;
	}
	.ls-a > li::before {
		counter-increment: roman;
		content: '(' counter( roman, lower-alpha ) ') ';
	}
	.ls-a ol {
		counter-reset: count 0;
		list-style: none !important;
	}
	.ls-a ol li::before {
		content: '(' counter( count ) ') ';
		counter-increment: count 1;
	}



	/* Quiz Maker ******************************************************/
	.ays_quiz_question { text-align: left !important; }

	.ays-quiz-answers {
		display: flex;
		width: 100%;
	}
	.ays-quiz-answers div { width: 100%; }


/* Single **************************************************************/
.ranking table { width: 100%; }

.single div.is-layout-flow {
	width: 50%;
	margin: 0 auto auto 0;
}

.single img {
	height: auto;
	width: 100%;
}

.tour-date td:first-child {
	vertical-align: top;
	width: 60px;
}

.tour-rank td { border-bottom: 1px dotted; }
.tour-rank td:last-child { width: 65px; }

.tour-date td, .tour-rank td { padding-top: 12px; }

.tournament img { width: 100%; height: auto; }

@media screen and (max-width:768px) {
	body.single .is-layout-flex { display: block; }
	.single .is-layout-flow { width: 100%; }
}


/* Footer **************************************************************/
footer {
	padding: 48px 32px;
	text-align: center;
}

.copyright { margin-top: 24px; }

.link_collection {
	display: flex;
	justify-content: space-between;
}


/* Sabira's Standerd ***************************************************/
.sabiras-standard_page_sabira_submenu2 ol { list-style-type: decimal-leading-zero; }