@charset "UTF-8";

/*
Theme Name: アニメノムサシノ2025
Theme URI: 
Author: 武蔵野商工会議所
Author URI: https://animan634.com/
Description: アニメノムサシノ ウェブサイトVer.2025.0.1
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.9
Version: 2025.0.1
License: Copyrights Reserved By The Musashino Chamber of Commerce and Industry
License URI: 
Text Domain: 
Tags: 
*/

/* Color Palette

*/


/***************************************************************************************************
Former CSS
***************************************************************************************************/

html {
	font-size: 62.5%;
	line-height: 62.5%;
	font-family: 'fontH', sans-serif;
	font-feature-settings: "palt";
}

@font-face {
	font-family: 'Zen Kaku Gothic New', sans-serif;
}

@media screen and (min-width: 801px){
	.pc {
		display: inline;
	}
	.sp {
		display: none;
	}
}

@media screen and (max-width: 920px) {
	.pc {
		display: none;
	}
	.sp {
		display: inline;
	}
}


body {
	width: 100%;
	background: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: baseline;
}
img {
	display: block;
}
hr  {
	display: table;
	width: 100%;
}
a {
	color: #0494c3;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

li {
	list-style: none;
}

img {
	width: 100%;
	height: auto;
}
a:hover img {
	opacity: 0.6;
}

iframe {
	border: none;
}


.Nscroll {
	overflow-y: hidden;
}
.ill {
	position: fixed;
	top: 170px;
	left: -100px;
	width: 45%;
	height: auto;
	z-index: -1;
}
.ill img {
	width: 100%;
	height: auto;
	opacity: 0.2;
}
.italic {
	font-style: italic;
}

.iconX {
	position: fixed;
	top: 180px;
	right: 0;
	width: 60px;
	height: auto;
	z-index: 100;
}



/*/------------------------------------------------------------------------------------------------------------------------------------------------*/
/* H */
/*/------------------------------------------------------------------------------------------------------------------------------------------------*/
h1 {
	position: fixed;
	top: 15px;
	left: 15px;
	display: block;
	width: 80px;
	height: auto;
	margin: 0;
	text-align: center;
	vertical-align: baseline;
	clear: both;
	z-index: 190;
}



h2 {
	width: 70%;
	font-size: 3.0rem;
	line-height: 4.0rem;
	text-align: left;
	margin: 3% auto 1.5%;
}
h2 span {
	font-size: 2.0rem;
	margin-left: 1%;
}

h2.title {
	width: 70%;
	font-size: 6.0rem;
	line-height: 8.0rem;
	font-weight: normal;
	letter-spacing: 0.5rem;
	color: #eeeeee;
	text-align: left;
	margin: 0 auto;
}
h2.title span {
	display: block;
	width: auto;
	font-size: 3.0rem;
	font-weight: bold;
	letter-spacing: 1rem;
	color: #000000;
	text-align: left;
	margin: -5% auto 1.5%;
}



.Cbn {
	width: 100%;
	text-align: center;
	margin: 0 auto 2%;
}
.Cbn img {
	width: 76%;
	margin: 0 auto;
}



@media screen and (max-width: 920px) {
	h1 {
		top: 10px;
		left: 10px;
		width: 52px;
		z-index: 100;
	}
	h2 {
		width: 94%;
		font-size: 2.0rem;
		line-height: 2.6rem;
		text-align: left;
		margin: 3% auto 1.5%;
	}
	h2 span {
		font-size: 1.4rem;
		margin-left: 2%;
	}
	
	h2.title {
		font-size: 5.0rem;
		line-height: 7.0rem;
		letter-spacing: 0.5rem;
		text-align: center;
		margin: 0 auto;
	}
	h2.title span {
		font-size: 2.6rem;
		text-align: center;
		margin: -14% auto 1.5%;
	}
	.Cbn {
		margin: 0 auto 2%;
	}
	.Cbn img {
		width: 94%;
		margin: 0 auto;
	}
}



/*/------------------------------------------------------------------------------------------------------------------------------------------------*/
/* header */
/*/------------------------------------------------------------------------------------------------------------------------------------------------*/
header {
	position: fixed;
	top: 0;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: baseline;
	clear: both;
	z-index: 100;
	background: #083388;
}



header .tBn {
	display: table;
	width: 100%;
	height: auto;
	background: #217fc4;
	margin: 0 auto;
	padding: 14px 0;
	text-align: center;
	vertical-align: baseline;
	clear: both;
}
header .tBn img {
	width: 514px;
	height: 80px;
	margin: 0 auto;
}



@media screen and (max-width: 920px) {
	header .tBn {
		padding: 7px 0;
		border-bottom: 20px solid #083388;
	}
	header .tBn img {
		width: 244px;
		height: 38px;
		margin: 9px auto;
	}
}



header ul {
	display: table;
	width: 90%;
	height: auto;
	margin: 0 0 0 4%;
	text-align: center;
	vertical-align: baseline;
	clear: both;
}
header ul li {
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 6px 1%;
	text-align: left;
	vertical-align: baseline;
}
header ul li a {
	font-size: 1.2rem;
	line-height: 2.0rem;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 2px;
}
header ul li a:hover {
	color: #ffae27;
	text-decoration: none;
}

header ul li ul {
	position: absolute;
	display: none;
	width: auto;
	height: auto;
	margin: 5px auto 0;
	padding: 0;
	text-align: left;
	vertical-align: baseline;
}
header ul li ul li {
	display: block;
	list-style: none;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	vertical-align: baseline;
}
header ul li ul li a {
	width: 100%;
	display: block;
	font-size: 1.0rem;
	line-height: 2.0rem;
	font-weight: normal;
	color: #ffffff;
	background: #393939;
	letter-spacing: 2px;
	white-space: nowrap;
	padding: 5%;
}
header ul li ul li:last-child a {
	font-size: 1.0rem;
	line-height: 2.0rem;
	font-weight: normal;
	color: #ffffff;
	background: #393939;
	letter-spacing: 2px;
	white-space: nowrap;
	padding: 5%;
	border-radius: 0;
}
header ul li ul li:last-child a:hover {
	color: #ffae27;
	text-decoration: none;
}



@media screen and (max-width: 920px) {
	header {
		padding: 0;
	}
	.menu-btn {
		position: fixed;
		top: 10px;
		right: 10px;
		display: flex;
		height: 48px;
		width: 48px;
		justify-content: center;
		align-items: center;
		z-index: 190;
		background: #ffffff;
		border: 1px solid #393939;
	}
	.close {
		background: #ffffff;
	}
	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
		content: '';
		display: block;
		height: 2px;
		width: 30px;
		border-radius: 2px;
		background: #393939;
		position: absolute;
	}
	.menu-btn span:before {
		bottom: 10px;
	}
	.menu-btn span:after {
		top: 10px;
	}
	#menu-btn-check:checked ~ .menu-btn span {
		background: 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-btn-check {
		display: none;
	}



	.menu-content {
		display: table;
		width: 100%;
		height: auto;
		position: fixed;
		top: 0;
		left: 100%;
		z-index: 180;
		background: #ffffff;
		transition: all 0.3s;
	}
	#menu-btn-check:checked ~ .menu-content {
		left: 0;
	}
	.menu-content ul.links {
		display: table;
		width: 98%;
		height: auto;
		margin: 1%;
		padding: 0;
	}
	.menu-content ul.links li {
		width: 100%;
		height: auto;
		margin: 2%;
		list-style: none;
	}
	.menu-content ul.links ul {
		display: table;
		position: relative;
		margin: 0;
	}
	.menu-content ul.links ul li {
		display: table;
	}
	.menu-content ul.links ul li a {
		width: 100%;
		display: block;
		color: #393939;
		background: #ffffff;
		padding: 5%;
	}
}



/*/------------------------------------------------------------------------------------------------------------------------------------------------*/
/* topImg */
/*/------------------------------------------------------------------------------------------------------------------------------------------------*/
.loading {
	display: block;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100vh;
	background: #ffffff;
	transition: all 0s; /*← デフォルト 1s */
	margin: 0 auto;
	text-align: center;
	vertical-align: baseline;
	clear: both;
	z-index: 200;
}
.loading.is-active {
	opacity: 0;
	visibility: hidden;
}
.loading-animation{
	width: 100%;
	height: 100vh;
	transition: all 1s;
	background-color: #ffffff;
	z-index: 9999;
	display: block;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
}
.loading-animation.is-active {
	opacity: 1;
	visibility: visible;
}

