@charset "utf-8";

/*--------------------------------------------------------------------------------
■PC： halloween26
--------------------------------------------------------------------------------*/
main.str-content section:not(#halloween26) {
	padding: 0 !important;
}


#halloween26 {
	color: #f8f6f6;
	position: relative;
	background: #231816;
	padding: 0 0 7vw !important;
}
#halloween26::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0.2vw;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 6.6vw;
	background: url(../../images/page/halloween26/f-bg.png) repeat-x 0 0;
	background-size: auto 6.6vw;
}
#halloween26 h3 {
	padding-bottom: 0;
	border-bottom: none;
	color: inherit;
}


/********** フッターのスキマをリセット **********/
#ym-footer .footer-contents-list {
	padding: 0;
}



/* ----------------------------------------
ページ内共通設定
---------------------------------------- */
.page-main {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
}
.page-main * {
	font-family: "Noto Sans JP", sans-serif;
}
.font-creepster {
	font-family: "Creepster", system-ui;
	font-weight: 400;
	font-style: normal;
}
#halloween26 .page-content-inner {
	position: relative;
	width: 62.6vw;
	margin: 0 auto;
}
#halloween26 img {
	display: block;
}
#halloween26 a {
	text-decoration: none;
}



/* ----------------------------------------
メイン画像
---------------------------------------- */
#halloween26 .img-main {
	position: relative;
}
#halloween26 .img-main .img-main-box {
	position: relative;
	margin: 0;
}
#halloween26 .img-main img {
	display: block;
	width: 90vw;
	height: auto;
	margin: 3vw auto 0;
}


/* ----------------------------------------
メインフレーム
---------------------------------------- */
#halloween26 .main-frame {
	position: absolute;
	top: -6vw;
	right: 0;
	left: 0;
}
#halloween26 .main-frame img {
	display: block;
	width: 100%;
	height: auto;
}


/* ----------------------------------------
背景
---------------------------------------- */
#halloween26 .page-content-bg {
	background: #231816;
}
#halloween26 .page-content-bg-wave-purple{
	background: #ddd2e2
}

/* ----------------------------------------
About
---------------------------------------- */
#halloween26 .about {
	position: relative;
	padding: 6vw 0 0;
}

/* about-box */
#halloween26 .about .about-box {

}


/********** 見出し **********/
#halloween26 .about h2 {
	margin: 0 0 4vw;
	text-align: center;
	line-height: 1;
}
#halloween26 .about h2 .en-title {
	display: block;
	margin: 0 0 1vw;
	font-size: 2.34vw;
	font-weight: 700;
}
#halloween26 .about h2 .ja-title {
	display: block;
	font-size: 1.41vw;
	font-weight: 400;
}

/********** テキスト **********/
#halloween26 .about .txt {
	text-align: center;
}
#halloween26 .about .txt.txt-kuzureta {
	padding: 0 0 6vw;
}
#halloween26 .about .txt.txt-1998nen {
	padding: 0 0 5.5vw;
}
#halloween26 .about .txt p {
	line-height: 2;
	font-size: 1.25vw;
}

/********** ブラウニー画像 **********/
#halloween26 .about .img-brownie {
	width: 23vw;
	margin: 0 auto 3vw;
}
#halloween26 .about .img-brownie img {
	display: block;
	margin: 0 auto;
}




/* ----------------------------------------
3つの秘密
---------------------------------------- */
#halloween26 .oishikunaru-himitsu {
	padding: 0 0 5vw;
}


/********** 角丸 **********/
#halloween26 .oishikunaru-himitsu .oishikunaru-himitsu-box {
	position: relative;
	z-index: 3;

	width: 40.6vw;
	margin: 0 auto;
	padding: 2vw 2vw 2.4vw;
	border-radius: 30px;
	color: #000;
	background: #f6f6f6;
}

/********** 見出し **********/
#halloween26 .oishikunaru-himitsu h2 {
	padding: 0 0 2vw;
	text-align: center;
}
#halloween26 .oishikunaru-himitsu h2 .heading-label-1 {
	position: relative;
	display: block;
	font-weight: 400;
	font-size: 1.354vw;
}
#halloween26 .oishikunaru-himitsu h2 .heading-label-2 {
	display: block;
	font-weight: 700;
	font-size: 1.667vw;
}


/********** リスト **********/
#halloween26 .oishikunaru-himitsu ul {
	display: flex;
	justify-content: space-between;
	list-style: none;

	width: 100%;
	margin: 0;
	text-align: center;

	box-sizing: border-box;
}

#halloween26 .oishikunaru-himitsu ul li {
	width: 12vw;
	text-align: center;
}

