/*非表示*/
#slideMain h2 {
	width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;
}

/* スライド */
#slideMain {
	& img {
		width: 100%;
		object-fit: contain;
	}
	& a {
		color: #000;
		display: block;
	}
	.detail {
		padding: 20px 20px 0;
	}
	.category__red {color: var(--f-pink);font-weight: var(--bolder);font-size: 14px;}
	.category__black {color: #000;font-weight: var(--bolder);font-size: 16px;}
	/*.detail__category {
		width: 120px;
		aspect-ratio: 120 / 28;
		padding: 1px 0 0;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 999px;
		background: #ccc;
		color: #fff;
		&.red { background: var(--f-pink);}
		&.black { background: #000;}
	}*/
	.detail__title {
		/*padding-top: .55em;*/
		font-size: 20px;
		font-weight: var(--bolder);
		line-height: 1.4;
	}
	.detail__period {
		padding-top: .4em;
		padding-bottom: .8em;
		font-size: 15px;
		line-height: 1.6;
		display: flex;
		flex-wrap: wrap;
		gap: 0 1em;
	}
	.detail__place {
		font-size: 15px;
		line-height: 1.6;
		display: flex;
		flex-wrap: wrap;
		gap: 0 1em;
	}
	.detail__place02 {
		font-size: 0.69em;
		line-height: 1.6;
		margin-left: 0px;
		font-weight: var(--bolder);
		display:flex;
	}
	.swiper-container {
		padding-bottom: 52px;
	}
	.swiper-pagination {
		bottom: 0;
	}
	.swiper-pagination-bullet {
		width: 14px;
		height: 14px;
		margin: 0 7px;
		background: #ddd;
		opacity: 1;
		transition: background .3s;
	}
	.swiper-pagination-bullet-active {
		background: var(--f-pink);
	}
	.swiper-button-prev, .swiper-button-next {
		width: 30px;
		height: 40px;
		margin: 0;
		box-sizing: border-box;
		transition: top .6s;
		display: none;
		&::after {
			font-size: 24px;
			color: #fff;
			text-shadow: 0 0 4px #222;
		}
	}
	.swiper-button-prev { left: 0; }
	.swiper-button-next { right: 0; }
	@media (min-width: 768px){
	.category__red {font-size: 16px;}
	.detail__place02 {margin-left: 10px;display:inline;}
		padding-top: 20px;
		& img {
			aspect-ratio: 720/480;
		}
		.detail {
			padding-inline: 0;
		}
		.detail__title {
			font-size: clamp(20px, 22/1400*100vw, 22px);
		}
		.swiper-slide {
			box-sizing: border-box;
			padding: 0 min(55/1400*100vw, 55px);
		}
		.swiper-container {
			padding-bottom: min(62/1400*100vw, 62px);
		}
		.swiper-button-prev, .swiper-button-next {
			width: calc(40/1400*100vw);
			height: calc(40/1400*100vw);
			background: #fff;
			border-radius: 50%;
			border: 1px solid var(--f-pink);
			top: calc(220/1400*100vw) !important;
			transition: none;
			display: flex;
			&::after {
				font-size: calc(16/1400*100vw);
				color: var(--f-pink);
				text-shadow: none;
			}
		}
		.swiper-button-prev { left: 50%; margin-left: calc(-435/1400*100%);}
		.swiper-button-next { right: 50%; margin-right: calc(-435/1400*100%);}
	}

}

