@charset "UTF-8";
/* ######################################################################################

　ファーストビュー以降の要素

###################################################################################### */

/*  sale-period
-------------------------------------*/
.sale-period{padding-bottom: 20px;display: flex;}
.sale-period span.label{
	background: #FFF;
    display: inline-block;
    color: #000;
    border-radius: 4px;
    font-size: 16px; 
    padding: 0.5em 0.5em;
    margin-right: 8px;
	justify-content: center;
	align-items: center;
}

.sale-period span.date{
	font-size: 26px;
	display: inline-block;
}
.sale-period span.date2026{
	display: inline-block;
	width: 66%;
}


/*  sale-period red
-------------------------------------*/
.sale-period.red span.label{
	background: #A23020;
    color: #FFF;}
.sale-period span.label.red{color: #A23020;}
.sale-period.red span.date{color: #A23020;}

/* ====================================================
　ボタンボックス（ページ遷移）　buttonBox
==================================================== */
.buttonBox { text-align: center; padding-bottom: 35px; }
.buttonBox .button{ display: inline-block; width: 200px; padding: 4px 0; border-radius: 6px; font-size: 16px; }
.buttonBox a.button{text-decoration: none;}
.buttonBox .button.white{background: #FFF; color:#000000; }
.buttonBox .button.red{background: #A23020; color:#FFF; font-weight: bold; }
.buttonBox .button.gold{background: #DED685; color:#000000; font-weight: bold; }

.buttonBox a.button:hover{ opacity: 0.7;}
.buttonBox li + li{margin-top: 1em;}



/*  lineup-nav
-------------------------------------*/
.lineup-nav {position:relative; z-index:10;}
.lineup-nav__buttons{margin-bottom: 110px;}
.lineup-nav__buttons ul{
	display: flex;
	flex-wrap: wrap;
	gap: 22px 10px;   /* 行・列の余白 */
	margin: 0 auto;
	justify-content: space-between;
	}
.lineup-nav__buttons ul li{
	  width: calc(50% - 10px);
	  box-sizing: border-box;
}


/*  limited-menu
-------------------------------------*/
.limited-menu{
	background:#000000;
	position: relative;
    z-index: -999999;
}
h2.limited-menu__title{position: relative;z-index: 999;}
.collabo-menu--01{background: url("../img/contents/bg_collabo-menu_01.png") no-repeat;background-position: center -70px;z-index: 4;}
.collabo-menu--02{background: url("../img/contents/bg_collabo-menu_02.png") no-repeat;background-position: center 0px;}
.collabo-menu--03{background: url("../img/contents/bg_collabo-menu_03.png") no-repeat;background-position: center 0; min-height: 730px;}
.collabo-menu--04{background: url("../img/contents/bg_collabo-menu_04.png") no-repeat;background-position: center 0; min-height: 730px;}
.collabo-menu--05{background: url("../img/contents/bg_collabo-menu_05.png") no-repeat;background-position: center 0; min-height: 730px;}
.collabo-menu--06{background: url("../img/contents/bg_collabo-menu_06.png") no-repeat;background-position: center 0; min-height: 820px;}
.special-menu--01{background: url("../img/contents/bg_special-menu_01.png") no-repeat;background-position: center 0; min-height: 826px;}

/*  comming
-------------------------------------*/
.collabo-menu--03.comming{background: url("../img/contents/bg_collabo-menu_03_coming.png") no-repeat;background-position: center 0; min-height: 730px;}
.collabo-menu--04.comming{background: url("../img/contents/bg_collabo-menu_04_coming.png") no-repeat;background-position: center 0; min-height: 730px;}
.collabo-menu--05.comming{background: url("../img/contents/bg_collabo-menu_05_coming.png") no-repeat;background-position: center 0; min-height: 730px;}
.collabo-menu--06.comming{background: url("../img/contents/bg_collabo-menu_06_coming.png") no-repeat;background-position: center 0; min-height: 820px;}

.collabo-menu--01,
.collabo-menu--02,
.collabo-menu--03,
.collabo-menu--04,
.collabo-menu--05,
.collabo-menu--06,
.special-menu--01,
.special-menu--02,
.special-menu--03,
.collabo-menu--03.comming,
.collabo-menu--04.comming,
.collabo-menu--05.comming,
.collabo-menu--06.comming{
	position: relative;
    background-size: cover;
	
}
.limited-menu__name{padding: 0 15px 40px;}
.collabo-menu--01 .limited-menu__name{padding-top: 320px;}
.collabo-menu--01 .limited-menu__text{padding-bottom:30px;}

.collabo-menu--02 .limited-menu__name{padding-top: 310px;}
.collabo-menu--02 .limited-menu__text{padding-bottom:30px;}
.collabo-menu--02 .buttonBox{padding-bottom: 60px!important;}

.collabo-menu--03 .limited-menu__name{padding: 360px 0 20px;}
.collabo-menu--03 .limited-menu__text{padding-bottom:68px;}

.collabo-menu--04 .limited-menu__name{padding: 330px 0 20px;}
.collabo-menu--04 .limited-menu__text{padding-bottom:40px;}
.collabo-menu--04 .buttonBox{padding-bottom: 60px!important;}

.collabo-menu--05 .limited-menu__name{padding: 330px 0 20px;}
.collabo-menu--05 .limited-menu__text{padding-bottom:68px;}

.collabo-menu--06 .limited-menu__name{padding: 330px 0 20px;}
.collabo-menu--06 .limited-menu__text{padding-bottom:30px;}
.collabo-menu--06 .buttonBox{padding-bottom: 60px!important;}
.collabo-menu--06.comming .sale-period{margin-bottom: 60px!important;}

.special-menu--01 .limited-menu__title{padding: 40px 0 0;margin-bottom: 0!important;}
.special-menu--01 .limited-menu__lead{padding: 0px 30px 20px;}
.special-menu--01 .limited-menu__name{padding: 520px 60px 20px;}
.special-menu--01 .limited-menu__text{padding-bottom:68px;}

.special-menu--under{
	/*background: #A23020;*/
	padding: 0 35px 40px;
	/*mix-blend-mode: multiply;*/
}
.special-menu--under .limited-menu__name01{padding:40px 5px 20px;}
.special-menu--under .limited-menu__name02{padding:0px 5px 20px;}
.special-menu--under .limited-menu__line{padding-top:20px;}

.special-menu--02,
.special-menu--03{
	background: #A23020;
	padding:30px 0 30px;
	/*mix-blend-mode: multiply;*/
}
.special-menu--02 .limited-menu__name{padding:0;}
.special-menu--02 .limited-menu__text{padding-bottom:30px;}
.special-menu--02 .limited-menu__line{padding-top:20px;}
.special-menu--03 .limited-menu__name{padding:0;margin-top: -30px;}
.special-menu--03 .limited-menu__text{padding-bottom:30px;}

/*  shop-information
-------------------------------------*/
.shop-information{
	/*background: #A23020;*/
	/*mix-blend-mode: multiply;*/
	padding: 0 0 50px;}
.shop-information-inner{ text-align: center;margin: auto;}
.shop-information-inner + .shop-information-inner {margin-top:35px;}

.shop-information-inner .shop-information--area{
	font-size: 14px; 
	border: #fff 1px solid;
	border-radius: 5px; 
	margin-bottom: 10px;
	display: inline-block;
	padding: 2px 5px;
	line-height: 1;
	}
.shop-information-inner .shop-information--area.red{background: #E84133;}
.shop-information-inner .shop-information--area.blue{background: #0A6AB6;}
.shop-information-inner .shop-information--name{
	font-size: 21px; 
	margin-bottom: 10px;
}
.shop-information-inner .shop-information--map{padding: 0px 35px 18px;}
.shop-information-inner .shop-information--address {
	margin: 0 35px 20px;
    font-size: 14px;
}
.shop-information-inner .shop-information--address + .buttonBox {
	margin: 0 35px;
	padding-bottom:35px;
	border-bottom: 1px solid #FFF;
}
.shop-information-inner:last-of-type .buttonBox {
	border-bottom:none;
}



.shop-information--text{text-align: center; font-size: 10px;}

/*  novelty-section
-------------------------------------*/
.novelty-section{
	background: url("../img/contents/bg_novelty.png") no-repeat;
	background-position: center 0;
	background-size: contain;
	/*background-color: #000;*/
}
.novelty-section-inner{padding: 50px 0 20px;}
.novelty-section-inner h3{ margin: 0 0 60px;}
.novelty-section-inner p{padding: 45px 35px 0;}


.novelty-section-inner p.small{font-size:88%; padding-top:0; padding-bottom:50px;}



.novelty-section-inner .novelty-gift-box h4{padding: 0px 58px;}
.novelty-section-inner ul.novelty-gift-item{
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 50px;
	justify-content: space-between;
	}
.novelty-section-inner ul.novelty-gift-item li{
	  width: 140px;
	  box-sizing: border-box;
	margin-bottom: 30px;
}
.novelty-section-inner ul.novelty-gift-item li.single-column{
	width: 100%;
	
}

/*  goods-section
-------------------------------------*/
.goods-section{
	background: url("../img/contents/bg_02.png") no-repeat;
	background-position: center 0;
	background-size: contain;
	/*background-color: rgba(222, 214, 133, 0.5);*/
}
.goods-section .goods-section__inner{padding: 50px 0 20px;position: relative;}
.goods-section__inner h3{ margin: 0 0 100px;}
.goods-section__inner .goods-section__box{background: rgba(255, 255, 255, 0.7); padding: 20px 25px;  margin: 0 35px 30px;}
.goods-section__inner h4{padding: 0;}
.goods-section__inner ul.goods-section__item{
	display: flex;
	flex-wrap: wrap;
	gap: 20px 10px;   /* 行・列の余白 */
	margin: 0 auto 20px;
	justify-content: space-between;
}
.goods-section__inner ul.goods-section__item li{
	width: 126px;
	 box-sizing: border-box;
}
/*
.goods-section__inner .price-inner{color: #000;font-size: 16px;}
.goods-section__inner .price-inner .number{
	font-size: 14px;
	color: #fff;background: #000;
	margin-right: 2px;
	padding: 0.1em 0.3em;
}
*/


/* 購入ボタン */
.goods-section__btn{
	position: fixed;
    z-index:999;
    width: 30px;
    height: 150px;
    right: 0;
    top: 100px;
    transform:translateX(100%);
    transition:transform 0.3s ease-in-out;	
}
.goods-section__btn.active{transform:translateX(0);}




/*  price-inner
-------------------------------------*/
.price-inner{
	margin:0 auto 10px;
	color: #000;
	font-size: 16px; 
	text-align: center;
    white-space: nowrap!important;
}
.price-inner span.label,
.price-inner span.number{
	background:#000;
    display: inline-block;
    color: #FFF;
    border-radius: 0px;
    font-size: 14px;
    padding: 0.1em 0.2em;
    margin: 0 5px;
	line-height: 1.0;
}
.price-inner span.tax{
	font-size: 12px;
	display: inline-block;
}

/*  originalgoods-section
-------------------------------------*/
.originalgoods-section{}
.originalgoods-section__inner{padding: 50px 0 20px;}
.goods-section__box{background: rgba(255, 255, 255, 0.8); padding: 20px 25px;  margin: 0 35px 30px;}
.goods-section__box h4{padding: 0;}
.goods-section__box ul.goods-section__item{
	display: flex;
	flex-wrap: wrap;
	gap: 20px 0px;   /* 行・列の余白 */
	margin: 0 auto 20px;
	justify-content: space-between;
}
.goods-section__box ul.goods-section__item li{
	width: 126px;
	box-sizing: border-box;
}
.goods-section__box ul.goods-section__item li.single-column{width: 100%;}

/*  attention
-------------------------------------*/
.attention{padding: 0px 35px;}
.attention p{
	color: #000;
	font-size: 12px;
	margin-bottom: 30px;
}
.fontUsually{color: #000; margin-bottom: 30px!important; font-size: 14px;}


/*  attention
-------------------------------------*/
.campaign-section{
	/*background: rgba(0, 0, 0, 0.85); */
    /*mix-blend-mode: multiply;*/
}
.campaign-section__inner{
	background: url("../img/contents/bg_02.png") no-repeat;
	background-position: center 0;
	background-size: contain;

}
.campaign-section__inner h3{padding: 50px 0 80px;}
.campaign-section__inner .campaign-section__lead{text-align: center; margin: 0 0 30px;}
.campaign-section__box{padding: 0 35px 0;}
.campaign-section__box h4 {padding: 0 15px 0;}

/*  campaign-section
-------------------------------------*/
.campaign-section{}
.campaign-section__item{padding: 0 0 30px;}
.campaign-section__text{margin: 0 0 30px;}
.campaign-section__text p{margin-bottom: 0;}
.campaign-section__howto{
	border: 1px solid #FFF;
	border-radius: 8px;
	margin-bottom: 60px;
}
.campaign-section__howto h4{
	background: #FFF;
	padding: 8px 5px 4px;
	color: #000;
	font-size: 14px;
	border-radius: 8px 8px 0 0;
}
.campaign-section__howto .campaign-section__box{
	padding: 2px 10px 10px;
}
.campaign-section__howto .campaign-section__box ol{
	list-style: none;
  	padding-left: 0;
	margin: 0 0 10px;
}
.campaign-section__howto .campaign-section__box ol li{
	font-size: 14px;
	margin: 0;
	position: relative;
  	padding-left: 1.5em;
}
.campaign-section__howto .campaign-section__box ol li::before{
	position: absolute;
	  left: 0;
	  content: counter(item);
	  counter-increment: item;
}
.campaign-section__howto .campaign-section__box ol li:nth-child(1)::before { content: "❶"; }
.campaign-section__howto .campaign-section__box ol li:nth-child(2)::before { content: "❷"; }
.campaign-section__howto .campaign-section__box ol li:nth-child(3)::before { content: "❸"; }
.campaign-section__howto .campaign-section__box ol li:nth-child(4)::before { content: "❹"; }
.campaign-section__howto .campaign-section__box ol li:nth-child(5)::before { content: "❺"; }
.campaign-section__howto .campaign-section__box ol li:nth-child(6)::before { content: "❻"; }
.campaign-section__line{padding: 10px 35px 10px;margin-bottom: 60px;}

.sns-contents{text-align: center;padding-bottom: 80px;}
.sns-contents h5{font-size: 20px; font-weight: normal!important;}
.sns-contents ul{
	display: flex;
	justify-content: center; /* 横方向中央 */
  	align-items: center;     /* 縦方向中央 */
  	gap: 30px;               /* アイコン間の余白 */
}
.sns-contents ul li{
	 width: 46px;
	  box-sizing: border-box;
}

/*  app-section
-------------------------------------*/
.app-section{}
.app-section__inner{
	background: url("../img/contents/bg_02.png") no-repeat;
	background-position: center 0;
	background-size: contain;
	/*background-color: #E84133;*/
	/*mix-blend-mode:multiply;*/
}
.app-section__inner h3{padding: 50px 0 80px;}
.app-section__inner .app-section__lead{ margin: 0 35px 20px;}
.app-section__box{padding: 0 35px 60px;}
.app-section__box h4 {padding: 0 15px 20px;}
.app-section__box p{margin: 0 0 60px;}

.app-section__download{
	background: #FFF;
	padding: 10px;
	text-align: center;
	/*mix-blend-mode:normal;*/
}
.app-section__download h5{
	background: #E84133;
	font-size: 14px;
	line-height: 1.0;
	padding: 6px 30px;
	margin:0 auto 10px;
	border-radius: 4px;
	display: inline-block;
}
.app-section__download table{
	
	margin: 0 auto 10px;
}
.app-section__download p{
	color: #000;
	font-size: 8px;
	text-align: center;
	margin: 0 0 10px;
}
.app-section__download table th{width: 85px;}
.app-section__download table th img{width: 70px;}
.app-section__download table td img{height: 35px;}


/*  attention-section
-------------------------------------*/
.attention-section{
	color: #000;
}
.attention-section__inner{padding: 50px 35px 30px; }
.attention-section__inner h4{font-size: 16px; text-align: center;}
.attention-section__box{
	border: 1px solid #000;
	margin-bottom: 15px;
	background: #FFF;
}
.attention-section__box h5{
	background: #000;
	padding: 2px 10px;
	font-size: 14px;
	color: #FFF;
}
.attention-section__box p{
	font-size: 12px;
	padding: 0px 10px 5px;
	letter-spacing: -0.05em;
	line-height: 1.6;
}

/*  footer-section
-------------------------------------*/
.footer-section{}
.footer-section__inner{background: #E84133; padding: 55px 55px 0px; }
.footer-section__inner .buttonBox{}
.footer-section__inner .buttonBox ul li{margin-bottom: 20px;}
.footer-section__inner .buttonBox ul li a{
	width: 280px;
	display:block;
	padding: 7px 10px;
}