@charset "utf-8";

/* Libre Franklin */
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');

.font-libre-franklin {
	font-family: "Libre Franklin", sans-serif !important;
	font-optical-sizing: auto;
}

.font-libre-franklin * {
	font-family: "Libre Franklin", sans-serif !important;
	font-optical-sizing: auto;
}



/*--------------------------------------------------------------------------------
■スマートフォン： sweetescapetony26
--------------------------------------------------------------------------------*/
body {
}


#sweetescapetony26 h2,
#sweetescapetony26 h3,
#sweetescapetony26 h4,
#sweetescapetony26 h5,
#sweetescapetony26 h6 {
	margin: 0;
}



main.str-content section:not(#main) {
	padding: 0 !important;
}


#sweetescapetony26 {
	position: relative;
	overflow: hidden;
	font-weight: 400;

	color: #000;
	overflow-x: hidden;
}
#sweetescapetony26 h3 {
	padding-bottom: 0;
	border-bottom: none;
	color: inherit;
}

main.str-content h2 {
	display: block;
	font-size: 1em;
	-webkit-margin-before: 0 !important;
	-webkit-margin-after: 0 !important;
	-webkit-margin-start: 0 !important;
	-webkit-margin-end: 0 !important;
	font-weight: 400;
}
main.str-content h3 {
	-webkit-margin-before: 0 !important;
	-webkit-margin-after: 0 !important;
	-webkit-margin-start: 0 !important;
	-webkit-margin-end: 0 !important;
}
main.str-content h4 {
	-webkit-margin-before: 0 !important;
	-webkit-margin-after: 0 !important;
	-webkit-margin-start: 0 !important;
	-webkit-margin-end: 0 !important;
}


/********** フッター **********/
#ym-footer {
	background: #fff;
}
#ym-footer .footer-contents-list {
	padding: 0;
}

#ym-footer .footer-contents-list {
	/*
	display: none !important;
	*/
}


/* ----------------------------------------
ページ内共通設定
---------------------------------------- */
.page-main {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
}
.page-main * {
	font-family: "Noto Sans JP", sans-serif;
}
#sweetescapetony26 .page-content-inner {
	position: relative;
}
#sweetescapetony26 img {
	display: block;
}
#sweetescapetony26 img.device-pc {
	display: none;
}
#sweetescapetony26 img.device-sp {
	display: block;
}


/* ----------------------------------------
メイン画像
---------------------------------------- */
#sweetescapetony26 .main-img {
	position: relative;
	padding: 0 0 4.4vw;
}

#sweetescapetony26 .main-img img {
	margin: 0 auto;
}




/* ----------------------------------------
背景
---------------------------------------- */
#sweetescapetony26 .bg-page-contents {
	position: relative;
	
	padding: 0 7.6vw;
	background-image:
		url("../../images/page/sweetescapetony26-device/bg-step_sp.png"),
		url("../../images/page/sweetescapetony26-device/bg-img_sp.png");
	background-repeat:
		no-repeat,
		repeat-y;
	background-position:
		top center,
		center 149.5vw;
	background-size:
		100% auto,
		100% auto;
}

/********** 白い背景のコンテンツ部分 **********/
#sweetescapetony26 .page-contents-area {
	padding: 0 4.4vw 20vw;
	background: #fff;
}




/* ----------------------------------------
Sweet Escape to NY
---------------------------------------- */
#sweetescapetony26 .intro {
	padding: 11.4vw 0 0;
}
#sweetescapetony26 .intro .intro-wrapper {
	padding: 12.5vw 4.5vw 7vw;
	background: #fff;
}

/********** Sweet Escape to NY **********/
#sweetescapetony26 .intro h2 {
	padding: 0 0 6vw;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.04em;
	font-weight: 700;
	font-size: 5.6vw;
}

/********** パスポートのいらない、最短のニューヨークへ。 **********/
#sweetescapetony26 .intro h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	
	margin: 0 0 4.5vw !important;
	line-height: 1.5;
	text-align: center;
	font-weight: 700;
	font-size: 4vw;
}

/********** 文章 **********/
#sweetescapetony26 .intro .txt {
	padding: 0 3vw 8vw;
}
#sweetescapetony26 .intro .txt p {
	padding: 0 0 4vw;
	text-align: center;
	line-height: 2;
	font-size: 3.2vw;
}




/* ----------------------------------------
★共通：商品見出し
---------------------------------------- */
#sweetescapetony26 .heading-item .heading-item-box {
	display: flex;
	
	width: 100%;
}