.loading-animation img.pc {
	display: block;
	position: relative;
	top: 0;
	width: 70%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	vertical-align: baseline;
	clear: both;
	z-index: 200;
}



@media screen and (max-width: 920px) {
	.loading-animation img.pc {
		display: none;
	}
	.loading-animation {
		position: relative;
		height: auto;
		z-index: 2000;
	}
}



/*/------------------------------------------------------------------------------------------------------------------------------------------------*/
/* main */
/*/------------------------------------------------------------------------------------------------------------------------------------------------*/
main {
	display: block;
	width: 100%;
	height: auto;
	margin: 180px auto 0;
	text-align: center;
	vertical-align: baseline;
	clear: both;
}



@media screen and (max-width: 920px) {
	main {
		margin: 100px auto 0;
	}
}



.bn {
	display: block;
	width: 78%;
	height: auto;
	margin: 0 auto;
	padding: 6% 0;
	text-align: center;
	vertical-align: baseline;
	clear: both;
}
.bn .sub {
	display: block;
	width: 60%;
	height: auto;
	margin: 4% auto -4%;
	text-align: center;
	vertical-align: baseline;
	clear: both;
}



.areaNews {
	display: table;
	width: 100%;
	/* background: #cfe2f3; */
}
.areaContents {
	display: table;
	width: 100%;
	/* background: #ffffff; */
}



#news {
	display: block;
	width: 76%;
	height: auto;
	margin: 0 auto -2%;
	text-align: center;
	vertical-align: baseline;
	clear: both;
}

#news .nBlock {
	display: table;
	width: 96%;
	height: auto;
	/* background: #ffffff; */
	margin: 0 auto 2%;
	padding: 2%;
	text-align: center;
	vertical-align: baseline;
}
#news .nBlock:hover {
	background: rgba(240, 240, 240, 0.6);
}
#news .nBlock:hover img {
	opacity: 1;
}
#news .nBlock .Nthumb {
	display: table;
	width: 26%;
	height: auto;
	margin: auto;
	float: left;
}
#news .nBlock .Nthumb img, 
#news .nBlock .Nthumb iframe {
	width: 100%;
	height: 18vh;
	object-fit: scale-down;
	background: #eeeeee;
	margin: auto;
}
#news .nBlock .cont {
	width: 72%;
	height: auto;
	margin: 0 0 0 2%;
	float: left;
	text-align: left;
}
#news .nBlock .cont a {
	display: inline-block;
}
#news .nBlock .cont h3 {
	font-size: 2.2rem;
	line-height: 3.0rem;
	text-align: left;
	margin: 0 0 2%;
}
#news .nBlock .cont .day {
	font-size: 1.6rem;
	line-height: 2.4rem;
	font-weight: bold;
	text-align: left;
	margin: 0 0 1%;
}
#news .nBlock .cont .day span {
	position: relative;
	top: 10px;
	float: left;
	margin-right: 2%;
}
#news .nBlock .cont .day .tag {
	font-size: 1.2rem;
	line-height: 1.4rem;
	font-weight: normal;
	margin-left: 2%;
}
#news .nBlock .cont .day .tag a {
	color: #ffffff;
	background: #000000;
	border: 8px solid #000000;
	text-decoration: none;
	margin: 0.6% 0 2% 0;
}
#news .nBlock .cont .day .tag a:hover {
	background: #0494c3;
	border-color: #0494c3;
}
#news .nBlock .cont p {
	font-size: 1.6rem;
	line-height: 2.6rem;
	text-align: justify;
	text-justify: inter-ideograph;
	text-align-last: left;
	margin: 0;
}
#news a .nBlock {
	color: #000000;
}



#contents {
	display: block;
	width: 78%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	vertical-align: baseline;
	clear: both;
}
#contents h3 {
	font-size: 1.6rem;
	line-height: 2.4rem;
	text-align: left;
	margin: 6% 0;
}
#contents .cBlock {
	width: 29.5%;
	height: 500px;
	/* background: #ffffff; */
	margin: 0 1.5% 3%;
	text-align: center;
	vertical-align: baseline;
	float: left;
}
#contents img {
	width: 100%;
	height: 20vh;
	object-fit: scale-down;
	background: #eeeeee;
	margin: auto;
}
#contents p {
	font-size: 1.6rem;
	line-height: 2.8rem;
	text-align: justify;
	text-justify: inter-ideograph;
	text-align-last: left;
	object-fit: scale-down;
	margin: 3% 0;
}
#contents .btn {
	display: table;
	width: 60%;
	margin: 10% 5% 0;
	margin: auto;
}
#contents .btn a {
	display: block;
	font-size: 1.2rem;
	line-height: 2.4rem;
	font-weight: normal;
	letter-spacing: 4px;
	color: #ffffff;
	background: #000000;
	font-weight: bold;
	text-align: center;
	margin: 10% auto 16%;
	padding: 6%;
	border-radius: 30px;
}
#contents .btn a:hover {
	text-decoration: none;
}



.areaSingle {
	display: table;
	width: 920px;
	margin: -1% auto 3%;
}
.areaSingle .Cbn {
	width: 100%;
	text-align: center;
	margin: 2% auto 4%;
}
.areaSingle .Cbn img {
	width: 100%;
	margin: 0 auto;
}
.areaSingle h2 {
	width: 100%;
	font-size: 3.8rem;
	line-height: 4.2rem;
	margin: 3% auto;
	padding: 0 0 1%;
	text-align: justify;
	text-justify: inter-ideograph;
	text-align-last: left;
	border-bottom: 4px solid #000000;
}
.areaSingle h3 {
	font-size: 2.8rem;
	line-height: 3.4rem;
	text-align-last: left;
}
.areaSingle .tag {
	width: 100%;
	font-size: 1.6rem;
	line-height: 2.0rem;
	font-weight: normal;
	text-align-last: left;
	margin: 0 0 -2%;
}
.areaSingle .tag a {
	display: inline-block;
	color: #ffffff;
	background: #999999;
	border: 8px solid #999999;
	text-decoration: none;
	margin: 0 0 2% 0;
}
.areaSingle .tag a:hover {
	background: #0494c3;
	border-color: #0494c3;
}
.areaSingle p {
	display: table;
	width: 100%;
	font-size: 1.8rem;
	line-height: 3.0rem;
	margin: 4% auto;
	text-align: justify;
	text-justify: inter-ideograph;
	text-align-last: left;
	word-break: break-all;
}
.areaSingle p small {
	font-size: 1.4rem;
	line-height: 2.0rem;
}
.areaSingle p img, 
.areaSingle p iframe {
	max-width: 100%;
	margin: 2% auto;
}
.areaSingle p small, 
.areaSingle figure, 
.areaSingle figcaption {
	diplay: none;
	width: 920px;
	font-size: 1.2rem;
	line-height: 1.6rem;
	margin: 1% auto;
	text-align: justify;
	text-justify: inter-ideograph;
	text-align-last: left;
}

.areaSingle img.half {
	width: 40%;
	margin: 0;
}

.areaSingle .nextPage, 
.wp-pagenavi {
	font-size: 1.8rem;
	line-height: 3.0rem;
	padding: 2%;
}
.areaSingle .nextPage span, 
.wp-pagenavi span {
	color: #ffffff;
	background: #122a88;
	margin: 0 1%;
	padding: 1.2% 2%;
}
.areaSingle .nextPage a, 
.wp-pagenavi a {
	color: #122a88;
	background: #dedede;
	margin: 0 1%;
	padding: 1.2% 2%;
}
.areaSingle .nextPage a:hover, 
.wp-pagenavi a:hover {
	color: #122a88;
	background: #aaaaaa;
	text-decoration: none;
}
.areaSingle .fl {
	font-size: 1.8rem;
	line-height: 3.0rem;
	float: left;
	text-align-last: left;
	margin: 0 0 4%;
}
.areaSingle .fr {
	font-size: 1.8rem;
	line-height: 3.0rem;
	float: right;
	text-align-last: left;
	margin: -27% 0 4%;
}
.areaSingle .fr img {
	display: block;
	margin: 0;
}
.areaSingle .text {
	width: 48%;
	font-size: 1.8rem;
	line-height: 3.0rem;
	text-align-last: left;
	margin: 0 0 4%;
}
.areaSingle .pl {
	font-size: 1.8rem;
	line-height: 3.0rem;
	float: left;
	text-align-last: left;
	margin: 0 0 4%;
}
.areaSingle .pr {
	font-size: 1.8rem;
	line-height: 3.0rem;
	float: right;
	text-align-last: left;
	margin: 0 0 4%;
}