/* テキストを中央寄せ */
#halloween26 .oishikunaru-himitsu ul li .list-unit {
	text-align: center;
}

#halloween26 .oishikunaru-himitsu ul li .thumb {
	margin-bottom: 0.3vw;
}
#halloween26 .oishikunaru-himitsu ul li .thumb img {
	display: block;
	margin: 0 auto;
	width: 9.6vw;
}

#halloween26 .oishikunaru-himitsu ul li .heading {
	margin-bottom: 0.5vw;
	font-weight: 700;
	font-size: 1.146vw;
}
#halloween26 .oishikunaru-himitsu ul li .txt p {
	line-height: 1.4;
	font-size: 1.146vw;
}




/* ----------------------------------------
魔女もときめく、NYの夜
---------------------------------------- */
#halloween26 .spooky_night_in_ny {
	padding: 0 0 20vw;
}
#halloween26 .spooky_night_in_ny .illust-obake{
	position: relative;
	height: 17.7vw;
}
#halloween26 .spooky_night_in_ny .illust-obake img{
	position: absolute;
	top: 0;
	left: calc(50% - 12vw);
	width: 16.3vw;
	height: 9.2vw;
}
/********** 見出し **********/
#halloween26 .spooky_night_in_ny h2 {
	margin: 0 0 4vw;
	text-align: center;
	line-height: 1;
}
#halloween26 .spooky_night_in_ny h2 .en-title {
	display: block;
	margin: 0 0 1vw;
	font-size: 3.9vw;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 0.06em;
}
#halloween26 .spooky_night_in_ny h2 .ja-title {
	display: block;
	font-size: 1.82vw;
	font-weight: 400;
}

/********** テキスト **********/
#halloween26 .spooky_night_in_ny .txt {
	text-align: center;
	margin: 0 0 8vw;
}
#halloween26 .spooky_night_in_ny .txt p {
	line-height: 2;
	font-size:1.25vw;
}

/********** Have a spooky night!画像 **********/
#halloween26 .spooky_night_in_ny .illust-halloween-box {
	width: 100%;
}
#halloween26 .spooky_night_in_ny .illust-halloween-box img {
	display: block;
}



/* ----------------------------------------
ハロウィンフレーバー
---------------------------------------- */
#halloween26 .halloween_flavor {
	padding: 0
}

/********** 見出し **********/
#halloween26 .halloween_flavor h2 {
	margin: 0 0 4vw;
	text-align: center;
	line-height: 1;
}
#halloween26 .halloween_flavor h2 .en-title {
	display: block;
	margin: 0 0 1vw;
	font-size: 3.9vw;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 0.06em;
}
#halloween26 .halloween_flavor h2 .ja-title {
	display: block;
	font-size: 1.82vw;
	font-weight: 400;
}

/********** テキスト **********/
#halloween26 .halloween_flavor .txt {
	text-align: center;
	margin: 0 0 8vw;
}
#halloween26 .halloween_flavor .txt p {
	line-height: 2;
	font-size:1.25vw;
}
/********** 商品一覧 **********/
#halloween26 .halloween_flavor-collection-box .item-list ul li{
	margin: 0 0 4vw;
}
#halloween26 .halloween_flavor-collection-box .item-list ul li:last-child{
	margin: 0;
}
#halloween26 .halloween_flavor-collection-box .item-list ul li .item-unit{
	display: flex;
	justify-content: space-between;
	width: 62.6vw;
}
#halloween26 .halloween_flavor-collection-box .item-list ul li.item-left-layout .item-unit{
	flex-direction: row-reverse;
}
#halloween26 .halloween_flavor-collection-box .item-list ul li .item-unit .name-details{
	width: 28.7vw;
	margin: 2vw 0 0;
}
#halloween26 .halloween_flavor-collection-box .item-list ul li.item-right-layout .name-details{
	width: 20vw;
	margin: 2vw 0 0 6vw;
}
#halloween26 .halloween_flavor-collection-box .item-list ul li .item-unit .name-details .name-details-box{
	margin: 0 0 3.7vw;
}
#halloween26 .halloween_flavor-collection-box .item-list ul li .item-unit .name-details .item-catch{
	font-size: 1.406vw;
}
#halloween26 .halloween_flavor-collection-box .item-list ul li .item-unit .name-details h6{
	font-size: 2.344vw;
	color: #ffffff;
}
#halloween26 .halloween_flavor-collection-box .item-list ul li .item-unit .name-details .item-name{
	font-size: 1.25vw;
}
#halloween26 .halloween_flavor-collection-box .item-list ul li.item-left-layout .illust-flavor img{
	width: 20vw;
	margin: 0 0 0 auto;
}
#halloween26 .halloween_flavor-collection-box .item-list ul li .item-unit .item-img{
	width: 31.3vw;
}



