@charset "UTF-8";
/******************
テンプレート全体[共通]
******************/
.common-box {
	clear: both;
	overflow: hidden;
	width: calc(100% - 34px);
	margin:0 0 120px 34px;
}
.common-box2 {
	clear: both;
	overflow: hidden;
	width: calc(100% - 34px);
	margin:0 0 0 34px;
}

.template-box{
	width: 100%;
	margin:0 auto 120px;
}
* html .common-box {
	height: 1%;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
	float: none;
}
img.alignright {
	margin: 0 0 0 auto;
	display: block;
	float: none;
}
img.alignleft {
	text-align: left;
	float: none;
}
.wp-block-image {
	margin: auto;
}
/******************
テンプレート共通[スマホ]
******************/
@media screen and (max-width: 768px) {
	.common-box {
		width: 100%;
		margin:0 0 80px 0;
	}
	.common-box2 {
		width: 100%;
		margin:0;
	}
	.template-box{
		margin-bottom:80px;
	}
}
/******************
中ページ共通項目[共通]
******************/
input, textarea {
	font-size: 16px;
	border: 1px solid #cccccc;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 5px;
}
#breadcrumbWrap {
	width: 100%;
	clear: both;
	padding: 7px 0;
	margin: 50px auto 20px;
}
#breadcrumbWrap p {
	font-size: 1.4rem;
	margin: 0 auto;
	position: relative;
	text-align:justify;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#breadcrumbWrap p img {
	vertical-align: middle;
	padding-bottom: 2px;
}
#wrapper .contents {
	width: 100%;
	clear: both;
	margin: auto;
	position:relative;
}
#wrapper .contents2{
	width: 100%;
	clear: both;
	margin: auto;
	position:relative;
}
#wrapper .main {
	max-width:1000px;
	width: 90%;
	margin: 240px auto 120px;
	overflow: hidden;
	clear: both;
	position:relative;
}
#wrapper .main2 {
	max-width:1000px;
	width: 90%;
	margin: 0 auto 120px;
	overflow: hidden;
	clear: both;
	position:relative;
}
#wrapper .main3 {
	max-width:1000px;
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
	position:relative;
}
/*
.row{
	display:flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.col-sm-8{
	width:75%;
}
.col-sm-4{
	width:20%;
}
#wrapper #main {
	width: 96%;
	max-width: 1260px;
	margin: 0 auto 60px;
	overflow: hidden;
}
*/
h1 {
	font-size:3rem;
	font-weight:500;
	margin:0 0 120px 0;
	padding-left:25px;
	line-height:1.2;
	position:relative;
}
.md1-jp{
	color:#808080;
	display:block;
	font-size:2rem;
	line-height:1.4;
}
h1::before{
	content: '';
	background: #000;
	width: 12px;
	height: 4px;
	position: absolute;
	top: 19px;
	left:0;
}
h2 {
	margin: 0 auto 30px;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.2;
	position: relative;
	border-left:10px solid #000;
	padding:0 0 2px 24px;
}
.md2-none{
	font-weight:bold;
	border-left:none;
	padding:0;
}
.md2-arrow{
	border:none;
	padding-left:30px;
}
.md2-arrow::before{
	position:absolute;
	top:6px;
	left:0;
	content:'';
	width: 17px;
	height: 17px;
	border: 4px solid;
	border-color: #000 #000 transparent transparent;
	transform: rotate(45deg);
}
h3 {
	clear: both;
	font-size: 2.2rem;
	font-weight: 500;
	margin: 0 auto 30px;
	border-bottom:1px solid #000;
	position:relative;
	padding:0 0 10px;
}
/*
h3::before {
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 20%;
	height: 3px;
	content: '';
	background: #f00;
}
*/
h4 {
	font-size: 2rem;
	font-weight: 500;
}
.editPostLink {
	clear: both;
	max-width: 1100px;
	margin: 10px auto 0;
	display: none;
}
.editPostLink a {
	display: inline-block;
	padding: 5px;
	background-color: #2466dd;
	color: white;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.editPostLink a:hover {
	background-color: #4486fd;
	text-decoration: none;
}
/*
.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 20px;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none;
	width: auto;
	color: #3e3e3e;
	background: #dddddd;
}
.pagination a:hover {
	color: #fff;
	background: #888888;
}
.pagination .current {
	padding: 6px 9px 5px 9px;
	background: #f29528;
	color: #fff;
}
*/
.wp-pagenavi {
	display: flex;
	justify-content: center;
	gap: 10px 10px;
	margin-top: 60px;
	
	/*flex-wrap: wrap;*/
}

.wp-pagenavi .pages {

/*
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
*/
}

.wp-pagenavi span,
.wp-pagenavi a {
	font-size: 1.4rem;
	line-height: 28px;
}
.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	display: block;
	width: 28px;
	text-align: center;
	background-color: #f0f0f0;
}
.wp-pagenavi .first,
.wp-pagenavi .last {
	display: block;
	width: 50px;
	text-align: center;
	background-color: #f0f0f0;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	
}
.wp-pagenavi .current {
	color: #fff;
	background-color: #e50020;
}