.yarpp {
	display: table;
	width: 920px;
	margin: 0 auto;
	font-size: 2.0rem;
	line-height: 3.0rem;
	border-top: 1px solid #eeeeee;
	padding-top: 4%;
	vertical-align: top;
}
.yarpp .yarpp-thumbnails-horizontal {
	display: table;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.yarpp .yarpp-thumbnails-horizontal .yarpp-thumbnail {
	display: inline-block;
	color: #000000;
	font-size: 1.4rem;
	line-height: 2.0rem;
	width: 23.5%;
	height: auto;
	border: none;
}
.yarpp .yarpp-thumbnails-horizontal .yarpp-thumbnail span {
	display: block;
	width: 95.5%;
	height: auto;
}
.yarpp .yarpp-thumbnails-horizontal .yarpp-thumbnail img {
	display: block;
	width: 95.5%;
	height: 11vh;
	object-fit: scale-down;
	background: #eeeeee;
	margin-bottom: 4%;
}
.yarpp p {
	margin: auto;
}



@media screen and (max-width: 920px) {
	.areaSingle {
		width: 92%;
		margin: -3% auto 3%;
	}
	.areaSingle .Cbn {
		margin: -1% auto 5%;
	}
	.areaSingle h2 {
		width: 100%;
		font-size: 3.0rem;
		line-height: 3.6rem;
		margin: 4% auto;
	}
	.areaSingle h3 {
		font-size: 2.4rem;
		line-height: 2.8rem;
	}
	.areaSingle .tag {
		width: 96$;
		margin: 3% auto -2%;
		text-align: left;
	}
	.areaSingle .tag a {
		font-size: 1.2rem;
		line-height: 2.0rem;
		border-width: 4px;
	}
	.areaSingle p {
		width: 100%;
		font-size: 1.6rem;
		line-height: 2.4rem;
		margin: 4% auto;
	}
	.areaSingle p img, 
	.areaSingle p iframe {
		width: 100%;
		margin: 4% auto;
	}
	.areaSingle img.half {
		width: 100%;
		margin: 0;
	}
	.areaSingle p small, 
	.areaSingle figure, 
	.areaSingle figcaption {
		width: 92%;
	}
	.areaSingle .nextPage span {
		padding: 1.2% 3%;
	}
	.areaSingle .nextPage a {
		padding: 1.2% 3%;
	}
	.areaSingle .fl {
		float: none;
	}
	.areaSingle .fr {
		float: none;
		margin: 0 ;
	}
	.areaSingle .text {
		width: 100%;
		font-size: 1.6rem;
		line-height: 2.4rem;
		float: none;
	}
	.areaSingle .pl {
		width: 100%;
		font-size: 1.6rem;
		line-height: 2.4rem;
		float: none;
	}
	.areaSingle .pr {
		width: 100%;
		font-size: 1.6rem;
		line-height: 2.4rem;
		float: none;
	}
	#news .nBlock .cont .day span {
		display: block;
		float: none;
		padding-bottom: 3%;
	}
	#news .nBlock .cont .day .tag {
		margin: 3% 0 1%;
	}
	#news .nBlock .cont .day .tag a {
		font-size: 1.2rem;
		line-height: 2.0rem;
		border-width: 4px;
	}
	.yarpp {
		width: 100%;
		font-size: 1.4rem;
	}
	.yarpp .yarpp-thumbnails-horizontal .yarpp-thumbnail {
		font-size: 1.2rem;
		line-height: 2.0rem;
		width: 48%;
	}
}



/*/------------------------------------------------------------------------------------------------------------------------------------------------*/
/* footer */
/*/------------------------------------------------------------------------------------------------------------------------------------------------*/
footer {
	display: block;
	width: 100%;
	height: auto;
	background: #393939;
	margin: 0 auto;
	padding: 5% 0;
	text-align: center;
	vertical-align: baseline;
	clear: both;
}

footer ul {
	display: table;
	width: 90%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	vertical-align: baseline;
	clear: both;
}
footer ul li {
	display: inline-block;
	list-style: none;
	border-right: 1px solid #ffffff;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0.5% 2%;
	text-align: left;
	vertical-align: baseline;
}
footer ul li:first-child {
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
footer ul li a {
	font-size: 1.2rem;
	line-height: 2.0rem;
	color: #ffffff;
	letter-spacing: 4px;
}
footer ul li a:hover {
	color: #aaaaaa;
	text-decoration: none;
}

footer #copy {
	width: auto;
	height: auto;
	font-size: 1.2rem;
	line-height: 2.4rem;
	letter-spacing: 1px;
	color: #ffffff;
	margin: 4% auto 0;
	text-align: center;
	vertical-align: baseline;
}
footer #copy a {
	font-size: 1.2rem;
	line-height: 2.4rem;
	color: #ffffff;
	letter-spacing: 1px;
}
footer #copy a:hover {
	color: #aaaaaa;
	text-decoration: none;
}



.swiper {
	width: 78%;
	margin: 0 auto;
	padding: 0 0 2%;
}
.slick-slide {
	margin: 0 5px;
}
.slick-slide img {
	width: 100%;
	height: auto;
}
.slick-prev,
.slick-next {
	top: -200%;
	z-index: 1;
}
.slick-prev:before,
.slick-next:before {
	color: #000;
}
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
}
.slick-active {
	opacity: 1;
}
.slick-current {
	opacity: 1;
}
.thumb {
	margin: 20px 0 0;
	object-fit: scale-down;
}
.thumb div img {
	object-fit: scale-down;
}
.thumb .slick-slide {
	cursor: pointer;
}
.thumb .slick-slide:hover {
	opacity: .7;
}



.swiper .swiper-slide p {
	display: block;
	color: #ffffff;
	font-size: 2.6rem;
	line-height: 3.4rem;
	font-weight: bold;
	background: #91917f;
	margin: 0 auto;
	padding: 0.8% 1% 0.5%;
}
.swiper .swiper-slide a:hover {
	text-decoration: none;
}
.swiper [class^="swiper-button-"]::after{
    content: "";
}
.swiper-button-prev,
.swiper-button-next {
	height: 50px;
	width: 50px;
	mix-blend-mode: multiply;
}
.swiper-button-prev::after,
.swiper-button-next::after {
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 50px;
	margin: auto;
	width: 50px;
}
.swiper-button-prev::after {
	background-image: url('./images/arrowL.svg');
}
.swiper-button-next::after {
	background-image: url(./images/arrowR.svg);
}
.swiper-slide img {
	height: auto;
	width: 100%;
}



#thumbs {
	height: 10%;
	box-sizing: border-box;
	margin-top: 10px;
}
#thumbs .swiper-slide {
	width: 27.5%;
	height: auto;
	opacity: 0.3;
	cursor: grab;
}
#thumbs .swiper-slide:active {
	cursor: grabbing;
}
#thumbs .swiper-slide-active {
	opacity: 1;
}



@media screen and (max-width: 920px) {
	#news {
		width: 94%;
		margin: 2%;
	}
	
	#news .nBlock {
		display: table;
		width: 100%;
		height: auto;
		margin: 0 1.5% 4%;
		padding: 0 0 3%;
		border-bottom: 1px solid #eeeeee;
	}
	#news .nBlock:hover {
		background: #fffeea;
	}
	#news .nBlock .Nthumb {
		width: 34%;
	}
	#news .nBlock .Nthumb img, 
	#news .nBlock .Nthumb iframe {
		height: 12vh;
	}
	#news .nBlock .cont {
		width: 64%;
	}
	#news .nBlock .cont h3 {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	#news .nBlock .cont .day {
		font-size: 1.4rem;
		line-height: 2.0rem;
	}
	#news .nBlock .cont p {
		display: none;
	}
	
	#contents {
		display: block;
		width: 90%;
	}
	#contents .cBlock {
		width: 100%;
		height: auto;
		margin: 6% auto;
		padding: 2% 0 0;
		float: none;
	}
	#contents img {
		height: auto;
		object-fit: contain;
		background: #ffffff;
	}
	
	.bn {
		width: 94%;
	}
	
	.swiper {
		width: 94%;
	}
	.swiper .swiper-slide p {
		font-size: 1.4rem;
		line-height: 1.8rem;
		padding: 1.7% 1% 1.5%;
	}
}



.areaNews .select {
	width: 70%;
	float: right;
}