/* JUST RELEASED */
#sweetescapetony26 .heading-item .icon-released {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	
	transform: rotate(-7deg);
	
	width: 18vw;
	height: 18vw;
	margin: 0 2vw 0 0;
	border-radius: 100%;
	line-height: 1.1;
	text-align: center;
	background: #f2cd4d;
}
#sweetescapetony26 .heading-item .icon-released .heading-just-released {
	padding: 3vw 0 2.2vw;
	font-size: 2.8vw;
}
#sweetescapetony26 .heading-item .icon-released .heading-datetime {
	position: relative;
	margin: -23px 0 0;
	
	line-height: 1;
	font-weight: 800;
	font-size: 4.8vw;
}

/* 商品名 */
#sweetescapetony26 .heading-item .heading-item-name {
	width: calc(100% - 20vw);
	padding: 4.5vw 0 0;
	line-height: 1.1;
}
#sweetescapetony26 .heading-item .heading-item-name .item-name-en {
	padding: 0 0 0.8vw;
	letter-spacing: 0.06em;
	font-weight: 800;
	font-size: 3.5vw;
}
#sweetescapetony26 .heading-item .heading-item-name .item-name-ja {
	line-height: 1.3;
	font-size: 3.4vw;
}




/* ----------------------------------------
★共通：商品見出し：その2
---------------------------------------- */
#sweetescapetony26 .heading-item-2 .heading-item-box {
	flex-direction: row-reverse;
	padding: 0 0 0 0;
}
#sweetescapetony26 .heading-item-2 .icon-released {
	margin: 0 0 0 1.5vw;
	
	transform: rotate(7deg);
}
#sweetescapetony26 .heading-item-2 .heading-item-name {
	text-align: right;
}


/* ----------------------------------------
★共通：商品画像
---------------------------------------- */
#sweetescapetony26 .item-unit .img-item {
	padding: 0 2.7vw 3.5vw;
}
#sweetescapetony26 .item-unit .img-item img {
	margin: 0 auto;
}

/* ----------------------------------------
★共通：商品文章
---------------------------------------- */
#sweetescapetony26 .item-unit .item-txt {
	padding: 0 3.5vw 4.9vw;
}
#sweetescapetony26 .item-unit .item-txt p {
	line-height: 1.6;
	font-size: 3.2vw;
}


/* ----------------------------------------
共通：商品文章
---------------------------------------- */
#sweetescapetony26 .btn-learn-more {
	width: 45vw;
	margin: 0 auto;
}
#sweetescapetony26 .btn-learn-more a {
	display: flex;
	justify-content: center;
	
	width: 100%;
	height: 11vw;
	padding: 4vw 0 0;
	border-radius: 100px;
	line-height: 1;
	letter-spacing: 0.05em;
	font-weight: 800;
	font-size: 3.2vw;
	color: #fff;
	background: #000;
}

/* ----------------------------------------
img-illust1
---------------------------------------- */
#sweetescapetony26 .img-illust1 {
	padding: 0 0 11vw;
}



/* ----------------------------------------
■New York Flover Brownies 6
ブラウニー 6個入り
---------------------------------------- */
#sweetescapetony26 .item-ny-flover-brownies-6 {
	padding: 0 0 11.5vw;
}

/* ----------------------------------------
img-tekuteku1
TEKU TEKU 1
---------------------------------------- */
#sweetescapetony26 .img-tekuteku1 {
	padding: 0 2.5vw 8vw;
}
#sweetescapetony26 .img-tekuteku1 img {
	margin: 0 auto;
}


/* ----------------------------------------
■New York Yellow Bus Box 24
イエローバスボックス　ブラウニー24個入り
---------------------------------------- */
#sweetescapetony26 .item-ny-yellow-bus-box-24 {
	padding: 0 0 12vw;
}


/* ----------------------------------------
img-tekuteku2
TEKU TEKU 2
---------------------------------------- */
#sweetescapetony26 .img-tekuteku2 {
	padding: 0 2.5vw 6vw;
}
#sweetescapetony26 .img-tekuteku2 img {
	margin: 0 auto;
}


/* ----------------------------------------
■Brownie “Witch”
ブラウニー “ウィッチ”
---------------------------------------- */
#sweetescapetony26 .item-brownie-witch {
	padding: 0 0 12vw;
}

/* ----------------------------------------
img-illust2
どんどん歩こう！
---------------------------------------- */
#sweetescapetony26 .img-illust2 {
	padding: 0 0 14vw;
}