.contents_page{
	margin-bottom:80px;
}
#backBtn{
	max-width:300px;
	padding-top:80px;
	margin:auto;
}
#backBtn2{
	max-width:300px;
	margin:auto;
}
#focusBack{
	max-width:300px;
	margin:0 auto 120px;
}
#backBtn a, #backBtn2 a, #focusBack a{
	display:block;
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
	color:#fff;
	background-color:#e50020;
	padding:10px 20px 14px;
	position:relative;
	/* 右下を切り欠く */
	clip-path: polygon(
	0 0,        /* 左上 */
	100% 0,     /* 右上 */
	100% calc(100% - 15px), /* 右下（上から15px） */
	calc(100% - 15px) 100%, /* 右下（左から15px） */
	0 100%      /* 左下 */);
}
#backBtn a.egibow-btn, #backBtn2 a.egibow-btn, #focusBack a.egibow-btn{
		background-color:var(--coloregibow);
}
#backBtn a.ishidama-btn, #backBtn2 a.ishidama-btn, #focusBack a.ishidama-btn{
		background-color:var(--colorishidama);
}
#backBtn a:hover, #backBtn2 a:hover{
	background-color:#000;
}
#focusBack a:hover{
	opacity:0.7;
}
#backBtn span::before, #backBtn2 span::before, #focusBack span::before{
	position: absolute;
	margin: auto;
	content: '';
	vertical-align: middle;
	top:28px;
	left: 34px;
	width: 40px;
	height: 1px;
	background-color:#fff;
	transition: .3s;
}
#backBtn span::after, #backBtn2 span::after, #focusBack span::after{
	position: absolute;
	margin: auto;
	content: '';
	vertical-align: middle;
	top:24px;
	left: 34px;
	width: 9px;
	height: 9px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	transition: .3s;
}
#backBtn a:hover span::after, #backBtn2 a:hover span::after, #focusBack a:hover span::after{
	left: 24px;
}
#backBtn a:hover span::before, #backBtn2 a:hover span::before, #focusBack a:hover span::before{
	left: 24px;
}
.txt-indent{
	line-height:1.6;
	text-indent:-1.6rem;
	padding-left:1.6rem;
}
.txt-haba{
	margin-bottom:40px;
}
@media screen and (max-width: 960px) {
	#wrapper #main{
		width:86%;
	}
}
@media screen and (max-width: 768px) {
	#wrapper .contents, #wrapper .contents2{
		margin-top:76px;
		padding-top:40px;
	}
	#wrapper .contents2::before{
		content:'';
		position:absolute;
		top:0;
		left:0;
		right:0;
		width:100%;
		margin:0 auto;
		border-bottom:1px solid #000;
	}
	h1{
		margin-bottom:80px;
	}
	h2{
		font-size:2rem;
	}
	.md-en{
		font-size:1.6rem;
	}
	.md-jp{
		font-size:1.6rem;
	}
	h3{
		font-size:1.8rem;
	}

	#wrapper .main, #wrapper .main2{
		margin:0 auto 60px;
	}
	#breadcrumbWrap {
		margin: 40px auto 20px;
	}
}
@media screen and (max-width: 560px) {
	h1{
		font-size:2.6rem;
		margin-left:4%;
	}
	.md1-jp{
		font-size:1.6rem;
	}
	#backBtn{
		max-width:240px;
	}
	#backBtn a{
		padding-left:40px;
	}
}
/******************
中ページ共通CSS
******************/
#yearWrap{
	border-bottom:1px solid #000;
	overflow:hidden;
	position:relative;
	margin:0 auto 60px;
	padding-bottom:20px;

}
#yearBox{
	display:flex;
	flex-wrap:wrap;
	margin:auto;
	overflow:hidden;
	margin: 0 50px;
}
#yearBox.is-static{
	margin: 0 0;
}
#yearBox.is-static .swiper-wrapper{
	gap: 0 10px;
}
#yearBox.is-static .swiper-wrapper .swiper-slide{
	width: calc(20% - 8px);
}
.swiper2 .swiper-slide a{
	display:block;
	font-size:2rem;
	font-weight:500;
	text-align:center;
	border:1px solid #000;
	padding:5px;
	line-height:1.4;
}
.swiper2 .swiper-slide a:hover{
	color:#fff;
	background-color:#e50020;
}
.swiper2 .swiper-slide a[aria-current="page"] {
	color:#fff;
	background-color:#e50020;
}
.swiper2 .swiper-button-prev{
	width:auto;
	height:auto;
	margin:0;
	left:18px;
	top: 20px;
}
.swiper2 .swiper-button-next{
	width:auto;
	height:auto;
	margin:0;
	right:18px;
	top: 20px;
}
/* 前へ次への矢印カスタマイズ */
.swiper2 .swiper-button-prev::after,
.swiper2 .swiper-button-next::after {
	bottom: 0;
	content: '';
	margin: auto;
	position: absolute;
	top: 0;
	width: 17px;
	height: 17px;
}
/* 前への矢印カスタマイズ */
.swiper2 .swiper-button-prev::after {
	transform: rotate(225deg);
	border: 3px solid;
	border-color: #000 #000 transparent transparent;
}
/* 次への矢印カスタマイズ */
.swiper2 .swiper-button-next::after {
	transform: rotate(45deg);
	border: 3px solid;
	border-color: #000 #000 transparent transparent;
}
/* 画像サイズ調整 */
.swiper2 .swiper-slide img {
  height: auto;
  width: 100%;
}

.swiper2 .swiper-button-prev.is-hidden,
.swiper2 .swiper-button-next.is-hidden {
	display: none;
}

#year-ul{
	display:none;
}
#year-ul li{
	width:15%;
	margin:0 2% 15px 0;
}
#year-ul li:nth-child(6n){
	margin-right:0;
}
#year-ul li a{
	display:block;
	font-size:2rem;
	font-weight:500;
	text-align:center;
	border:1px solid #000;
	padding:5px;
	line-height:1.4;
}
#year-ul li a:hover{
	color:#fff;
	background-color:#e50020;
}
#year-ul li a[aria-current="page"] {
	/*
	display:block;
	font-size:2rem;
	font-weight:500;
	text-align:center;
	padding:5px;
	line-height:1.4;
	*/
	color:#fff;
	background-color:#e50020;
}
@media screen and (max-width: 768px) {
	#yearBox{
		width:calc(100% - 60px);
		margin:4px auto 0;
	}
	.swiper2 .swiper-slide a{
		font-size:1.6rem;
	}
}
@media screen and (max-width: 560px) {
	#year-ul li{
		width:32%;
		margin:0 2% 10px 0;
	}
	#year-ul li:nth-child(3n){
		margin-right:0;
	}
	#year-ul li a{
		font-size:1.4rem;
	}
}
@media screen and (max-width: 430px) {
	.swiper2 .swiper-slide a{
		font-size:1.4rem;
		padding:5px 3px;
	}
}


/* イベントページ共通（アーカイブ） */
.archive-month-nav {
	border-bottom: 1px solid #323232;
	margin-bottom: 50px;
	padding-bottom: 40px;
	position: relative;
}
.month-nav-swiper {
	width: calc(100% - 100px);
	padding-bottom: 0 !important;
}
.month-nav-swiper.is-static {
	width: 100%;
}
.month-nav-item {
	border: 1px solid #323232;
	text-align: center;
}
.month-nav-item a {
	display: block;
	padding: 5px 0;
}
.month-nav-item.is-active a {
	background-color: #e50020;
	color: #fff;
}
.egibow-box .month-nav-item.is-active a{
	background-color: var(--coloregibow);
}
.ishidama-box .month-nav-item.is-active a{
	background-color: var(--colorishidama);
}
.month-nav-swiper.is-static .month-nav-list {
	gap: 0 10px;
}
.month-nav-swiper.is-static .month-nav-item {
	width: calc(20% - 8px);
}
.archive-month-nav .month-nav-prev.disabled,
.archive-month-nav .month-nav-next.disabled {
	display: none;
}
.month-nav-prev,
.month-nav-next {
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	top: 19px !important;
}
.month-nav-prev {
	left: 18px !important;
}
.month-nav-next {
	right: 18px !important;
}
.month-nav-prev:after,
.month-nav-next:after {
	bottom: 0;
	content: '';
	margin: auto;
	position: absolute;
	top: 0;
	width: 17px;
	height: 17px;
}
.month-nav-prev:after {
	transform: rotate(225deg);
	border: 3px solid;
	border-color: #000 #000 transparent transparent;
}
.month-nav-next:after {
	transform: rotate(45deg);
	border: 3px solid;
	border-color: #000 #000 transparent transparent;
}