.form-box {
	width: 100%;
	border: 1px solid #cccccc;
	border-radius: 20px;
	box-sizing: border-box;
	margin: 0 auto 5%;
	padding: 2% 5%;
}
.form-box span {
	 color: #ff0000; 
}
.form-box span.mwform-tel-field, 
.form-box span.mwform-zip-field {
	 color: #000000; 
}
.form-box table {
	width: 100%;
}
.form-box table th {
	display: table;
	font-size: 1.8rem;
	line-height: 3.0rem;
	width: 100%;
	text-align: left;
}
.form-box table td {
	display: table;
	font-size: 1.8rem;
	line-height: 3.0rem;
	width: 100%;
	text-align: left;
}
.form-box table td div {
	margin: 0 auto 2%;
}
.form-box table td textarea {
	width: 100%;
	height: 200px;
	font-family: inherit;
	font-size: 1.8rem;
	line-height: 3.0rem;
	background: #f7f7f7;
	border: none;
	padding: 1%;
}
.form-box table td select {
	width: 100%;
	font-size: 1.8rem;
	line-height: 3.0rem;
	padding: 1%;
}
.form-box input {
	font-size: 1.8rem;
	line-height: 3.0rem;
	width: 100%;
	background: #f7f7f7;
	border: none;
	padding: 1%;
}
.form-box input[name="zip"], 
.form-box td span.mwform-tel-field input {
	width: 20%;
}
.form-box .btn {
	font-size: 1.8rem;
	line-height: 3.0rem;
	width: 100%;
	text-align: center;
}
.form-box .btn input:hover {
	transition: all 0.3s ease;
	opacity: 0.7;
}
.form-box input#submitBtn {
	background: #c9c9c9;
	width: 70%;
}
.form-box input[name="submit"] {
	color: #ffffff;
	background: #ff0000;
	margin: 2% auto 0;
}

/***************************************************************************************************
New CSS
***************************************************************************************************/

.Global,
.Global *,
aside,
aside *,
.Container2025 *{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	transition: all 0.3s;

	font:normal normal 18px/28px 'Noto Sans JP',sans-serif;

	list-style:none;
	box-sizing:border-box;
	text-decoration:none;
	text-align:initial;
/*
	border-collapse:collapse;
	color:rgba(0,0,0,1.0);
*/
	border:0px solid rgba(0,0,0,0);
	position:relative;
}

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

.Container2025 *{
		font:normal normal 16px/24px 'Noto Sans JP',sans-serif;
	}

}

	.EZY h1 span:nth-child(n),
	.ListNews li a div date,
	footer nav ul li a,
	.Global ul li a span,
	.Container2025 section h1 span:nth-child(1){
		font:normal normal 18px/28px 'Saira Extra Condensed','Noto Sans JP',sans-serif;
	}

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

	.EZY h1 span:nth-child(n),
	.ListNews li a div date,
	footer nav ul li a,
	.Global ul li a span,
	.Container2025 section h1 span:nth-child(1){
		font:normal normal 16px/24px 'Saira Extra Condensed','Noto Sans JP',sans-serif;
	}

}

body{
	width:100%;
	overflow-x:hidden;
	padding:0.01px 0 0;
}

article{
	margin:79px 0 0;
	width:100%;
	overflow:hidden;
	position:relative;
}

.BG svg{
	width:calc(100vw - 20px);
	height:58vh;
	margin:80px 20px 0 0;

	width:calc(100% - 0px);
	height:51vw;
	margin:0;
}

.BG{
	width:100vw;
	height:940vw;
	height:510vw;
	top:0;
	left:0;
	position:fixed;
	display:flex;
	flex-flow:column nowrap;
	margin:calc(100vw / 16 * 9 + 79px) 0 0;
	margin:79px 0 0;
	z-index:-1;
	background-image:url(img/bg.jpg);
}

.text{
	font-family:'Inter';
	fill:rgba(0,0,0,0.1);
	line-height:80px;
	font-size:120px;
	font-weight:900;
}

.Container2025 .Visual{
	width:100vw;
	height:calc(100vw / 16 * 9);
	position:relative;
/* 20251122 */
	height:50vw;
	max-width:1300px;
	max-height:650px;
	margin:0 auto;
	overflow:hidden;
/* 20251125 */
	max-width:initial;
	max-height:initial;
	min-height:550px;
	height:550px;
	margin:16px auto 0;
	transition:all 0ms;
}

.Container2025 .Visual figure{
	display:flex;
	justify-content:center;
}

.Container2025 .Visual figure img{
	width:1866px;
	height:550px;
}

.Container2025 h1{
	width:initial;
}

.Container2025 h2{
	margin:initial;
}

.Container2025 section{
	padding:0 200px 3rem;
}

.Overview .Container2025 section{
	padding:0 calc(50% - 768px / 2) 3rem;
}

/* 20251125 */
.EZY h1{
	width:920px;
	max-width:896px;
	margin:50px auto 40px;
	text-align:initial;
	position:initial;
}

/* 20251125 */
@media only screen and (max-width:920px){

	.EZY h1{
		width:92%;
	}

}

.EZY h1 span:nth-child(1),
.Container2025 section h1 span:nth-child(1){
	font-size:4rem;
	font-weight:700;
	display:block;
}

.EZY h1 span:nth-child(2),
.Container2025 section h1 span:nth-child(2){
	font-size:12px;
}

.Container2025 .TopNews{
	padding:120px 200px 3rem;
	padding:120px calc(50% - 1080px / 2) 3rem;
/* 20251122 */
	padding:40px calc(50% - 1080px / 2) 3rem;
}

.Container2025 .TopNews h1{
	margin:0 0 40px;
}

.ListNews{
	max-width:1080px;
}

.ListNews li{
	margin:0 0 3rem;
	position:relative;
}

.ListNews li a{
	padding:10px;
	display:flex;
	flex-flow:row wrap;
	background-color:rgba(255,255,255,1.0);
	border:1px solid rgba(0,0,0,1.0);
	border-radius:5px;
}

.ListNews li a figure,
.ListNews li a figure img{
	width:210px;
	height:140px;
	background-color:gray;
}

.ListNews li a figure img{
	object-fit:contain;
}

.ListNews li a div{
	width:calc(100% - 220px);
	margin:0 0 0 10px;
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
}

.ListNews li a div *{
	color:rgba(0,0,0,1.0);
}

.ListNews li a div h3{
	width:100%;
	margin:0 0 8px;
	line-height:2.3rem;
	font-size:2.3rem;
	font-weight:700;

/* ? */
	font-size:2.0rem;
}

.CatCloudTop li a,
.CatCloud a.Category,
.ListNews li a.Category{
	padding:6px;
	height:26px;
	line-height:11px;
	font-size:14px;
	margin:0 0 0 10px;
	color:rgba(255,255,255,1.0);
	background-color:rgba(0,0,0,1.0);
	display:block;
	position:absolute;
	top:10px;
	left:300px;
}

.areaSingle a.Category{
	position:relative;
}

.ListNews li a div date{
	height:26px;
	line-height:26px;
	font-size:22px;
}

.ListNews li a div p{
	text-align:initial;
}

.CatCloudTop,
.CatCloud{
	margin:0 0 10px;
	padding:0;
	display:flex;
	flex-flow:row nowrap;
}

.CatCloudTop{
	margin:0;
	position:absolute;
	top:10px;
	left:316px;
}

.CatCloudTop li,
.CatCloud li{
	margin:0 10px 0 0;
}

.CatCloudTop li a,
.CatCloud a.Category{
	width:auto;
	height:14px;
	line-height:14px;
	margin:0;
	position:initial;
	border-radius:5px;
}

.CatCloudTop li a{
	height:26px;
	line-height:10px;
}

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

.CatCloudTop{
	flex-flow:column nowrap;
}

}

/*
@media only screen and (max-width:1280px){

	article{
		margin:70px 0 0;
	}

}

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

	article{
		margin:60px 0 0;
	}

}

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

	article{
		margin:50px 0 0;
	}

}
*/
figure img{
	width:100%;
	vertical-align:top;
}