/* ----------------------------------------
ハロウィンコレクション
---------------------------------------- */
#halloween26 .halloween_collection {
	padding: 6vw 0 0;
	color: #000000;
}

/********** 見出し **********/
#halloween26 .halloween_collection h2 {
	margin: 0 0 4vw;
	text-align: center;
	line-height: 1;
}
#halloween26 .halloween_collection h2 .en-title {
	display: block;
	margin: 0 0 1vw;
	font-size: 3.9vw;
	font-weight: 700;
	letter-spacing: 0.06em;
}
#halloween26 .halloween_collection h2 .ja-title {
	display: block;
	font-size: 1.82vw;
	font-weight: 400;
}

/********** テキスト **********/
#halloween26 .halloween_collection .txt {
	text-align: center;
	margin: 0 0 10vw;
}
#halloween26 .halloween_collection .txt p {
	line-height: 2;
	font-size:1.25vw;
}
/********** 商品一覧 **********/
#halloween26 .halloween_collection .item-list ul li{
	margin: 0 0 9vw;
	position: relative;
}
#halloween26 .halloween_collection .item-list ul li.item-1::after,
#halloween26 .halloween_collection .item-list ul li.item-3::after{
	content: "";
	background: url("../../images/page/halloween26/bg-illust-left.svg") no-repeat;
	background-size: 100%;
	width: 19.1vw;
	height: 55.2vw;
	position: absolute;
	top: -6vw;
	left: 0;
}
#halloween26 .halloween_collection .item-list ul li.item-2::after,
#halloween26 .halloween_collection .item-list ul li.item-4::after{
	content: "";
	background: url("../../images/page/halloween26/bg-illust-right.svg") no-repeat;
	background-size: 100%;
	width: 19.1vw;
	height: 55.2vw;
	position: absolute;
	top: -6vw;
	right: 0;
}
#halloween26 .halloween_collection .item-list ul li:last-child{
	margin: 0;
}
#halloween26 .halloween_collection .item-list ul li .item-img{
	width: 100%;
	margin: 0 0 3vw;
}
#halloween26 .halloween_collection .item-list ul li .item-unit-box{
	display: grid;
	justify-content: center;
	margin: 0 0 2.4vw;
}
#halloween26 .halloween_collection .item-list ul li .item-name{
	font-size: 1.563vw;
}
#halloween26 .halloween_collection .item-list ul li .item-price{
	font-size: 1.563vw;
	display: flex;
	justify-content: flex-end;
}
#halloween26 .halloween_collection .item-list ul li .item-price .item-value-box {
	line-height: 1.28;
}
#halloween26 .halloween_collection .item-list ul li.item-4 .item-price .item-price-box {
	display: flex;
    align-items: flex-end;
}
#halloween26 .halloween_collection .item-list ul li .item-price .item-value{
	font-size: 1.823vw;
	margin: 0 0 0 0.3vw;
}

/* 購入はこちら */
#halloween26 .halloween_collection .btn-details {
	display: flex;
	justify-content: center;
}
#halloween26 .halloween_collection .btn-details a {
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 18.7vw;
	height: 3.6vw;
	border-radius: 90px;
	font-size: 1.563vw;
	color: #fff;
	background: #231815;
}


/* ----------------------------------------
review
---------------------------------------- */
#halloween26 .review {
	padding: 5vw 0 10vw;
}



/********** 見出し **********/
#halloween26 .review h2 {
	display: flex;
	justify-content: center;

	width: 100%;
	margin: 0 0 7vw;
	text-align: center;
	color: #ffffff;
}
#halloween26 .review h2 .label {
	display: block;
}
#halloween26 .review h2 .label .label-en {
	display: block;
	font-size: 2.604vw;
	padding: 0 0 1vw;
	font-weight: 400;
}
#halloween26 .review h2 .label .label-ja {
	display: block;
	font-weight: 400;
	font-size: 1.823vw;
}




#halloween26 .review .review-box {
	width: 89.4vw;
	margin: 0 auto;
}
#halloween26 .review .review-box .review-list {
	padding: 0 6vw 0 4vw;
}
#halloween26 .review .review-box .slick-slide {
	width: 24vw;
	padding: 4.6vw 0.8vw 0;
}
#halloween26 .review .review-box .slick-slide .review-unit-box {
	padding: 1.6vw;
	border-radius: 12px;
	font-size: 1.146vw;
	background-color: #fff;
	color: #000000;
}
#halloween26 .review .review-box .slick-slide .review-unit {
	padding:0 0.8vw 2vw;
	border-radius: 16px;
	background-color: #ddd2e2;
	position: relative;
	min-height: 36.5vw;
}
#halloween26 .review .review-box .slick-slide .review-unit .review-icon{
	width: 9.2vw;
	height: 9.2vw;
	margin: 0 auto;
	position: absolute;
	top: -4.6vw;
	left: calc(50% - 4.6vw);
}