.event-archive-title {
	border: 0;
	padding: 0;
	margin-bottom: 60px;
}
.event-archive-title .event-year {
	font-size: 2.2rem;
}
.event-archive-title .event-month {
	font-size: 2.8rem;
}
.archive-wrap{
	/*
	margin-bottom:80px;
	*/
}
.archive-wrap .archive-list {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 20px;
}
.archive-list .archive-item {
	width: calc(25% - 15px);
}
.archive-list .archive-item {
	display: block;
}
.archive-list .archive-img.square img {
	aspect-ratio: 1/1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.archive-item .archive-date {
	font-weight: 500;
	color: #808080;
	margin: 10px auto 0;
	line-height: 1.4;
	font-size: 1.4rem;
}
.archive-item .archive-title {
	margin-top: 5px;
	line-height: 1.6;
}

@media screen and (max-width: 768px) {
	.month-nav-swiper.is-static .month-nav-item {
		width: calc(33.33333% - 8px);
	}
	.archive-wrap .archive-list {
		gap: 40px 20px;
	}
	.archive-list .archive-item {
		width: calc(50% - 10px);
	}
}
/******************
プライバシーポリシー[PC]
******************/
/*
.md2-pp{
	font-size:2.5rem;
	display:table;
}
.md3-pp{
	margin:0 auto 25px;
	color:#f00;
	font-weight:500;
	font-size:2.2rem;
	border-bottom:1px solid #000;
}
.md3-pp::before{
	position:static;
	height:0;
}
.pp-box{
	width:96%;
	margin:0 auto 60px;
}
.pp-box2{
	width:96%;
	margin:0 auto 30px;
}
.pp-box3{
	width:96%;
	margin:auto;
}
*/
.pp-ul1{
}
.pp-ul1 li{
	position:relative;
	margin-top:10px;
	line-height:1.4;
	text-indent:-2rem;
	padding-left:1.8rem;
}
/*
.pp-ul1 li::before {
	position: absolute;
	top: 7px;
	left: 5px;
	content: "";
	width: 10px;
	height: 10px;
	background-color: #f00;
	border-radius: 100%;
}
*/
.pp-ul2{
}
.pp-ul2 li{
	position:relative;
	margin-top:10px;
	line-height:1.4;
	padding-left:1.6rem;
}
.pp-ul2 li::before {
	position: absolute;
	top: 10px;
	left: 6px;
	content: "";
	width: 4px;
	height: 4px;
	background-color: #000;
	border-radius: 100%;
}
.pp-txt1 {
	margin: 0 auto;
	margin-bottom: 5px;
}
.pp-txt2 {
/*
	margin: 5px auto 0;
	text-indent: -16px;
	padding-left: 30px;
*/
	padding-left:16px;
	margin-bottom:10px;
}
.pp-txt3 {
	padding-left:16px;
	margin-bottom:30px;
}
.pp-add{
	line-height:1.4;
}
.pp-update{
	width:96%;
	margin:0 auto 20px;
}
@media screen and (max-width: 768px) {
	.md2-pp{
		font-size:2.2rem;
		text-align:left;
	}
	.md3-pp{
		font-size:2rem;
	}
}

/******************
サイトマップ[PC]
******************/
.sitemap-wrap {
}
.sitemap-box {
/*
	display:flex;
	justify-content: space-between;
*/
}
.sitemap-frame{
	margin:0 auto 40px;
}
.sitemap-title{
	font-weight:bold;
	border-bottom:1px solid #f00;
	margin-bottom:10px;
	padding-bottom:5px;
}
.sitemap-menu{
	display:flex;
	flex-wrap:wrap;
	margin:0 auto 60px;
	padding-bottom:60px;
	border-bottom:1px solid #ccc;
}
.sitemap-menu.ishidama-box{
	margin:0;
	padding:0;
	border:none;
}
.sitemap-menu li.sitemap-menu-item{
	width:31.333%;
	margin:0 2% 10px 0;
	position:relative;
}
.sitemap-menu li.sitemap-menu-item a, .sitemap-menu li.sitemap-menu-item span{
	display: block;
	padding-left:18px;
}
.sitemap-menu li.sitemap-menu-item::before{
	position: absolute;
	top: 10px;
	left: 2px;
	display: block;
	width: 10px;
	height: 10px;
	background: #000;
	content: "";
	border-radius: 10px;
}
.sitemap-menu.kizakura-box li.sitemap-menu-item::before{
	background-color:var(--colorkizakura);
}
.sitemap-menu.egibow-box li.sitemap-menu-item::before{
	background:var(--coloregibow);
}
.sitemap-menu.ishidama-box li.sitemap-menu-item::before{
	background:var(--colorishidama);
}
.sitemap-submenu{
	margin:5px 0 20px 10px;
}
.sitemap-menu li ul li.sitemap-submenu-item a{
	display: block;
	padding-left: 24px;
	margin-bottom:5px;
	position: relative;
}
.sitemap-menu li ul li.sitemap-submenu-item a::before{
	position: absolute;
	margin: auto;
	content: "";
	vertical-align: middle;
	top: 12px;
	left: 10px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #e50020;
	border-right: 1px solid #e50020;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/******************
サイトマップ[タブレット・スマホ]
******************/
@media screen and (max-width: 960px) {
	.sitemap-menu li.sitemap-menu-item{
		width:48%;
	}
}
@media screen and (max-width: 460px) {
	.sitemap-menu{
		display:block;
	}
	.sitemap-menu li.sitemap-menu-item{
		width:100%;
		margin:0;
	}
}

#scrollBox2{
	position:relative;
	/*padding-bottom:30px;*/
}
.scroll_down2{
	position:absolute;
	bottom:-140px;
	right:5%;
	animation: arrowmove2 1s ease-in-out infinite;
	z-index:100;
	font-family:"Noto Sans JP", serif;
}
.scroll_down2 a{
	position: absolute;
	right: -14px;
	bottom: 80px;
	color: #000;
	font-size:1.4rem;
	font-weight:normal;
	writing-mode: vertical-rl;
	text-decoration: none;
	word-break:normal;
}
.scroll_down2:before {
	content: '';
	position: absolute;
	bottom: 5px;
	right: -5px;
	width: 1px;
	height: 16px;
	background: #000;
	transform: skewX(-31deg);
}
.scroll_down2:after{
	content:'';
	position: absolute;
	bottom: 5px;
	right: 0;
	width: 1px;
	height: 70px;
	background:#000;
}
@keyframes arrowmove2{
	0%{bottom:-140px;}
	50%{bottom:-160px;}
	00%{bottom:-140px;}
}
/*キザクラ*/
#product{
	margin-bottom:120px;
}
#kizakuraImg{
	background-image: url('./images/brand/kizakura/kizakura-img.jpg');
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	
	aspect-ratio: 3/1;
}
.brandTopSwiper {
	padding-bottom: 0 !important;
}
.brandTopSwiper img {
	aspect-ratio: 5/2;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.brandTop-navigation {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	margin-top: 20px;
}
.brandTop-navigation .swiper-button-prev,
.brandTop-navigation .swiper-button-next {
	position: static !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
}
.brandTop-navigation .swiper-button-prev:after,
.brandTop-navigation .swiper-button-next:after {
	content: '';
	margin: auto;
	width: 17px;
	height: 17px;
}
.brandTop-navigation .swiper-button-prev:after {
	transform: rotate(225deg);
	border: 3px solid;
	border-color: #000 #000 transparent transparent;
}
.brandTop-navigation .swiper-button-next:after {
	transform: rotate(45deg);
	border: 3px solid;
	border-color: #000 #000 transparent transparent;
}
.brandTop-pagination {
	position: static !important;
	width: auto !important;
	display: flex;
	margin: 0 20px;
}
.brandTop-pagination .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
}
.brandTop-pagination .swiper-pagination-bullet-active {
	background-color: #e50020;
}