/* 20251125 */
@media only screen and (min-width:1867px){

	.Container2025 .Visual,
	.Container2025 .Visual figure img{
		width:100%;
		height:calc((100vw - 17px) / 1866 * 550);
		max-width:initial;
		max-height:initial;
		min-width:initial;
		min-height:initial;
	}

}

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

	.Container2025 .Visual{
		width:100vw;
		height:calc(100vw / 1080 * 550);
		max-width:initial;
		max-height:initial;
		min-width:initial;
		min-height:initial;
	}

	.Container2025 .Visual figure img{
		width:calc(100vw / 550 * 1080);
		height:calc(100vw / 1080 * 550);
		max-width:initial;
		max-height:initial;
		min-width:initial;
		min-height:initial;
	}

}

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

	.Container2025 .Visual figure img.pc{
		display:inline;
	}

	.Container2025 .Visual figure img.sp{
		display:none;
	}

}

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

	.Container2025 .Visual figure img.pc{
		display:none;
	}

	.Container2025 .Visual figure img.sp{
		display:inline;
	}

	.Container2025 .Visual,
	.Container2025 .Visual figure img{
		width:100vw;
		height:calc(100vw / 768 * 1081);
		max-width:initial;
		max-height:initial;
		min-width:initial;
		min-height:initial;
	}

/*
	.Container2025 .Visual,
	.Container2025 .Visual figure img{
		width:100vw;
		height:calc(100vw / 188 * 330);
	}

	.Container2025 .Visual{
		height:calc(100vw / 4 * 3 + 68px);
	}
*/
}

@media only screen and (max-width:768px){
/*

*/
}

.SVGlib{
	width:0;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
	position:fixed;
	top:100%;
	left:100%;
	visibility:hidden;
}

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

	.ListNews{
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
	}

	.ListNews li{
		width:330px;
		margin:0 10px 10px;
		display:flex;
		flex-flow:column nowrap;
		background-color:rgba(255,255,255,1.0);
	}

	.ListNews li a figure,
	.ListNews li a figure img{
		width:310px;
		height:calc(310px / 16 * 9);
	}

	.ListNews li a div{
		width:100%;
		margin:0;
		justify-content:space-between;
	}

	.ListNews li a figure{
		margin:0 0 5px;
	}

	.ListNews li a div date{
		width:60px;
	}

	.ListNews li a div span{
		margin:0;
	}
/*
	.ListNews li a.Category{
		margin:0;
		top:162px;
		left:80px;
		left:initial;
		right:10px;
	}
*/
	.CatCloudTop{
		width:100%;
		flex-flow:row wrap;
		justify-content:flex-end;
		top:190px;
		left:initial;
		right:8px;
	}

	.ListNews li.CountCat1 a div date{margin:8px 0 0;}
	.ListNews li.CountCat2 a div date,
	.ListNews li.CountCat3 a div date,
	.ListNews li.CountCat4 a div date{margin:30px 0 0;}

	.ListNews li .CatCloudTop li{
		width:auto;
		margin:0;
		display:initial;
	}

	.ListNews li .CatCloudTop li:nth-child(n+2){
		margin:0 0 0 4px;
	}

	.ListNews li .CatCloudTop li:nth-child(n+3){
		margin:4px 0 0 4px;
	}

/*
	.ListNews li{
		padding:10px;
		border:1px solid rgba(0,0,0,1.0);
		border-radius:5px;
	}

	.ListNews li a{
		padding:initial;
		background-color:initial;
		border:initial;
		border-radius:initial;
	}

	.ListNews li a.Category{
		margin:initial;
		position:relative;
		order:-1;
		top:initial;
		left:initial;
	}
*/
}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.Global{
	width:100%;
	height:80px;
	top:0px;
	left:0;
	transition:all 0.3s;
	background-color:rgba(255,255,255,0);
	z-index:999;
	position:fixed;
}

.Container2025 .Visual::after,
.Global::after{
	content:'';
	width:100%;
	height:16px;
	top:calc(100% - 0px);
	left:0;
	position:absolute;
	z-index:-1;
	z-index:2;
	background: repeating-linear-gradient(-60deg,rgba(0,0,0,1) 0,rgba(0,0,0,1) 5px,rgba(0,0,0,0) 5px,rgba(0,0,0,0) 10px);
}

.Container2025 .Visual::after{
	top:calc(100% - 16px);

/* 20251122 */
	content:initial;
}

.Global,
.GlobalDown{
/*
	position:absolute;
	top:calc(100vw / 16 * 9);
*/
	background-color:rgba(0,0,0,1.0);
}

.Global ul{
	width:100%;
	height:80px;
	display:flex;
	flex-flow:row wrap;
	transition:all 0.3s;
	justify-content:flex-start;
}

.Global ul li{
	width:120px;
	height:80px;
	margin:0 10px;
}

.Global ul li a{
	width:120px;
	height:80px;
	margin:0;
	display:block;
/*
	line-height:100px;
	border-radius:30px;
	border:1px solid rgba(255,255,255,0);
*/
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
}

.Global ul li a span{
	width:100%;
	height:80px;
	line-height:80px;
	display:inline;
	color:rgba(129,195,114,1.0);
	color:rgba(255,255,255,1.0);
	text-align:center;
	font-size:24px;
	font-weight:700;
	top:0;
	left:0;
	position:absolute;
}

.Global ul li:nth-child(1){
	order:-1;
}

.Global ul li:nth-child(2){
	order:2;
}

.Global ul li a span:nth-child(2){
	font-size:18px;
/*
	transform:rotateX(-90deg);
*/
}

.Global ul li:nth-child(n+3) a span:nth-child(1){
	-webkit-animation:move1_1 .6s linear alternate 1 forwards;
	        animation:move1_1 .6s linear alternate 1 forwards;
}

.Global ul li:nth-child(n+3) a:hover span:nth-child(1){
	-webkit-animation:move1_2 .4s linear alternate 1 forwards;
	        animation:move1_2 .4s linear alternate 1 forwards;
}

        @keyframes move1_1{		0%{transform:rotateX(90deg);}		50%{transform:rotateX(0deg);}		100%{transform:rotateX(0deg);}}
@-webkit-keyframes move1_1{		0%{transform:rotateX(90deg);}		50%{transform:rotateX(0deg);}		100%{transform:rotateX(0deg);}}

        @keyframes move1_2{		0%{transform:rotateX(0deg);}		50%{transform:rotateX(90deg);}		100%{transform:rotateX(90deg);}}
@-webkit-keyframes move1_2{		0%{transform:rotateX(0deg);}		50%{transform:rotateX(90deg);}		100%{transform:rotateX(90deg);}}

.Global ul li:nth-child(n+3) a span:nth-child(2){
	-webkit-animation:move2_1 .6s linear alternate 1 forwards;
	        animation:move2_1 .6s linear alternate 1 forwards;
}

.Global ul li:nth-child(n+3) a:hover span:nth-child(2){
	-webkit-animation:move2_2 .4s linear alternate 1 forwards;
	        animation:move2_2 .4s linear alternate 1 forwards;
}

        @keyframes move2_1{		0%{transform:rotateX(0deg);}		50%{transform:rotateX(-90deg);}		100%{transform:rotateX(-90deg);}}
@-webkit-keyframes move2_1{		0%{transform:rotateX(0deg);}		50%{transform:rotateX(-90deg);}		100%{transform:rotateX(-90deg);}}

        @keyframes move2_2{		0%{transform:rotateX(-90deg);}		50%{transform:rotateX(-90deg);}		100%{transform:rotateX(0deg);}}
@-webkit-keyframes move2_2{		0%{transform:rotateX(-90deg);}		50%{transform:rotateX(-90deg);}		100%{transform:rotateX(0deg);}}


/*
.Global ul li:nth-child(n+2) a:hover span{
	color:rgb(255,255,255);
	text-shadow:1px 1px 1px rgba(0, 0, 0, 1.0);
	text-shadow:
		 0px  1px  0px rgb(102,74,43),
		 0px -1px  0px rgb(102,74,43),
		-0px -1px  0px rgb(102,74,43),
		-0px  1px  0px rgb(102,74,43),
		 1px  0px  0px rgb(102,74,43),
		 1px -0px  0px rgb(102,74,43),
		-1px -0px  0px rgb(102,74,43),
		-1px  0px  0px rgb(102,74,43),
		-1px -1px  0px rgb(102,74,43),
		 1px -1px  0px rgb(102,74,43),
		-1px  1px  0px rgb(102,74,43),
		 1px  1px  0px rgb(102,74,43);
}
*/
.Global ul li.NotYet a{
	color:rgba(0,0,0,0.4);
}

.Global ul li:nth-child(1){
	width:300px;
	height:100px;
	margin:0;

	width:calc(60px / 156 * 240 + 20px);
	height:80px;
}

.Global ul li:nth-child(1) a{
	width:300px;
	height:100px;

	width:calc(60px / 156 * 240 + 20px);
	height:80px;
}

