/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 30 2026 | 08:12:47 */
/*-----------------------------*/
/*メインビジュアル*/
/*-----------------------------*/
.mySwiper {
  overflow: hidden;
}

.mySwiper .swell-block-columns__inner {
  display: flex;
  flex-wrap: nowrap;
}

.mySwiper .swell-block-column {
  flex-shrink: 0;
}
/*-----------------------------*/
/*ポイント*/
/*-----------------------------*/
.point_box{
	position:relative;
	padding:3em 1.4em 1.4em 1.4em !important;
}
.point_box_num{
	position:absolute;
	display: flex;
    justify-content: center;
    align-items: center;
	top:0;
	left:50%;
    border-radius: 50%;
    height: 70px;
    width: 70px;
    line-height: 0;
    padding: .5em !important;
    transform: translate(-50%, -50%);
}
.point_box_num span {
    letter-spacing: 2px;
    line-height: 14px;
}
/*-----------------------------*/
/*オンラインショップ*/
/*-----------------------------*/
.shop_info span{
	line-height:1;
}
@media (min-width: 960px) {
.shop_info {
    padding: 1em 8vw;
}
}

.cover_bottom{
  display:flex;
  align-items:flex-end;
   padding:0;
}

@media (max-width: 960px) {
.top_online_section .cover_bottom{
	min-height:490px !important;
}
}
.cover_bottom .wp-block-cover__inner-container{
  width:100%;
}
/* 続きを見る */
.blur-more-wrap{
	position:relative;
}
.blur-more-content{
	position:relative;
	max-height:250px;
	overflow:hidden;
	transition:.5s;
}
.blur-more-content.open{
	max-height:none !important;
	overflow:visible;
}
.blur-more-content.open::after{
	display:none;
}
.blur-more-content.open::after{
	display:none;
}
.blur-more-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5em;
	margin: 1.5em 0 0;
	padding: .7em 2em;
	border: 1px solid var(--color_main);
	border-radius: 999px;
	background: rgba(30,10,10,.7);
	backdrop-filter: blur(10px);
	color: #fff;
	font-size: 13px;
	letter-spacing: .08em;
	cursor: pointer;
	transition: .3s;
	box-shadow:
		0 6px 20px rgba(0,0,0,.25),
		inset 0 1px 0 rgba(255,255,255,.1);
}
.blur-more-btn::after{
	content: "›";
	font-size: 18px;
	color: #d4af37;
	transition: .3s;
}
.blur-more-btn:hover{
	background: #9e2427;
	border-color: #d4af37;
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.blur-more-btn:hover::after{
	transform: translateX(4px);
}
@media (max-width: 768px) {
	.blur-more-content {
		max-height: none !important;
		overflow: visible !important;
	}
	.blur-more-btn {
		display: none !important;
	}
}
.blur-close-btn{
	display:none;
	margin: 12px 0 0;
    padding: 0;
    border: none;
    background: none;
    color: #fff;
	font-size:0.9rem;
	font-weight:500;
	text-decoration:underline;
	cursor:pointer;
	transition:.25s;
}
.blur-close-btn:hover{
	color:#333;
	text-decoration:none;
}

.blur-close-btn:focus{
	outline:none;
}