/* ----------------------------------------
■Witch Cube
ウィッチキューブ
---------------------------------------- */
#sweetescapetony26 .item-witch-cube {
	padding: 0 0 26.5vw;
}
#sweetescapetony26 .item-witch-cube .img-item04 {
	padding: 0 3vw 3.5vw;
}


/* ----------------------------------------
txt-wait-heres-more
Wait! There's more...
---------------------------------------- */
#sweetescapetony26 .txt-wait-heres-more {
	padding: 0 0 14vw;
}
#sweetescapetony26 .txt-wait-heres-more p {
	text-align: center;
	font-size: 3.8vw;
}

/* ----------------------------------------
img-illust3
どんどん歩こう！
---------------------------------------- */
#sweetescapetony26 .img-illust3 {
	padding: 0 0 12vw;
}


/* ----------------------------------------
★共通：レイアウト
---------------------------------------- */
#sweetescapetony26 .item-layout-unit .item-layout-unit-box {
}
#sweetescapetony26 .item-layout-unit .item-layout-unit-box-2 {
}
#sweetescapetony26 .item-layout-unit .item-unit-layout-txt {
	
}

/* ----------------------------------------
★共通：レイアウト：テキスト部分
---------------------------------------- */
#sweetescapetony26 .item-layout-unit .item-unit-layout-txt {
	
}

/* ----------------------------------------
★共通：レイアウト：商品画像
---------------------------------------- */
#sweetescapetony26 .item-layout-unit .img-item {
	padding: 0 3vw 4.3vw;
}

/* ----------------------------------------
★共通：レイアウト：見出し
---------------------------------------- */
#sweetescapetony26 .item-layout-unit h2.heading-item {
	margin: 0 0 0 !important;
}
#sweetescapetony26 .item-layout-unit h2.heading-item.heading-item-2 .heading-item-box {
	flex-direction: row-reverse;
}


/* ----------------------------------------
★共通：レイアウト：商品文章
---------------------------------------- */
#sweetescapetony26 .item-layout-unit .item-txt {
	padding: 0 3vw 5.5vw;
}
#sweetescapetony26 .item-layout-unit .item-txt p {
	line-height: 1.5;
	font-size: 3.2vw;
}

/* ----------------------------------------
★共通：レイアウト：画像
---------------------------------------- */
#sweetescapetony26 .item-layout-unit .item-unit-layout-img {
	
}


/* ----------------------------------------
■Pouch With Charm
チャーム付きポーチ
---------------------------------------- */
#sweetescapetony26 .item-pouch-with-charm {
	padding: 0 0 12.5vw;
}


/* ----------------------------------------
img-tekuteku3
TEKU TEKU 3
---------------------------------------- */
#sweetescapetony26 .img-tekuteku3 {
	padding: 0 2.5vw 7vw;
}
#sweetescapetony26 .img-tekuteku3 img {
	margin: 0 auto;
}


/* ----------------------------------------
■Water Bottle
サーモボトル500ml
---------------------------------------- */
#sweetescapetony26 .item-water-bottle {
	padding: 0 0 12vw;
}
#sweetescapetony26 .item-water-bottle .img-item.img-item06 {
	padding-bottom: 5.5vw;
}

/* ----------------------------------------
img-tekuteku4
TEKU TEKU 4
---------------------------------------- */
#sweetescapetony26 .img-tekuteku4 {
	padding: 0 2.5vw 7vw;
}
#sweetescapetony26 .img-tekuteku4 img {
	margin: 0 auto;
}


/* ----------------------------------------
■Stickers
ステッカー 5枚入り
---------------------------------------- */
#sweetescapetony26 .item-stickers {
	padding: 0 0 15vw;
}

/* ----------------------------------------
img-illust4
NYへの甘い逃避行は、楽しめましたか？
---------------------------------------- */
#sweetescapetony26 .img-illust4 {
	padding: 0 0 19vw;
}
#sweetescapetony26 .img-illust4 img {
	margin: 0 auto;
}


/* ----------------------------------------
■ニューヨークの旅、いかがでしたか？
---------------------------------------- */
#sweetescapetony26 .ny-ikaga {
	padding: 0 0 8vw;
}
#sweetescapetony26 .ny-ikaga .ny-ikaga-box .txt {
	padding: 0 3vw;
}
#sweetescapetony26 .ny-ikaga .ny-ikaga-box .txt p {
	padding: 0 0 4.2vw;
	text-align: center;
	line-height: 2;
	font-size: 3.2vw;
}