.Global ul li:nth-child(1) a figure{
	display:flex;
	flex-flow:row nowrap;

	width:calc(60px / 156 * 240);
	height:60px;
	margin:10px;
}

.Global ul li:nth-child(1) a figure img:nth-child(1){
	width:auto;
	height:80px;
	margin:10px 0;

	width:calc(60px / 156 * 240);
	height:60px;
	margin:0;
}

.Global ul li:nth-child(1) a figure img:nth-child(2){
	width:auto;
	height:50px;
	margin:25px 0;
}

.Global ul li:nth-child(1) a svg{
	height:40px;
}

.Global ul li:nth-child(1) a span{
	width:290px;
	display:block;
	height:30px;
	line-height:30px;
	font-size:19px;
}

.Global ul li a svg{
	fill:rgba(83,71,65,1.0);
}

.Global ul li a svg{
	width:30px;
	height:80px;
	fill:rgba(255,255,255,1.0);
}

/*
.Global ul li:nth-child(n+2) a span:nth-child(2){
	font-size:16px;
}
*/

.Global ul li:nth-child(3){
	margin:0 10px 0 calc(100% - (120px + 20px) * 7 - (60px / 156 * 240 + 20px) - (200px + 10px) * 0 + 10px);
}

@media only screen and (min-width:1450px){

	.Global ul li:nth-child(3) span br{
		display:none;
	}

}

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

	.Global ul li,
	.Global ul li a{
		width:100px;
	}

	.Global ul li:nth-child(6),
	.Global ul li:nth-child(6) a{
		width:120px;
	}

	.Global ul li:nth-child(7),
	.Global ul li:nth-child(7) a{
		width:110px;
	}

	.Global ul li:nth-child(3){
		margin:0 10px 0 calc(100% - (100px + 20px) * 5 - (120px + 20px) * 1 - (110px + 20px) * 1 - (60px / 156 * 240 + 20px) - (200px + 10px) * 0 + 10px);
	}


	.Global ul li a span:nth-child(2){
		font-size:16px;
	}

	.Global ul li:nth-child(7) a span:nth-child(2){
		font-size:13px;
	}
}

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

	.Global ul li,
	.Global ul li a{
		width:64px;
	}

	.Global ul li:nth-child(6),
	.Global ul li:nth-child(6) a{
		width:100px;
	}

	.Global ul li:nth-child(7),
	.Global ul li:nth-child(7) a{
		width:80px;
	}

	.Global ul li:nth-child(8),
	.Global ul li:nth-child(8) a{
		width:80px;
	}

	.Global ul li:nth-child(2),
	.Global ul li:nth-child(2) a{
		width:60px;
	}

	.Global ul li:nth-child(3){
		margin:0 10px 0 calc(100% - (64px + 20px) * 3 - (100px + 20px) * 1 - (80px + 20px) * 2 - (60px + 20px) * 1 - (60px / 156 * 240 + 20px) + 10px);
	}

}

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

	.Global ul li:nth-child(n) a span:nth-child(2){
		font-size:18px;
	}

}

.News footer nav ul,
.News .ListBukai,
.News .SpecialThanks ul,
.News .Sponsors ul,
.News .Global ul{
/* 20251020 */
	padding:initial;
	border:initial;
	background-color:initial;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

#Switch,#Burger{
	display:none;
}

#Burger *{
	margin:0;
}

#Burger{
	width:50px;
	height:50px;
	line-height:44px;

	top:9px;
	right:9px;
	position:fixed;
	z-index:9999;
	cursor:pointer;
/*
	margin:5px 0 0;
	padding:28px 0 0 2px;
	text-shadow:1px 1px 0px rgba(0,0,0,1.0),-1px 1px 0px rgba(0,0,0,1.0),-1px -1px 0px rgba(0,0,0,1.0),1px -1px 0px rgba(0,0,0,1.0);
*/
	transition:all 500ms ease-in-out;
}

#Burger:hover{
/*
	color:rgba(255,255,255,1.0);
	text-shadow:1px 1px 0px rgba(0,0,0,1.0),-1px 1px 0px rgba(0,0,0,1.0),-1px -1px 0px rgba(0,0,0,1.0),1px -1px 0px rgba(0,0,0,1.0);
*/
}
#Burger .Buns,#Burger .Buns::before{
	content:'';
	width:35px;
	height:2px;
	top:50%;
	left:50%;
	cursor:pointer;
	display:block;
	transition:all 500ms ease-in-out;
	position:absolute;
	background-color:rgb(255,255,255,1.0);
/*
	background-color:rgb(114,175,45);
	box-shadow:1px 1px 0px rgba(26,150,213,1.0),-1px 1px 0px rgba(26,150,213,1.0),-1px -1px 0px rgba(26,150,213,1.0),1px -1px 0px rgba(26,150,213,1.0);
*/
}
/*
#Burger:hover .Buns::before{
	background-color:rgb(26,150,213);
	box-shadow:1px 1px 0px rgba(114,175,45,1.0),-1px 1px 0px rgba(114,175,45,1.0),-1px -1px 0px rgba(114,175,45,1.0),1px -1px 0px rgba(114,175,45,1.0);
}
*/
#Burger .Buns{
	transform:translate3d(-50%, -4px, 0);
}

#Burger .Buns::before{
	transform:translate3d(-50%, -10px, 0);
}
/*
#Burger .Buns::after{
	transform:translate3d(-50%,  0px, 0);
}
*/
#Switch:checked + #Burger .Buns{
	transform:translateX(-50%) rotate(-25deg);
	top:30%;
}

#Switch:checked + #Burger .Buns::before{
	transform:translateX(-50%) rotate(45deg);
	top:0;
}
/*
#Switch:checked + #Burger .Buns::after{
	height:4px;
	transform:translateX(-50%) translateY(-10px) rotate(0deg);
	top:10px;
	box-shadow:1px 1px 0px rgba(0,0,0,0),-1px 1px 0px rgba(0,0,0,0),-1px -1px 0px rgba(0,0,0,0),1px -1px 0px rgba(0,0,0,0);
}
*/
#Burger .Patty{
	width:50px;
	height:25px;
	top:25px;
	left:0;
	position:absolute;
	display:block;
	z-index:99999;
}

#Burger .Patty span{
	width:50px;
	height:25px;
	line-height:25px;
	top:0;
	left:0;
	text-align:center;
	position:absolute;
	display:block;
	font-size:11px;
	font-weight:bold;
	color:rgba(255,255,255,1.0);
	transition:all 0.3s;
}

                  #Burger .Patty span:nth-child(1){transform:rotateX(0deg);}
                  #Burger .Patty span:nth-child(2){transform:rotateX(90deg);}

#Switch:checked + #Burger .Patty span:nth-child(1){transform:rotateX(90deg);}
#Switch:checked + #Burger .Patty span:nth-child(2){transform:rotateX(0deg);}


