@charset "UTF-8";

/* ==================================================================
   ドゥーブルナッツタルト LP  /  style_sp.css （SP : <=750px）
   コンテンツ幅 375px 想定・1カラム。数値はSPカンプ(375px)実測に準拠
================================================================== */
@media screen and (max-width: 750px) {

	.dnt {
		max-width: 100%;
		line-height: 1.9;
		padding-top: 60px;
	}
	.dnt .inner {  text-align: center; padding: 40px 10%; }

/*
	.dnt-info .inner { padding: 60px 5.5% 60px; }
	.dnt-double .inner  { padding: 60px 10% 60px; }
	.dnt-texture .inner  {  padding: 60px 10% 60px; }
	.dnt-process .inner {  padding: 60px 5.5% 60px; }
*/			
	.dnt-item .inner { text-align: center; padding: 60px 10% 60px; }
	.dnt .pconly { display: none; }

	/* ---- HERO ---- */
	.dnt-hero .hero-img { width: 100%; display: block; }

	/* ---- INTRO ---- */

	.dnt-intro .lead {
		font-size: 22px;
		font-weight: 600;
		letter-spacing: .03em;
		line-height: 1.42;
	}
	.dnt-intro .lead-sub {
		margin-top: 22px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.64;
		letter-spacing: -.01em;
		text-align: center;
	}
	.dnt-intro .intro-fig { margin: 30px auto 0; }

	/* ---- 見出し ---- */
	.dnt .sec-heading { font-size: 5.2vw; margin-bottom: 26px; letter-spacing: 0; }

	/* ---- 掛け合わせる「ドゥーブル」 ---- */

	.dnt-double .double-fig { width: 100%; margin: 0 auto; }
	.dnt-double .double-txt {
		margin-top: 26px;
		font-size: 14px;
		line-height: 1.75;
	}

	/* ---- こだわりぬいたザクッカリッ食感 ---- */

	.dnt-texture .texture-fig { margin: 0 auto; }
	.dnt-texture .texture-txt {
		margin-top: 24px;
		font-size: 14px;
		line-height: 1.75;
	}
	.dnt-texture .button_area { margin-top: 40px; }

	/* ---- ボタン ---- */
	.dnt .btn-purchase {
		width: 88%;
		max-width: 360px;
		font-size: 16px;
		padding: 20px 0;
	}

	/* ---- 英字 + 和文見出し ---- */
	.dnt .title_main { margin-bottom: 46px; }
	.dnt .title_main .en { font-size: 46px; letter-spacing: .07em; white-space: nowrap; }
	.dnt-info .title_main .en { font-size: 34px; }   /* INFORMATION は長いので縮小（カンプ準拠） */
	.dnt .title_main .jp { font-size: 14px; margin-top: 12px; }

	/* ---- PROCESS ---- */

	.dnt-process .layer {
		background: var(--card);
		padding: 20px 25px 40px;
	}
	.dnt-process .layer-photo { width: 100%; display: block; }
	.dnt-process .badge { width: 24vw; top: -12px; left: -8px; }
	.dnt-process .layer-title {
		font-size: 20px;
		font-weight: 600;
		line-height: 1.5;
		letter-spacing: -.01em;
		margin: 20px 0 14px;
		text-align: left;
	}
	.dnt-process .layer-body .txt { font-size: 14px; line-height: 1.78; }
	.dnt-process .layer-sub { margin-top: 20px; }
	.dnt-process .layer-sub img { width: 100%; border-radius: 6px; }
	.dnt-process .layer-div { margin: 26px 0; } /* 26px*/
	.dnt-process .button_area { margin-top: 40px; }

	/* ---- ITEM ---- */
	.dnt-item .item { text-align: center; }
	.dnt-item .item + .item { margin-top: 40px; }
	.dnt-item .item-name { margin-top: 20px; font-size: 18px; font-weight: 600; letter-spacing: .04em; }
	.dnt-item .item-price { margin-top: -5px; font-size: 16px; font-weight: 600; letter-spacing: .03em; }
	.dnt-item .item-price span { font-size: 68%; }
	.dnt-item .button_area { margin-top: 40px; }

	/* ---- INFORMATION ---- */
	.dnt-info .info-list { text-align: left; }
	.dnt-info .info-row {
		display: block;
		padding: 12px 16px;
		border-bottom: 1px solid var(--line);
		font-size: 18px;
		font-weight: 600;
		line-height: 1.7;
		letter-spacing: .02em;
	}
	.dnt-info .info-row:first-child { border-top: 1px solid var(--line); }
	/* 「日付 ｜ 区分 ｜」を1行目、説明文を2行目に */
	.dnt-info .info-date,
	.dnt-info .info-desc,
	.dnt-info .info-cat { display: inline; }
	.dnt-info .info-txt { display: block; }

	/* ---- フッター ---- */
	.mod-footer .mod-wrapin-sp { padding: 34px 20px; }
}
@media screen and (max-width: 390px) {
	.dnt-info .info-row {
		font-size: 4.6vw;
	}

}