#eventBox{
	max-width:1000px;
	width:94%;
	margin:80px auto 0;
}
#eventBox li{
	width:32%;
	margin:0 2% 60px 0;
	list-style-type:none;	
}
#eventBox li a{
	display:block;
}
#eventBox li:nth-child(3n){
	margin-right:0;
}
.eventImg img{
	/*
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position:top;
	*/
}
.eventCate{
	line-height:1.4;
	font-weight:bold;
	margin-top:10px;
}
.eventCate span{
	display:inline-block;
	line-height:1.2;
	border-left:1px solid #000;
	padding:0 0 2px 5px;
	margin-right:5px;
}
.eventCate span:first-child{
	border:none;
	padding:0;
}
.eventCate span:not(:first-child){
	display:none;	
}
.eventDate{
	font-weight:500;
	color:#808080;
	margin:10px auto 0;
}
.eventTitle{
	margin-top:10px;
	line-height:1.4;
}
#eventBtn{
	max-width:300px;
	margin:0 auto 200px;
}
#eventBtn a{
	display:block;
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
	color:#fff;
	background-color:#e50020;
	padding:10px 20px 14px;
	position:relative;
	/* 右下を切り欠く */
	clip-path: polygon(
	0 0,        /* 左上 */
	100% 0,     /* 右上 */
	100% calc(100% - 15px), /* 右下（上から15px） */
	calc(100% - 15px) 100%, /* 右下（左から15px） */
	0 100%      /* 左下 */);
}
.egibow-box #eventBtn a{
	background:var(--coloregibow);
}
.ishidama-box #eventBtn a{
	background:var(--colorishidama);
}
#eventBtn a::before{
	position:absolute;
	top:19px;
	left:40px;
	content:'';
	width: 17px;
	height: 17px;
	border: 4px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
}
#eventBtn a:hover{
	background-color:#000;
}
@media screen and (max-width: 1120px) {

}
@media screen and (max-width: 768px) {
	#kizakuraImg{
		padding-top: calc(50vh - 76px);
		margin-top:76px;
	}
	#eventBox{
		margin-top:0;
	}
	#eventBox li{
		max-width:500px;
		width:100%;
		margin:0 auto 40px;
	}
	#eventBox li:not(:first-child){
		display:none;
	}
	.eventImg img {
		aspect-ratio: auto;
	}
	#eventBtn{
		margin:0 auto 100px;
	}
}
#productBox{
	max-width:1000px;
	width:94%;
	margin:30px auto 60px;
	display:flex;
	flex-wrap:wrap;
	gap: 40px 15px;
}
#productBox li{
	width: calc(20% - 12px);
}
#productBox li.no-product{
	width:100% !important;
	text-align:center;
}
#productBox li a {
	display: block;
}
.productImg{
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 1/1;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	z-index: 10;
	visibility: inherit;
	transition:.3s;
	margin-bottom: 10px;
}
.productImg:hover{
	opacity:0.7;
}
.productImg .productNew {
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	background-color: #e50020;
	color: #fff;
	font-size: 1.3rem;
	padding: 0 10px;
}
/*
.productImg img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position:top;
}
*/


#productFilter {
	max-width: 1000px;
	width: 94%;
	margin: 0 auto 20px;
	display: flex;
	/*flex-wrap: wrap;*/
	gap: 0 5px;
}
#productFilter .filter-all-wrap,
#productFilter .filter-group {
	position: relative;
}
#productFilter.filter-kizakura .filter-all-wrap,
#productFilter.filter-kizakura .filter-group {
	width: calc(16.66% - 4.1px);
}
#productFilter.filter-egibow .filter-all-wrap,
#productFilter.filter-egibow .filter-group {
	width: calc(33.33% - 3.33px);
}
#productFilter.filter-ishidama .filter-all-wrap,
#productFilter.filter-ishidama .filter-group {
	width: calc(20% - 4px);
}
#productFilter .filter-all-wrap,
#productFilter .filter-head {
	text-align: center;
	background-color: #9c9c9d;
	display: block;
	cursor: pointer;
	transition: .3s all ease;
}
#productFilter .filter-all-wrap button,
#productFilter .filter-group .filter-title {
	color: #fff;
	display: block;
	padding: 5px 0;
}
#productFilter .filter-all-wrap button {
	padding: 5px 0;
	font-size: 1.6rem;
	font-family:"Noto Sans JP", serif;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
#productFilter .filter-all-wrap button:hover,
#productFilter .filter-group .filter-head:hover {
	background-color: #000;
}
#productFilter .filter-group .filter-body {
	visibility: hidden;
	opacity: 0;
	z-index: 100;
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 0;
	background-color: rgba(113,112,113,0.9);
	transition: all .4s ease;
}
#productFilter .filter-group:hover .filter-body {
	visibility: visible;
	opacity: 1;
}
#productFilter .filter-group .filter-body label {
	display: block;
	width: 100%;
	text-align: left;
	padding: 8px 5px 8px 10px;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.4;
	display: flex;
	cursor: pointer;
}
#productFilter .filter-group .filter-body label input {
	appearance: none;
	position: relative;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	border-radius: 2px;
	background-color: unset;
	cursor: pointer;
	margin: 2px 8px 0 0;
}
#productFilter .filter-group .filter-body label input:checked {
	background-color:var(--colorkizakura);
}
.egibow-box #productFilter .filter-group .filter-body label input:checked {
	background-color:var(--coloregibow);;
}
.ishidama-box #productFilter .filter-group .filter-body label input:checked {
	background-color:var(--colorishidama);
}
#productFilter .filter-group .filter-body label input:checked:after {
	content: "";
	position: absolute;
	top: 3px;
	left: 2px;
	width: 11px;
	height: 5px;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	transform: rotate(-45deg);
}
#selectedFilters {
	max-width: 1000px;
	width: 94%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 10px;
}
#selectedFilters .badge {
	font-size: 1.3rem;
	padding: 2px 10px;
	background-color: #ececec;
	border-radius: 5px;
}
#selectedFilters .badge .badge-remove {
	cursor: pointer;
}

.productCate{
	line-height:1.4;
	font-size:1.2rem;
}
.productTitle{
	margin-top: 5px;
	font-size: 1.5rem;
	line-height:1.4;
}

#productCate{
	max-width:1000px;
	width:94%;
	margin:0 auto 60px;
	display:flex;
	flex-wrap:wrap;
}
#productCate li{
	width:calc(16.666% - 5px);
	color:#fff;
	text-align:center;
	margin-right:6px;
	position:relative;
	padding-bottom:5px;
}
#productCate li a{
	color:#fff;
	background-color:#9c9c9d;
	display:block;
	padding:5px 10px;
}
#productCate li a:hover{
	background-color:#000;
}
#productCate li:last-child{
	margin-right:0;
}
.productSubCate{
	visibility: hidden;
    opacity: 0;
    z-index: 100;
	display: block;
	position: absolute;
	top: 100%;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 0;
	background-color: rgba(113,112,113,0.9) !important;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
	/*
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
	*/
}
#productCate li ul.productSubCate li{
	width:100%;
	text-align:left;
	padding:8px 5px 8px 10px;
	margin:0;
}
#productCate li:hover ul.productSubCate {
    top: 100%;
    visibility: visible;
	opacity: 1;
}
#productCate li ul.productSubCate li label{
	font-size:1.4rem;
	line-height:1.4;
	display:flex;
}
#productCate li ul.productSubCate li:hover label{
	cursor:pointer;
}
.checkbox {
	appearance: none;
	position: relative;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	border-radius: 2px;
	background-color: unset;
	cursor: pointer;
	margin:3px 8px 0 0;
}