/*
#Burger span,#Burger span::before,#Burger span::after{
	top:50%;
	left:50%;
	width:35px;
	height:4px;
	cursor:pointer;
	display:block;
	content:'';
	transition:all 500ms ease-in-out;
	position:absolute;
	background-color:rgb(114,175,45);
	box-shadow:1px 1px 0px rgba(26,150,213,1.0),-1px 1px 0px rgba(26,150,213,1.0),-1px -1px 0px rgba(26,150,213,1.0),1px -1px 0px rgba(26,150,213,1.0);

	background-color:rgba(66,33,11,1.0);
	box-shadow:1px 1px 0px rgba(66,33,11,1.0),-1px 1px 0px rgba(66,33,11,1.0),-1px -1px 0px rgba(66,33,11,1.0),1px -1px 0px rgba(66,33,11,1.0);

}

#Burger:hover span,#Burger:hover span::before,#Burger:hover span::after{
	background-color:rgb(26,150,213);
	box-shadow:1px 1px 0px rgba(114,175,45,1.0),-1px 1px 0px rgba(114,175,45,1.0),-1px -1px 0px rgba(114,175,45,1.0),1px -1px 0px rgba(114,175,45,1.0);

	background-color:rgba(66,33,11,1.0);
	box-shadow:1px 1px 0px rgba(66,33,11,1.0),-1px 1px 0px rgba(66,33,11,1.0),-1px -1px 0px rgba(66,33,11,1.0),1px -1px 0px rgba(66,33,11,1.0);
}

#Burger span{
	transform:translate3d(-50%, -4px, 0);
}

#Burger span::before{
	transform:translate3d(-50%, -14px, 0);
}

#Burger span::after{
	transform:translate3d(-50%, 10px, 0);

}

#Switch:checked + #Burger span{
	transform:translateX(-50%) rotate(-45deg);
}

#Switch:checked + #Burger span::before{
	transform:translateX(-50%) rotate(90deg);
	top:0;
}

#Switch:checked + #Burger span::after{
	height:4px;
	transform:translateX(-50%) translateY(-10px) rotate(0deg);
	top:10px;
	box-shadow:1px 1px 0px rgba(0,0,0,0),-1px 1px 0px rgba(0,0,0,0),-1px -1px 0px rgba(0,0,0,0),1px -1px 0px rgba(0,0,0,0);

	box-shadow:1px 1px 0px rgba(66,33,11,1.0),-1px 1px 0px rgba(66,33,11,1.0),-1px -1px 0px rgba(66,33,11,1.0),1px -1px 0px rgba(66,33,11,1.0);
}
*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

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

	article{
		margin:67px 0 0;
	}

	#Burger{
		display:block;
	}

	.Global{
		width:0px;
		height:calc(100vh - 60px);
		top:68px;
		left:100vw;
		position:fixed;
		transition:all 0.5s ease;
		position:fixed;
		z-index:1001;
		background-color:rgba(0,0,0,0.9);
	}

	.Global::after{
		top:68px;
		position:fixed;
	}

	.Global ul{
		height:auto;
		flex-flow:column nowrap;
	}

	.Global ul li a{
		flex-flow:row nowrap;
	}

	.Global ul li a span{
		text-align:initial;
		padding:0 0 0 40px;
	}

	.Global ul li:nth-child(1),
	.Global ul li:nth-child(2){
		width:50vw;
		height:68px;
		margin:0;
		top:0;
		left:0;
		position:fixed;
		order:initial;
		background-color:rgba(0,0,0,1.0);
	}

	.Global ul li:nth-child(1){
		z-index:99999;
	}

	.Global ul li:nth-child(2){
		left:50vw;
	}

	.Global ul li:nth-child(1) a{
		height:60px;
		padding:5px;
		top:0;
		left:0;
		position:fixed;
		z-index:99999;

		width:calc(60px / 156 * 240 + 8px);
		height:68px;
		padding:0;
		justify-content:flex-start;
	}

	.Global ul li:nth-child(1) a figure{
		margin:4px;
	}

	.Global ul li:nth-child(2) a{
		width:calc(50vw - 68px);
		width:68px;
		height:68px;
		margin:0 0 0 calc(50vw - 68px * 2);
		padding:8px;
	}

	.Global ul li:nth-child(2) a svg{
		width:30px;
		height:60px;
		padding:8px 0 12px;
	}

	.Global ul li:nth-child(n+3){
		width:250px;
		height:68px;
		margin:0px;
	}

	.Global ul li:nth-child(n+3) a{
		width:250px;
		height:68px;
		line-height:68px;
		margin:0;
		padding:0px;

		justify-content:center;
	}

	.Global ul li:nth-child(n+3) a span{
		height:68px;
		line-height:68px;
	}

	#Switch:checked ~ article{
		margin-left:-100vw;
	}

	#Switch:checked ~ .Global{
		width:250px;
		left:calc(100vw - 250px);
	}
/*
	.Global ul li:nth-child(n+2) a.L3 span{width:75px;}
	.Global ul li:nth-child(n+2) a.L4 span{width:50px;}
	.Global ul li:nth-child(n+2) a.L6 span{width:40px;}
	.Global ul li:nth-child(n+2) a.LA span{width:25px;}

	.Global ul li:nth-child(n+2) a.L3 span:nth-child(1){		transform: scale(2.5, 1) rotateX(25deg) rotateY( 40deg) translateY(-4px);	}
	.Global ul li:nth-child(n+2) a.L3 span:nth-child(2){		transform: scale(2.5, 1) rotateX(25deg) rotateY(  0deg) translateY( 0px);	}
	.Global ul li:nth-child(n+2) a.L3 span:nth-child(3){		transform: scale(2.5, 1) rotateX(25deg) rotateY(-40deg) translateY(-4px);	}

	.Global ul li:nth-child(n+2) a.L4 span:nth-child(1){		transform: scale(2.5, 1) rotateX(25deg) rotateY( 40deg) translateY(-4px);	}
	.Global ul li:nth-child(n+2) a.L4 span:nth-child(2){		transform: scale(2.5, 1) rotateX(25deg) rotateY( 20deg) translateY( 0px);	}
	.Global ul li:nth-child(n+2) a.L4 span:nth-child(3){		transform: scale(2.5, 1) rotateX(25deg) rotateY(-20deg) translateY( 0px);	}
	.Global ul li:nth-child(n+2) a.L4 span:nth-child(4){		transform: scale(2.5, 1) rotateX(25deg) rotateY(-40deg) translateY(-4px);	}

	.Global ul li:nth-child(n+2) a.L6 span:nth-child(1){		transform: scale(2.2, 1) rotateX(25deg) rotateY( 40deg) translateY(-10px);	}
	.Global ul li:nth-child(n+2) a.L6 span:nth-child(2){		transform: scale(2.2, 1) rotateX(25deg) rotateY( 35deg) translateY(-4px);	}
	.Global ul li:nth-child(n+2) a.L6 span:nth-child(3){		transform: scale(2.2, 1) rotateX(25deg) rotateY( 20deg) translateY( 0px);	}
	.Global ul li:nth-child(n+2) a.L6 span:nth-child(4){		transform: scale(2.2, 1) rotateX(25deg) rotateY(-20deg) translateY( 0px);	}
	.Global ul li:nth-child(n+2) a.L6 span:nth-child(5){		transform: scale(2.2, 1) rotateX(25deg) rotateY(-35deg) translateY(-4px);	}
	.Global ul li:nth-child(n+2) a.L6 span:nth-child(6){		transform: scale(2.2, 1) rotateX(25deg) rotateY(-40deg) translateY(-10px);	}

	.Global ul li:nth-child(n+2) a.LA span:nth-child(1){		transform: scale(2.2, 1) rotateX(25deg) rotateY( 40deg) translateY(-13px);	}
	.Global ul li:nth-child(n+2) a.LA span:nth-child(2){		transform: scale(2.2, 1) rotateX(25deg) rotateY( 36deg) translateY( -8px);	}
	.Global ul li:nth-child(n+2) a.LA span:nth-child(3){		transform: scale(2.2, 1) rotateX(25deg) rotateY( 32deg) translateY( -6px);	}
	.Global ul li:nth-child(n+2) a.LA span:nth-child(4){		transform: scale(2.2, 1) rotateX(25deg) rotateY( 28deg) translateY( -4px);	}
	.Global ul li:nth-child(n+2) a.LA span:nth-child(5){		transform: scale(2.2, 1) rotateX(25deg) rotateY( 26deg) translateY( -2px);	}
	.Global ul li:nth-child(n+2) a.LA span:nth-child(6){		transform: scale(2.2, 1) rotateX(25deg) rotateY(  0deg) translateY(  0px);	}
	.Global ul li:nth-child(n+2) a.LA span:nth-child(7){		transform: scale(2.2, 1) rotateX(25deg) rotateY(-26deg) translateY( -2px);	}
	.Global ul li:nth-child(n+2) a.LA span:nth-child(8){		transform: scale(2.2, 1) rotateX(25deg) rotateY(-28deg) translateY( -4px);	}
	.Global ul li:nth-child(n+2) a.LA span:nth-child(9){		transform: scale(2.2, 1) rotateX(25deg) rotateY(-32deg) translateY( -6px);	}
	.Global ul li:nth-child(n+2) a.LA span:nth-child(10){		transform: scale(2.2, 1) rotateX(25deg) rotateY(-36deg) translateY( -8px);	}
	.Global ul li:nth-child(n+2) a.LA span:nth-child(11){		transform: scale(2.2, 1) rotateX(25deg) rotateY(-40deg) translateY(-13px);	}
*/
}
/*
	#Switch:checked ~ .Global .L3{
		animation:GlobalIN 2s linear infinite;
	}

@keyframes GlobalIN {		0% {transform: translateY(0px);} to {transform: translateX(100px);	}	}
*/

/***************************************************************************************************

***************************************************************************************************/

aside{
	top:120px;
	left:80px;
	position:fixed;
	z-index:999;
}

aside ul{
	display:flex;
	flex-flow:column nowrap;
}

aside ul li{
	margin:0 0 10px;
}