/* 次へ・前へ */
#halloween26 .review .review-box .slick-arrow {
	display: block;
	
	position: absolute;
	top: 50%;
	margin: -2vw 0 0;
	
	width: 2.8vw;
	height: 4vw;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
	background: #ccc;
	z-index: 2;
}
#halloween26 .review .review-box .slick-arrow.slick-prev {
	left: -3.7vw;
	background: url(../../images/page/halloween26/scroll-left.svg) no-repeat 0 0;
	background-size: 2.8vw 4vw;
}
#halloween26 .review .review-box .slick-arrow.slick-next {
	right: -3.7vw;
	background: url(../../images/page/halloween26/scroll-right.svg) no-repeat 0 0;
	background-size: 2.8vw 4vw;
}

/* review title */
#halloween26 .review .review-title {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5.3vw 0 0;
	font-size: 1.146vw;
	position: relative;
}
#halloween26 .review .review-title:after {
	content: "";
	background: url(../../images/page/halloween26/voice-parts.svg) no-repeat 0 0;
	background-size: 100%;
	width: 12.5vw;
	height: 3vw;
	position: absolute;
	bottom: -3.6vw;
	left: calc(50% - 6.25vw);
}

#halloween26 .review .review-box .slick-slide .review-txt {
	padding: 4.6vw 0 0;

}
#halloween26 .review .review-box .slick-slide .review-txt p {
	line-height: 2;
	font-size: 1.146vw;
}

#halloween26 .review .note{
	width: 77.4vw;
	margin: 3vw auto 0;
	text-align: right;
	font-size: 1.146vw;
	color: #ffffff;
}


/* ----------------------------------------
よくあるご質問
---------------------------------------- */
#halloween26 .faq {
	padding: 0 0 7vw;
}



/********** 見出し **********/
#halloween26 .faq h2 {
	display: flex;
	justify-content: center;

	width: 100%;
	margin: 0 0 7vw;
	text-align: center;
	color: #ffffff;
}
#halloween26 .faq h2 .label {
	display: block;
}
#halloween26 .faq h2 .label .label-en {
	display: block;
	font-size: 2.604vw;
	padding: 0 0 1vw;
	font-weight: 400;
}
#halloween26 .faq h2 .label .label-ja {
	display: block;
	font-weight: 400;
	font-size: 1.823vw;
}




#halloween26 .faq .faq-box {
	width: 62.6vw;
	margin: 0 auto;
	color: #ffffff;
}
#halloween26 .faq .faq-box .section{
	margin: 0 0 2vw;
}
#halloween26 .faq .faq-box h3 {
	font-size: 1.563vw;
	font-weight: 500;
	margin: 0 0 0.5vw;
}
#halloween26 .faq .faq-box h3::before {
	content: "Q.";
	font-size: 2.344vw;
	font-weight: 500;
	padding: 0 0.5vw 0 0;
}
#halloween26 .faq .faq-box .answer p{
	font-size: 1.25vw;
	line-height: 1.67;
	font-weight: 400;
}


/* ----------------------------------------
have_a_spooky_night
---------------------------------------- */
#halloween26 .have_a_spooky_night {
	background: url(../../images/page/halloween26/illust-halloween2.png) no-repeat 0 0;
	background-size: 100%;
	width: 100%;
	height: 58vw;
	padding: 12vw 0 0;
}



/********** 見出し **********/
#halloween26 .have_a_spooky_night h2 {
	font-size: 3.906vw;
	margin: 0 0 4vw;
	text-align: center;
	color: #ddd2e1;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
}


#halloween26 .have_a_spooky_night .have_a_spooky_night-box {
	width: 62.6vw;
	margin: 0 auto;
}
#halloween26 .have_a_spooky_night .have_a_spooky_night-box .txt-box p{
	font-size: 1.25vw;
	line-height: 1.67;
	font-weight: 400;
	text-align: center;
}


/* ----------------------------------------
fix-bnr-halloween
---------------------------------------- */
/********** fix-bnr-halloween **********/
#halloween26 .fix-bnr-halloween {
	position: fixed;
	z-index: 10;
	
	bottom: 0.78vw;
	right: 0.78vw;
	width: 11vw;
}