.checkbox:checked {
	background-color: #e50020;
}
.checkbox:checked::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 2px;
	width: 11px;
	height: 5px;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	transform: rotate(-45deg);
}
@media screen and (max-width: 960px) {
	#productCate li a{
		font-size:1.4rem;
		padding:5px;
	}
	#productCate li ul.productSubCate li label{
		font-size:1.2rem;
	}
	#productFilter .filter-all-wrap, #productFilter .filter-head{
		font-size:1.4rem;
	}
}
@media screen and (max-width: 768px) {
	#product{
		margin-bottom:80px;
	}
	#productBox{
		margin-bottom:0px;
		gap:40px 6px;
	}
	#productBox li{
		width:calc(33.333% - 4px);
	}
	#productBox li:nth-child(3n){
	}
	#productCate-sp{
		width:94%;
		margin:0 auto 15px;
		position:relative;
	}
	#productCate-sp a{
		display:block;
		color:#fff;
		background-color:#9c9c9d;
		padding:10px 40px 10px 20px;
	}
	#productCate-sp a:hover{
		background-color:#000;
	}
	#productCate-sp::before, #productCate-sp::after{
		content:'';
		width:30px;
		height:1px;
		background-color:#fff;
		position:absolute;
		right:20px;
		-webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        transition: all .25s ease;
        outline: 1px solid transparent;
		z-index:2;
	}
	#productCate-sp::before{
		top:20px;
	}
	#productCate-sp::after{
		top:30px;
	}
	.checkbox {
		width:14px;
		height:14px;
		margin: 1px 8px 0 0;
	}
	.checkbox:checked::after{
		width:9px;
	}
	.productTitle{
		font-size:1.4rem;
	}
	#selectedFilters{
		margin-top:20px;
	}
	#productFilter{
		display:none;
		transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
		transform: scale(1, 0);
		transform-origin: top;
		overflow-x: hidden;
	}
	#productFilter .filter-all-wrap button{
		font-size:1.6rem;
		padding:10px 0;
		font-size:1.6rem;
		width:90%;
		margin:auto;
		border-bottom:1px solid #fff;
	}
	#productFilter .filter-head{
		font-size:1.6rem;
		width:90%;
		margin:auto;
		border-bottom:1px solid #fff;
		position:relative;
	}
	#productFilter .filter-all-wrap button:hover, #productFilter .filter-head:hover{
		background-color:#000;
	}
	#productFilter .filter-head::before{
		display: block;
		content: "";
		position: absolute;
		top: 20px;
		right: 13px;
		margin: auto;
		width: 15px;
		height: 1px;
		background-color: #fff;
		transition: .2s;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}
	#productFilter .filter-head::after {
		display: block;
		content: "";
		position: absolute;
		top: 20px;
		right: 13px;
		margin: auto;
		width: 15px;
		height: 1px;
		background-color: #fff;
		transition: .3s;
	}
	#productFilter .filter-head.open::before {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		background: #fff;
	}
	#productFilter .filter-head.opne:after {
		background-color: transparent;
		background: #fff;
		right: 13px;
	}
	#productFilter.filter-kizakura .filter-all-wrap,
	#productFilter.filter-egibow .filter-all-wrap,
	#productFilter.filter-ishidama .filter-all-wrap{
		width:100%;
	}
	/*
	#productFilter .filter-all-wrap:hover{
		background-color:#9c9c9d;
	}
	*/
	#productFilter.filter-kizakura .filter-group,
	#productFilter.filter-egibow .filter-group,
	#productFilter.filter-ishidama .filter-group{
		width:100%;
		background-color:#9c9c9d;
	}
	#productFilter .filter-group .filter-wrap {
		display:none;
	}
	#productFilter .filter-group .filter-body {
		display:flex;
		flex-wrap:wrap;
		visibility:unset;
		opacity: 1;
		position: static;
		transition:unset;
		width:90%;
		margin:auto;
	}
	#productFilter .filter-group .filter-body label{
		width:49%;
	}
	.filter-title{
		pointer-events: none;
	}
	.headerMenuMainWrap-active #productFilter{
		display:block;
		padding-bottom: 30px;
		background-color: #9c9c9d;
		transform: scale(1, 1);
		transform-origin: top;
		transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
	}
}
/*
#contents{
	margin:120px auto 90px;
}
*/
.contentsBox, .columnBox3{
	max-width:1000px;
	width:94%;
	margin:auto;
	display: flex;
	flex-wrap: wrap;
}
.contentsBox li, .columnBox3 li{
	width:32%;
	margin:0 2% 60px 0;
	list-style-type:none;	
}
.contentsBox li a, .columnBox3 li a{
	display:block;
}
.contentsBox li:nth-child(3n), .columnBox3 li:nth-child(3n){
	margin-right:0;
}
.columnImg img{
	aspect-ratio: 3/2;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.columnCate{
	font-weight:bold;
	margin:10px auto 0;
	line-height:1.4;
	font-size:1.4rem;
}
.columnCate span{
	display:inline-block;
	/*line-height:1.2;*/
	border-left:1px solid #000;
	padding:0 0 2px 5px;
	margin-right:5px;
}
.columnCate span:first-child{
	border:none;
	padding:0;
}
.columnDate{
	font-weight:500;
	color:#808080;
	margin:10px auto 0;
}
.columnTitle{
	margin-top:10px;
	line-height:1.4;
}
.columnTitle-b{
	margin-top:20px;
	line-height:1.4;
}
@media screen and (max-width: 768px) {
	/*
	#contents{
		margin:80px auto 30px;
	}
	*/
	.contentsBox li{
		max-width:500px;
		width:100%;
		margin:0 auto 50px;
		border-bottom:1px solid #000;
		padding-bottom:40px;
		position:relative;
	}
	.contentsBox li a{
		position:relative;
	}
	.contentsBox li a::before{
		position: absolute;
		bottom: 5px;
		right: 20px;
		content: '';
		width: 10px;
		height: 10px;
		border: 2px solid;
		border-color: #000 #000 transparent transparent;
		transform: rotate(45deg);
		transition: .3s;
	}
	.contentsBox li a:hover::before{
		border-color: #e50020 #e50020 transparent transparent;	
	}
	.contentsBox li:nth-child(3n){
		margin-right:auto;
	}
	.columnBox3 li{
		max-width:500px;
		width:100%;
		margin:0 auto 50px;
		position:relative;
	}
	.columnBox3 li:not(:first-child){
		display:none;
	}
	.columnTitle-b{
		padding-right:40px;
	}
}
/*MOVIE*/
#movie li a img{
	aspect-ratio: 16/9;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*フィールドスタッフ*/
#field-staff{
	margin:120px auto;
}
#fieldstaffWrap{
}
.fieldstaffBox{
	display:flex;
	flex-wrap:wrap;
}
.fieldstaffFrame{
	width:24%;
	margin:0 1.333% 30px 0;
	font-size:1.4rem;
	line-height:1.4;
}
.fieldstaffFrame:nth-child(4n){
	margin:0 0 30px 0;
}
.region{
	margin-bottom:10px;
	color:#fff;
	background-color:#9c9c9d;
	font-size:2rem;
	font-weight:500;
}
.region:hover{
	cursor:pointer;
}
.fieldstaffWrap dt div{
    position:relative;
	padding:5px 60px 5px 20px;
	height:46px;
}
.plus-icon{
	position: absolute;
	top: 50%;
	right: 0;
	width: 46px;
	height: 46px;
	background-color:#5f5f61;
	transform: translateY(-50%);
}
.fieldstaffWrap dt .plus-icon:before {
	display: block;
	content: "";
	position: absolute;
	top: 22px;
	right: 13px;
	margin: auto;
	width: 19px;
	height: 1px;
	background-color: #fff;
	transition: .2s;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.fieldstaffWrap dt .plus-icon::after {
	display: block;
	content: "";
	position: absolute;
	top: 22px;
	right: 13px;
	margin: auto;
	width: 19px;
	height: 1px;
	background-color: #fff;
	transition: .3s;
}
.fieldstaffWrap dt .plus-icon:hover{
    cursor: pointer;
}
.fieldstaffWrap dt.on .plus-icon:before {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	background: #fff;
}
.fieldstaffWrap dt.on .plus-icon:after {
	background-color: transparent;
	background: #fff;
	right: 13px;
}
.staff-photo{
	aspect-ratio: 1/1;
}
.staff-photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.staff-name{
	margin-top:20px;
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
}
.staff-name span{
	display: inline-block;
}
.staff-square{
	position:relative;
	padding-left:15px;
	margin-top:5px;
}
.staff-square::after {
	display: block;
	content: '';
	position: absolute;
	top: 5px;
	left: 0px;
	width: 11px;
	height: 11px;
	background-color: #000;
}
.residence{
}
.home-ground{
}
.use-float{
}
/*
@media screen and (max-width: 768px) {
	.fieldstaffFrame{
		width:32%;
		margin:0 2% 30px 0;
	}
	.fieldstaffFrame:nth-child(4n){
		margin:0 2% 30px 0;
	}
	.fieldstaffFrame:nth-child(3n){
		margin:0 0 30px 0;
	}
}
*/
@media screen and (max-width: 768px) {
	.region{
		font-size:1.8rem;
	}
	#field-staff{
		margin:80px auto;
	}
	.fieldstaffFrame{
		width:49%;
		margin:0 2% 30px 0;
	}
	.fieldstaffFrame:nth-child(2n){
		margin:0 0 30px 0;
	}
}
/*よくある質問*/
#faq .bgColor1 {
	padding-bottom: 60px;
}
#faqWrap{
}
.faqBox{
    margin:0 auto;
	position:relative;
}
.faqBox::before{
	content: '';               /* 疑似要素でQを表示 */
	background-image: url('./images/brand/kizakura/aroow.svg');
	background-size: 20px auto;
	background-position: center;
	background-repeat: no-repeat;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.faqTitle{
	font-size:1.8rem;
	font-weight:500;
	position:relative;
	padding-left:20px;
	margin-bottom:20px;
}
.faqTitle.faq{
	margin-top: 60px;
}
.faqTitle::after {
	display: block;
	content: '';
	position: absolute;
	top: 10px;
	left: 0px;
	width: 15px;
	height: 15px;
	background-color: #000;
}
.faqBox .question {
	display: flex;              /* 横並びにする */
	align-items: stretch;       /* 子要素の高さを揃える */
	position:relative;
	background-color:#fff;
	margin-top:10px;
}

.faqBox .question::before {
	content: '';               /* 疑似要素でQを表示 */
	background-image: url('./images/brand/kizakura/q-txt.svg');
	background-size: 20px auto;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;              /* 中央寄せのためにflex化 */
	align-items: center;        /* 縦方向中央 */
	justify-content: center;    /* 横方向中央 */
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;                  /* 上下を0にして高さを親に合わせる */
	width: 60px;                /* 幅を固定 */
	background-color: #000;     /* 背景色 */
	color: #fff;                /* 文字色 */
	font-weight: bold;
	font-size:2.6rem;
}
.faqBox dd {
    position:relative;
    margin-bottom:10px;
    padding: 0 0 0 80px;
	border-bottom:1px solid #000;
}
.faqBox dd::before {
	content: '';               /* 疑似要素でQを表示 */
	background-image: url('./images/brand/kizakura/a-txt.svg');
	background-size: 20px auto;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;              /* 中央寄せのためにflex化 */
	align-items: center;        /* 縦方向中央 */
	justify-content: center;    /* 横方向中央 */
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;                  /* 上下を0にして高さを親に合わせる */
	width: 60px;                /* 幅を固定 */
	font-weight: bold;
	font-size:2.6rem;
}
.faqBox dd.answer div{
	padding:20px 10px 20px 0;
}
.faq-cate{
	font-size:1.4rem;
	color:#fff;
	display:inline-block;
	padding:2px 10px 3px;
	line-height:1.4;
	background-color:#666;
	border-radius:4px;
	margin-bottom:10px;
}
.faqBox dt .faq-line{
    position:relative;
	width:100%;
    padding:15px 46px 15px 80px;
}
.faqBox dt .faq-line:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	margin: auto;
	width: 14px;
	height: 1px;
	background-color: #000;
	transition: .2s;
	transform:translateY(-50%) rotate(90deg);
	-webkit-transform:translateY(-50%) rotate(90deg);
}
.faqBox dt .faq-line::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	margin: auto;
	width: 14px;
	height: 1px;
	background-color: #000;
	transition: .3s;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.faqBox dt .faq-line:hover{
    cursor: pointer;
}
.answer, .detail{
    display:none;
}
.faqBox dt.on .faq-line:before {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	background: #000;
}
.faqBox dt.on .faq-line:after {
	background-color: transparent;
	background: #000;
	right: 16px;
}
.faqMore{
	text-align:center;
	margin:20px auto 0;
}
.faqMore .faqMoreBtn {
	cursor: pointer;
}
.faqMore .faqMoreBtn img {
	transition: transform 0.3s;
}
.faqMore .faqMoreBtn.open img {
	transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
	.faqBox dd {
		padding: 0 0 0 60px;
	}
	.faqBox .question::before {
		background-size: 14px auto;
		width: 46px;
	}
	.faqBox dd::before {
		background-size: 14px auto;
		width: 46px;
	}
	.faqBox dt .faq-line{
		padding:15px 46px 15px 60px;
	}
}
/*会員登録募集中*/
#member{
	position:relative;
	z-index:5;
}
#memberBg{
	width:100%;
	background-size: cover;
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-top: 38%;
	position: relative;
	overflow: hidden;
	background-image:url('./images/brand/common/member-bg.jpg');
}
#memberWrap{
	max-width:500px;
	width:40%;
	position:absolute;
	right:15%;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