aside ul li,
aside ul li a{
	width:80px;
	height:80px;
	display:block;
}

aside ul li a{
	border:5px double rgba(0,0,0,1.0);
	border-radius:50%;
	color:initial;
	display:flex;
	flex-flow:column nowrap;
	background-color:rgba(255,255,255,1.0);
}

aside ul li a span{
	height:20px;
	line-height:20px;
	font-size:16px;
	text-align:center;
}

aside ul li a.L1F span{
	line-height:70px;
}

aside ul li a.L2F,
aside ul li a.L1H{
	padding:17px 0;
}

aside ul li a.L1H span:nth-child(1){
	line-height:18px;
}

aside ul li a.L1H span:nth-child(2){
	line-height:12px;
	font-size:10px;
}

/* 20251125 
@media only screen and (max-width:1420px){
*/
@media only screen and (max-width:1400px){

aside{
	left:1vw;
}

}

/* 20251125 
@media only screen and (max-width:1080px){
*/
@media only screen and (max-width:1250px){

aside{
	margin:0 auto;
	top:calc(100% - 90px);
	left:calc(50% - 80px * 6 / 2);
	position:fixed;
	z-index:999;
}

aside ul{
	display:flex;
	flex-flow:row nowrap;
}

aside ul li{
	margin:0;
}

}

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

aside{
	top:calc(100% - (100vw / 6));
	left:calc(50% - (100vw / 6) * 3);
}

aside ul li,
aside ul li a{
	width:calc(100vw / 6);
	height:calc(100vw / 6);
}

aside ul li a span{
	height:calc(100vw / 6 - 10px);
	line-height:calc(100vw / 6 - 10px);
	font-size:3.5vw;
}

aside ul li a.L1F span{
	line-height:calc(100vw / 6 - 10px);
}

aside ul li a.L2F{
	padding:4.5vw 0 0;
}

aside ul li a.L2F span{
	height:3.5vw;
	line-height:3.5vw;
}

aside ul li a.L1H{
	padding:3.5vw 0 0;
}

aside ul li a.L1H span:nth-child(1){
	height:3.5vw;
	line-height:3.5vw;
}

aside ul li a.L1H span:nth-child(2){
	line-height:2.8vw;
	font-size:2.2vw;
}

}

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

	.Container2025 .TopNews{
		padding:120px 120px 3rem;
/* 20251122 */
		padding:40px 120px 3rem;
	}

}

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

	.Container2025 .TopNews{
		padding:120px calc(50% - 1080px / 2) 3rem;
/* 20251122 */
		padding:40px calc(50% - 1080px / 2) 3rem;
	}

}

/***************************************************************************************************

***************************************************************************************************/

footer{
	padding:80px 0;
	position:relative;
	background-color:rgba(0,0,0,0.8);
	z-index:99;
}

footer *{
}

footer nav{
	margin:0 0 60px;
}

footer nav ul{
	width:initial;
	height:initial;
	margin:initial;
	padding:initial;
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
}

footer nav ul li:nth-child(n){
	margin:0 20px;
	padding:initial;
	border:initial;
}

footer nav ul li a{
	width:80px;
	height:40px;
	line-height:40px;
	font-size:28px;
	font-family:'Saira Extra Condensed','Noto Sans JP',sans-serif;
	letter-spacing:initial;
	display:block;
	text-align:center;
	font-weight:700;
}

footer small,
footer small a{
	font-size:16px;
	color:rgba(255,255,255,1.0);
	font-family:'Noto Sans JP',sans-serif;
}

footer small a{
	line-height:22px;
	display:block;
}

/***************************************************************************************************

***************************************************************************************************/

.areaSingle{
	margin:0.1px auto 0;
	padding:0 12px;
	background-color:rgba(255,255,255,1.0);
	border-left:1px solid rgba(0,0,0,1.0);
	border-right:1px solid rgba(0,0,0,1.0);

/* 20251125 */
	max-width:896px;
}

.EZY .CatCloud{
	margin:0;
}

/* 20251125 */
.EZY .areaSingle{
	padding:12px 12px 0;
	border-top:1px solid rgba(0,0,0,1.0);
	border-radius:5px 5px 0 0;
}

.EZY .areaSingle p:nth-child(2),
.EZY .areaSingle p:nth-child(2) img{
	margin-top:0;
}

.areaSingle .Cbn{
	margin:20px auto 10px;
}

.wp-caption-text{
	font-size:1.2rem;
	line-height:1.6rem;
	margin:8px 0;
	display:block;
	text-align:left;
}

.areaSingle .nextPage{
	text-align:center;
}

.areaSingle .nextPage span, .wp-pagenavi span,
.areaSingle .nextPage a, .wp-pagenavi a{
	border-radius:50%;
}

.areaSingle .nextPage span, .wp-pagenavi span{
	background-color:rgba(255,255,255,1.0);
	color:rgba(0,0,0,1.0);
	border:1px solid rgba(0,0,0,1.0);
}

.Pagination{
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
}

.Pagination a,
.Pagination span{
	width:34px;
	height:34px;
	line-height:34px;
	margin:0 5px 10px;
	display:block;
	border-radius:50%;
	border:1px solid rgba(0,0,0,0.8);
	color:rgba(0,0,0,1.0);
	background-color:rgba(255,255,255,1.0);
	text-align:center;
	font-size:16px;
	font-family:'Inter';
	transition:all 0.5s;
}

.Pagination a:hover,
.Pagination span:hover{
	text-decoration:none;
}

.Pagination a.prev,
.Pagination a.next{
	line-height:32px;
}

.Pagination a:hover,
.Pagination span:hover,
.Pagination span.current{
	width:30px;
	height:30px;
	line-height:30px;
	border:3px double rgba(0,0,0,0.8);
	background-color:rgba(0,0,0,0.8);
	color:rgba(255,255,255,1.0);

	width:34px;
	height:34px;
	line-height:34px;
	border:1px solid rgba(0,0,0,0.8);

}

.PaginationPost a,
.PaginationPost span{
	width:50px;
	height:50px;
	line-height:50px;
	margin:0 5px 10px;
	display:block;
	border-radius:50%;
	border:1px solid rgba(0,0,0,0.8);
	color:rgba(0,0,0,1.0);
	background-color:rgba(255,255,255,1.0);
	text-align:center;
	font-size:16px;
	font-family:'Inter';
	position:relative;

	font-size:50px;
	font-weight:900;
	margin:0 10px 10px;
	background-color:rgba(0,0,0,0.8);
	border:0px solid rgba(0,0,0,0.8);

	background-color:rgba(122,122,122,1);
	transition:all 0.5s;
	z-index:1;
}

.PaginationPost a:hover,
.PaginationPost span:hover{
	text-decoration:none;
}

.PaginationPost a::after,
.PaginationPost span::after{
	content:'';
	width:0px;
	height:0px;
	border-top:20px solid rgba(0,0,0,0);
	border-right:25px solid rgba(0,0,0,0);
	border-bottom:20px solid rgba(0,0,0,0);
	border-left:25px solid rgba(0,0,0,1);
	top:5px;
	left:81.5%;
	position:absolute;
	display:block;
	z-index:-1;
}

.PaginationPost span.dots{
	color:rgba(255,255,255,1.0);
	font-size:40px;
}

.PaginationPost span.dots::after{
	border-left:25px solid rgba(122,122,122,1);
	z-index:-1;
}

.PaginationPost a{
	color:rgba(255,255,255,1.0);
}

.PaginationPost a::after{
	border-left:25px solid rgba(122,122,122,1);
}

.PaginationPost a:hover::after{
	border-left:25px solid rgba(0,0,0,1);
	transition:all 0.5s;
}

.PaginationPost a.prev,
.PaginationPost a.next{
	line-height:42px;
}

.PaginationPost a.prev::after,
.PaginationPost a.next::after,
.PaginationPost a:last-child::after,
.PaginationPost span:last-child::after{
	content:initial;
}

.PaginationPost a:hover,
.PaginationPost span:hover,
.PaginationPost span.current{
	width:30px;
	height:30px;
	line-height:30px;
	border:3px double rgba(0,0,0,0.8);
	background-color:rgba(0,0,0,0.8);
	color:rgba(255,255,255,1.0);

	width:50px;
	height:50px;
	line-height:50px;
	border:1px solid rgba(0,0,0,0.8);

	border:0px double rgba(0,0,0,1);
	background-color:rgba(0,0,0,1);
}

.yarpp{
	display:none;
}

.YarppLast .yarpp{
	display:initial;
}

.EZY{

}