/*アートブログボタン、トートボタン*/
.btn-list {
	margin: 30px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap:20px;
	a {
		width: fit-content;
		height:40px;
		padding:0 30px;
		font-weight:500;
		box-sizing: border-box;
		border:1px solid #f53063;
		border-radius: 999px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.btn-red{
		color:#fff;
		background:#f53063;
	}
	@media (any-hover:hover) {
		a {
			transition: background .3s, color .3s;
			&:hover {
				background:#f53063;
				color:#fff;
			}
		}
		.btn-red:hover {
			color:#f53063;
			background:#fff;
		}
	}
}

/*会員*/
.bagBannerArea {
	margin: 50px 0 0;
	padding: 25px 17px;
	border:solid 3px #f63063;
	.bagBannerTitle {
		margin-bottom: 15px;
		font-size: 20px;
		font-weight: 900;
		line-height: 1.5;
	}
	.btn-list {
		a:nth-of-type(2){
			display:none;
		}
	}
	.bagBannerRight {
		text-align: center;
	}
	@media (min-width:950px) {
		padding: 25px 28px 32px;
		display: flex;
		align-items: end;
		gap: 20px;
		.btn-list {
			margin: 20px 0 0;
			justify-content: start;
		}
	}
}



.headline{margin:60px 0 20px;text-align:center;line-height:1.4;font-size:26px;letter-spacing:0.04em;font-weight:700}
.headline span{display:block;font-weight:inherit;color:#f63063}
.featureArea--wrap{margin:0 -5vw;padding:0 0 0 5vw;display:flex;overflow-x:scroll;-webkit-overflow-scrolling:touch}
.featureArea--wrap::-webkit-scrollbar{width:6px;height:6px}
.featureArea--wrap::-webkit-scrollbar-track{border-radius:3px;background:#ddd}
.featureArea--wrap::-webkit-scrollbar-thumb{border-radius:3px;background:#999}
.featureArea--list{width:250px;margin:0;padding:0 5vw 0 0;flex:none}
.featureArea--list a{width:100%;height:100%;padding:67.5% 0 40px;box-sizing:border-box;display:block;color:#444;position:relative}
.featureArea--list br{display:none}
.featureArea--list-img{width:100%;height:auto;position:absolute;top:0;left:0}
.featureArea--list-img img{width:100%}
.featureArea--list-title{margin:10px 0 0;word-break:break-all}
.featureArea--list-status{width:100%;color:#666;font-size:12px;text-align:right;border-bottom:2px solid #ccc;position:absolute;bottom:0;right:0}
.featureArea--list-status span{text-align:left;border-bottom:2px solid;position:absolute;bottom:-2px;left:0}
.featureArea .adBanner01{margin-top:30px;text-align:center}
.featureArea .adBanner01__wrap{margin-top:10px; margin-bottom:30px}
.artReview{margin:20px 0 0;padding:95px 0 0;position:relative}
.artReview .exhImg{width:100px;border:1px solid #ddd;position:absolute;top:4px;left:0px}
.artReview .exhImg img{width:100%}
.artReview .posCom{color:#444}
.artReview .posCom p{font-size:12px}
.artReview .posCom__ttl{margin-bottom:4px;font-size:16px;font-weight:500;line-height:1.6}
.artReview .posUse{font-size:12px;position:absolute;top:5px;left:120px}
.artReview .posUse a{margin-left:5px}
.artReview .ico{font-size:0;position:absolute;top:60px;left:120px}
.artReview .ico li{margin-right:20px;display:inline-block;font-size:12px;font-weight:500}
.artReview .ico__vie,.artReview .ico__thx{color:#f63063;position:relative}
.artReview .ico__vie span,.artReview .ico__thx span{font-size:0;line-height:0;text-indent:-9999px;font-size:0;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:0;bottom:0;left:0;margin:auto}
.artReview .ico__vie{padding-left:24px}
.artReview .ico__vie span{width:18px;height:13px;background-image:url(../img/icon/view_pink.png)}
.artReview .ico__thx{padding-left:20px}
.artReview .ico__thx span{width:12px;height:11px}
.artReview .ico__thx span:before,.artReview .ico__thx span:after{content:"";display:block;width:8px;height:12px;border-radius:10px 10px 0 0;transform:rotate(-45deg);transform-origin:0 100%;position:absolute;top:0;left:7px;background:#f53063}
.artReview .ico__thx span:after{transform:rotate(45deg);transform-origin:100% 100%;left:0}
.adBanner02{max-width:970px;margin:50px auto 0;text-align:center}


@media screen and (min-width: 370px){
	.detail__period{margin-bottom:-5px;font-size:12px;font-weight:500;line-height:2;}
	.detail__place{margin-bottom:-5px;font-size:12px;font-weight:500;line-height:2;}
}
@media screen and (min-width: 600px){
	.headline{margin-bottom:30px}
	.headline span{display:inline}
	.featureArea--wrap{margin:-25px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;overflow-x:visible}
	.featureArea--list{width:48%;padding:0;margin:25px 0 0;font-size:14px}
	.featureArea .adBanner01{margin:20px -10px 0;font-size:0}
	.featureArea .adBanner01__wrap{width:100%;max-width:336px;margin:10px 10px 0;display:inline-block;vertical-align:top}
	.artReview{padding:0 0 0 120px}
	.artReview a{transition:all 0.3s}
	.artReview .exhImg{overflow:hidden}
	.artReview .exhImg img{transition:all 0.3s}
	.artReview .exhImg:hover img{transform:scale(1.15);opacity:0.7}
	.artReview .posCom{ransition:all 0.3s}
	.artReview .posCom__ttl{margin-bottom:7px;font-size:18px;line-height:1.4}
	.artReview .posCom p{margin-right:20px;display:inline}
	.artReview .posCom:hover{color:#f63063}
	.artReview .posUse{margin-right:20px;position:static;display:inline-block}
	.artReview .posUse dt{display:inline}
	.artReview .posUse dd{display:inline;margin-left:20px}
	.artReview .posUse a:hover{opacity:0.7}
	.artReview .ico{position:static;display:inline-block}
	#eventlistarea .new-post{margin-bottom:-35px}
}
@media screen and (min-width: 800px){
	.featureArea--wrap:after{content:"";display:block;width:31%;height:0}
	.featureArea--list{width:31%}
}
@media screen and (min-width: 1120px){
	.headline{margin-top:80px}
	.featureArea{position:relative}
	.featureArea--wrap{padding-right:380px}
	.featureArea--wrap:after{display:none}
	.featureArea--list{width:100%;height:106px}
	.featureArea--list a{padding:0 0 0 190px;transition:all 0.3s}
	.featureArea--list a:hover .featureArea--list-title{color:#f63063}
	.featureArea--list a:hover img{opacity:0.6;transform:scale(1.1)}
	.featureArea--list-img{width:160px;height:106px;overflow:hidden}
	.featureArea--list-img img{transition:all 0.3s}
	.featureArea--list-title{margin:0;transition:all 0.3s}
	.featureArea--list-status{width:470px}
	.featureArea .adBanner01{width:336px;margin:0;position:absolute;top:60px;right:0}
	.featureArea .adBanner01__wrap{margin:0 0 50px}
	.artReview{margin-top:30px}
	.adBanner02{margin-top:90px}
	.featureArea--wrap{padding-right:0;}
	.featureArea--list{width:49%;}
	.featureArea--list-right{position:relative;width:100%;}
	.featureArea--list a{display:flex;}
	.featureArea--list-status{width:100%;}
	@supports (-webkit-line-clamp: 3){
		.featureArea--list-title{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
	}
}