#memberBox{
	display:flex;
	margin-top:60px;
}
#memberBox p{
	margin:0 4%;
	background-color:#fff;
	border-radius:12px;
}
#member-md{
	border:none;
	padding:0;
}
@media screen and (max-width: 768px) {
	#memberBg{
		padding-top: 56.25%;
	}
	#memberWrap{
		width:60%;
		right:5%;
	}
	#memberBox{
		margin-top:0;
	}
}
/*カタログ*/
.catalog-box{
	border-bottom:1px solid #231815;
	padding-bottom:80px;
	margin-bottom:60px;
}
.catalog-box2{
	margin-bottom:60px;
}
.catalog-box-flex{
	display:flex;
	flex-wrap: wrap;
	gap: 0 4%;
}
.catalog-box-flex.year{
	align-items:end;
}
.catalog-box-flex .catalog-img {
	width:48%;
}
.catalog-box-flex .back-number {
	width:48%;
}
.catalog-box-flex .catalog-img img {
	margin-bottom: 10px;
}
.catalogBox{
	display:flex;
	flex-wrap:wrap;
	margin:0 auto 80px;
}
.catalogLeft{
	width:48%;
	margin-right:4%;
}
.catalogRight{
	width:48%;
}
.catalog-title{
	font-size:1.8rem;
	font-weight:500;
	margin-top:10px;
	padding-left:25px;
	position:relative;
}
.catalog-title::before{
	position:absolute;
	top:11px;
	left:0px;
	content:'';
	width: 13px;
	height: 13px;
	border: 3px solid;
	border-color: #000 #000 transparent transparent;
	transform: rotate(45deg);
}
.back-number{
	width:100%;
	max-width:300px;
	margin: 0 auto 120px;
}
.back-number2{
	width:100%;
	max-width:300px;
	margin:60px auto 0;
}
.back-number a, .back-number2 a{
	display:block;
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
	color:#fff;
	background-color:#000;
	padding:10px 20px 14px;
	position:relative;
	/* 右下を切り欠く */
	clip-path: polygon(
	0 0,        /* 左上 */
	100% 0,     /* 右上 */
	100% calc(100% - 15px), /* 右下（上から15px） */
	calc(100% - 15px) 100%, /* 右下（左から15px） */
	0 100%      /* 左下 */);
}
.back-number a::before, .back-number2 a::before{
	position:absolute;
	top:19px;
	left:40px;
	content:'';
	width: 17px;
	height: 17px;
	border: 4px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
}
.back-number a:hover, .back-number2 a:hover{
	background-color:#e50020;
}
.cataloglist-box{
	border-bottom:1px solid #231815;
	padding-bottom:50px;
	margin-bottom:60px;
}
.catalog-year{
	font-size:2.2rem;
	font-weight:500;
}
.catalog-list{
	margin-top:60px;
}
.catalog-list li{
	margin-top:15px;
}
.catalog-list li a{
	position:relative;
	display:block;
	padding-right:60px;
}
.catalog-list li a::before{
	position:absolute;
	top:8px;
	right:20px;
	content:'';
	width: 10px;
	height: 10px;
	border: 2px solid;
	border-color: #000 #000 transparent transparent;
	transform: rotate(45deg);
	transition:.3s;
}
.catalog-list li a:hover::before{
	border-color: #e50020 #e50020 transparent transparent;	
}
@media screen and (max-width: 768px) {
	.catalog-box{
		padding-bottom:0;
	}
	.catalog-box-flex{
		display:block;
		gap: 0;
	}
	.catalog-box-flex .catalog-img {
		width:90%;
		max-width:400px;
		margin:0 auto 60px;
	}
	.catalog-box-flex .back-number {
		width:90%;
		max-width:400px;
		margin:0 auto 60px;
	}
}
/*ファンクラブ*/
.fanclub-title{
	font-size:2.4rem;
	font-weight:bold;
	line-height: 1.6;
	margin-bottom:40px;
	padding-left:25px;
	position:relative;
}
.fanclub-title::before{
	position:absolute;
	top:13px;
	left:0px;
	content:'';
	width: 13px;
	height: 13px;
	border: 3px solid;
	border-color: #000 #000 transparent transparent;
	transform: rotate(45deg);
}
.fanclub-list{
	list-style-type: decimal;
	list-style-position: inside;
	padding-left: 18px;
	text-indent: -18px;
}
.fanclub-list2 li{
	position:relative;
	padding-left:22px;
	margin-bottom:5px;
}
.fanclub-list2 li::after {
	display: block;
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	width: 14px;
	height: 14px;
	background-color: #000;
}
.fanclub-flex{
    margin:0 auto 30px;
    display:flex;
    align-items: start;
    font-size:2.2rem;
    font-weight:500;
}
.fanclub-left{
    width:44px;
    line-height:38px;
    display:inline-block;
	border:1px solid #000;
	font-size:2.8rem;
    font-weight:bold;
    text-align:center;
	padding-bottom:4px;
    margin-right:20px;
}
.fanclub-right{
    width:calc(100% - 64px);
}
.fanclub-kaigyo{
}
.app-download{
	max-width: 900px;
	width: 90%;
	margin: 80px auto 60px;
	font-weight:bold;
	font-size:3.4rem;
	line-height:1.4;
	text-align:center;
	color:#fff;
	position: relative;
	padding:10px 20px 20px;
	background: #000;
}
.app-download:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	right:0;
	border: 15px solid transparent;
	border-top: 15px solid #000;
	width: 0;
	height: 0;
	margin:0 auto;
}
.app-download-notes {
	max-width: 1000px;
	width: 90%;
	margin: 30px auto 0;
}
/*製品情報*/
.column-box{
	display:flex;
	margin:0 auto 80px;
}
.column-left{
	width:50%;
	margin-right:5%;
}
.column-right{
	width:45%;
}
.thumbnailsBox{
	margin-top:10px;
}
.thumbnailsBox.unslickBox{
	display: none;
}
.product-thumbnail .slick-track{
	margin-left:0;
}
.product-thumbnail{
	display:flex;
	flex-wrap:wrap;
}
.product-thumbnail li{
	width:24%;
	margin:0 0 10px 1%;
	position:relative;
}
.product-thumbnail li:hover{
	cursor:pointer;
}
.product-thumbnail .thumbnail-slide::after {
	content: '';
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: .3s opacity linear;
}
.product-thumbnail .thumbnail-slide.thumbnail-current::after {
    opacity: 0;
}
.product-slide img, .thumbnail-slide img{
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

.product-new-badge {
	display: inline-block;
	line-height: 160%;
	padding: 0 10px;
	background-color: #e50020;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 5px;
}

.product-series{
	font-weight: bold;
}
.product-md{
	font-weight:bold;
	border:none;
	padding:0;
	margin:0 auto 15px;
}
.product-info{
	border-bottom:1px solid #ccc;
	margin-bottom:60px;
	padding-bottom:60px;
}
.product-info:last-child{
	border-bottom:0;
	margin-bottom:0;
	padding-bottom:0;
}

.spec-box{
	font-weight:500;
	font-size:2rem;
	margin-bottom:10px;
}
.spec-table{
	margin:0 auto 30px;
}
.spec-table table{
	width:100%;
}
.spec-table th{
	font-weight:500;
	padding:10px;
	border:1px solid #ccc;
	background-color:#f0f0f0;
	line-height:1.4;
}
.spec-table td{
	padding:10px;
	border:1px solid #ccc;
	line-height:1.4;
}


.lineup-items {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 5%;
}
.lineup-items .lineup-item {
	width: 21.25%;
}
.lineup-items .lineup-item img {
	width: 100%;
}

.product-tester-item {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.product-tester-item:last-child {
	margin-bottom: 0;
}
.product-tester .tester-thumb {
	width: 15%;
	margin-right: 5%;
}
.product-tester .tester-thumb img {
	width: 100%;
}
.product-tester .tester-text {
	width: 80%;
}
.product-tester .tester-title {
	font-weight: 600;
	margin-bottom: 5px;
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
}
.product-tester .tester-title p {
	display: inline-block;
}
@media screen and (max-width: 768px) {
	.fanclub-flex{
		font-size:1.8rem;
	}
	.fanclub-left{
		width:32px;
		line-height:28px;
		font-size:2rem;
		padding-bottom:2px;
	}
	.fanclub-right{
		width:calc(100% - 52px);
	}
	.app-download{
		font-size:2.4rem;
	}
}
/*校正用のスタイル（商品説明クラシックエディタ部分）*/

.column-right .flex-item {
	display: flex;
	align-items: center;
}
.column-right .flex-item img {
	width: 70px;
	margin-right: 15px;
}
.column-right .flex-text {
	width: calc(100% - 85px);
	font-size: 1.4rem;
	line-height: 150%;
}

/*校正用のスタイル（商品説明クラシックエディタ部分） 終*/

@media screen and (max-width: 768px) {
	.column-box {
		flex-direction: column;
	}
	.column-left {
		width: 100%;
		margin-right: 0;
		margin-bottom: 60px;
	}
	.column-right {
		width: 100%;
	}
	
	.lineup-items .lineup-item {
		width: 30%;
	}
	
	.product-tester .tester-thumb {
		width: 25%;
	}
	.product-tester .tester-text {
		width: 70%;
	}
}
@media screen and (max-width: 560px) {
	.lineup-items .lineup-item {
		width: 47.5%;
	}
	.product-tester-item {
		flex-direction: column;
	}
	.product-tester .tester-thumb {
		width: 45%;
		margin-bottom: 15px;
		margin-right: 0;
	}
	.product-tester .tester-text {
		width: 100%;
	}
}


/*===================================
    slick 矢印
===================================*/
button {
	background: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.slide-arrow, .product-arrow {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 0;
	width: 40px;
	height: 60px;
	color: transparent;
	z-index: 1;
	transition: opacity 0.5s;
}
.product-arrow:hover, .slide-arrow:hover {
	cursor:pointer;
}
.slick-next::before,
.slick-next::after,
.slick-prev::before,
.slick-prev::after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.slick-next::after,
.slick-prev::after {
	width: 24px;
	height: 24px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	transition:.3s;
}
.slick-next:hover::after,
.slick-prev:hover::after {
	border-top: 3px solid #e50020;
	border-right: 3px solid #e50020;
}

/* next */
.slick-next {
	right: 0px;
}
.slick-next::after {
	right: 15px;
	transform: rotate(45deg);
}

/* prev */
.slick-prev {
	left: 0px;
}
.slick-prev::after {
	left: 15px;
	transform: rotate(-135deg);
}
.unslickBox .slick-track {
    transform: translate3d(0px, 0px, 0px) !important;
}
.slick-counter{
	background-color:rgba(0,0,0,0.3);
	color:#fff;
	position:absolute;
	bottom:0;
	right:0;
	margin:auto;
	width:90px;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th{
	text-align:center;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th, .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td{
	line-height:1.4;
}

/*トピックス*/
.archiveNewsBox {
	margin-bottom: 0 !important;
}
.topicsTitle {
	margin-bottom: 60px;
}
.topicsTitle h2 {
	font-size: 2.4rem;
	line-height: 1.6;
	font-weight: bold;
	border-left: 0;
	padding: 0 0 0 25px;
	margin-bottom: 10px;
	position: relative;
}
.topicsTitle h2:before {
	position: absolute;
	top: 13px;
	left: 0px;
	content: '';
	width: 13px;
	height: 13px;
	border: 3px solid;
	border-color: #000 #000 transparent transparent;
	transform: rotate(45deg);
}
.topicsTitle p {
	padding-left: 25px;
	color: #808080;
}



/*ブランド フッター*/
#footer-brand{
	color: #fff;
	position: relative;
	clear: both;
	padding: 80px 0 0;
}
.kizakura-color{
	background-color:#e50020;
}
.egibow-color{
	background-color:#eba518;
}
.ishidama-color{
	background-color:#1d2284;
}
#footerLeft2{
	width:300px;
}
#footerMenu2 {
	width:200px;
	margin:0 5% 0 20%;
}
#footerMenu2 li a {
	display: inline-block;
	font-size: 1.4rem;
	line-height:1.4;
	padding:5px;
	color:#fff;
}
#footerMenu2 li span::after {
	background-color: #fff;
	content: '';
	display: block;
	height: 1px;
	margin: 2px 0 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	width: 0;
}
#footerMenu2 li a:hover span:after {
	width: 100%;
}
#footerRight2{
	max-width:300px;
	width:100%;
}
#footerLogo2{
	margin-top:80px;
}
#footerLink2 p{
	margin-bottom:20px;
}
#footerLink2 a{
	color:#fff;
	display:block;
	border:1px solid #fff;
	padding:15px 10px 15px 40px;
	position:relative;
}
#footerLink2 a::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-bottom: 15px solid white;
}
#footerLink2 a:hover{
	background-color:#000;
}
#footerSns2 {
	display: flex;
	align-items: center;
	margin:50px auto 40px;
}
#footerSns2 p{
	margin:0 10px;
}
#footerSns2 li {
	padding: 0 12px;
}
#footerSns2 li a {
	line-height: 1;
	display: block;
}
#footerMenuSub2 li span::after {
	background-color: #fff;
}
#footerMenuSub2{
	margin-left:20px;
}
#footerMenuSub2 a{
	color:#fff;
	position:relative;
}
#footerMenuSub2 li a {
	display: inline-block;
	font-size: 1.4rem;
	line-height:1.4;
	padding:5px 0;
	color:#fff;
}
#footerMenuSub2 li span::after {
	background-color: #fff;
	content: '';
	display: block;
	height: 1px;
	margin: 2px 0 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	width: 0;
}
#footerMenuSub2 li a:hover span:after {
	width: 100%;
}
@media screen and (max-width: 768px) {
	#footerLeft2{
		width:100%;
	}
	#footerLogo2{
		max-width:90px;
		margin:0 0 50px;
	}
	#footerMenu2 {
		width:36%;
		margin:0 5% 0 2%;
	}
	#footerRight2{
		width:57%;
	}
	#footerSns2 {
		margin:0 auto 60px;
	}
	#footerLink2-sp{
		margin:30px auto 0;
	}
	#footerLink2-sp a{
		color:#fff;
		display:block;
		border:1px solid #fff;
		padding:15px 30px 15px 40px;
		position:relative;
	}
	#footerLink2-sp a::after {
		content: "";
		position: absolute;
		bottom: 0;
		right: 0;
		width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-bottom: 15px solid white;
	}
	#footerLink2-sp a:hover{
		background-color:#000;
	}
}