@charset "UTF-8";
/* ============================================================
 * pg-pointmake-16.css — プライムティント ルージュ (pointmake/16) 専用
 * ============================================================
 *
 *  読込順序: global.css → category-pointmake.css → pg-pointmake-16.css
 *  全セレクタは `.esp-wrap.pg-pointmake-16` 配下にスコープ
 *  詳細度上限 0,3,0
 *  値は旧版から忠実に移植（変数化禁止）
 *
 *  値の出典:
 *  - 旧 esprique_old/pointmake/css/pointmake.css 行 3590-3894 (pg-lip16、PC + SP)
 *  - 旧 esprique_old/pointmake/css/pointmake_16.css (PC 950px 専用)
 *  - 旧 esprique_old/pointmake/css/pointmake_common.css (PC 950px 共通)
 *      ※ pg-lip16 .prodImg margin-top:0（旧 pointmake.css の -87px を打ち消す）あり
 *  - 旧 esprique_old/pointmake/css/pointmake_common_ver2.css
 *      ※ pg-lip16 関連の上書きはないが、汎用 .pmd-secMainCol margin-top:84px、.dscWrap flex 等を使う
 *  - 旧 esprique_old/common/css/product_detail.css 行 936-952 (.pmd-personalColor — HTML はコメントアウト)
 *                                            行 1060-1130 (.pmd-secPoint)
 *                                            行 1552-1624 (.pmd-colorChipList)
 *                                            行 2603-2717 (.pmd-imgPosLR / .pmd-imgPosLR-3item)
 *                                            行 2720-2739 (.pmd-pointItemTtl)
 *                                            行 2793-2820 (.pmd-discList)
 *                                            行 2886-2922 (.pmd-pointColTtl / .pmd-pointBgTxt)
 *
 *  カスケード順:
 *    1. ベース（メディアクエリなし）   — 汎用コンポーネント + pg-lip16 のベース上書き
 *    2. @media (min-width: 950px)     — pointmake_common / pointmake_16.css の PC専用上書き
 *    3. @media (max-width: 950px)     — pg-lip16 の SP値 + 汎用コンポーネントのSP
 *
 *  14, 19 から流用したパターン（lip 系共通）:
 *  - c-secPoint（POINT セクション、背景斜め分割）— 14, 19 と同じ
 *  - c-imgPosLR / c-imgPosLR__cap--color（横並び塗布前後、矢印 PNG）— 14, 19 と同じ
 *  - c-pointItemTtl（白丸ピル見出し）— 14, 19 と同じ
 *  - c-colorChipList（カラーチップ）— 14 と同じだが 16 では hover texture pop-up 追加
 *  - c-pointColTtl（pink 大見出し）— 19 と同じ
 *  - c-discList（商品特長 箇条書き）— 19 と同じ
 *  - c-extInfo（情報補足）— global.css 既定を使用
 *
 *  16 専用 delta:
 *  - prodImg ベース margin-top: -87px / SP -13px、max-width 174px / 115px、SP用 sp 上書き
 *    （PC では pointmake_common.css で margin-top:0 に上書き、width:36% / max-width:155px に上書き）
 *  - c-colorChipList__item 内に c-colorChipList__texture（hover で開く texture pop-up）
 *  - c-colorChipList__item width 190px (PC) / SP 33.333333%（flex グリッド化）
 *  - c-colorChipList max-width 1000px / SP 100%
 *  - c-colorChipList__img img width 63px (PC) / SP 50% (max 90px)
 *  - c-colorChipList__img::before（hover の虫眼鏡アイコン）16px / SP 17px
 *  - secColor padding 72px 20px 55px / SP 32px 10px 25px
 *  - secColor position relative + z-index 99（hover texture を上に表示するため）
 *  - secFeatures secCtsWrapBg padding 88px 20px 50px / 63px 20px 40px
 *  - secFeatures secCts font 24px / 16px (ttl bold)
 *  - secPoint secTtl padding-left 65px / SP 32px、prodImg img width 51px / 26px
 *  - secPoint secCtsWrap padding-top 40px / SP 25px
 *  - secPoint dtlCol margin-top 60px / SP 33px
 *  - c-pointDlGrid（POINT 1段目の dl/dt/dd 3要素グリッド、deco_line 背景画像）
 *      - col3Item 背景 deco_line.png 中央 57px / SP 133px auto
 *      - colItem dl width 360px / SP 202px、height 100px、padding 18px 10px 0、border-radius 10px / SP 5px
 *      - colItem dt span bg #dbc7ca、color #fff、font 1.6rem / SP 1.3rem
 *      - colItem dd color #5b5854、font 1.4rem / SP 1rem
 *      - floatWrap max-width 660px / SP auto、margin 62px auto 0 / SP 35px -7px 0
 *      - floatWrap colItem width 300px / SP 100% max 200px
 *  - c-pointBgBox（POINT 2段目の白背景ボックス、大きめ角丸 + パディング）
 *      - margin 25px auto 0 / SP 15px auto 0、max-width 500px、bg #fff、border-radius 10px / SP 5px
 *      - padding 25px 10px / SP 17px 10px、color #5b5854、font 1.4rem / SP 1rem
 *  - c-imgPosLR--3item（3列、SP は 8時間後を別 imgWrap 表示）
 *  - secHowto secCtsWrap padding 90px 20px 60px / SP 50px 20px 27px（16 HTML には howto なし）
 *  - .pt-simulate margin: -22px 0 0 -112px (PC pointmake_16.css)、SP padding-right:0
 *  - .pt-simulate .inr margin: 0 0 60px 112px (PC pointmake_16.css)
 *  - .circleListPoint .listTtl left:-4px (PC pointmake_16.css)
 *  - pmd-personalColor は HTML でコメントアウトされているため CSS 出力不要だが、
 *    SP padding 0 10px は念のため移植（旧 pointmake.css 3890-3893）
 *
 *  SP ブレイクポイント: 950px（旧 16 仕様準拠 — 768px は personalColor 系のみだが
 *  本ページでは personalColor 非表示のため無関係）
 * ============================================================ */


/* ============================================================
 * 1. ベース（メディアクエリなし）
 * ============================================================ */

/* ----------------------------------------------------------------
 * 1.1 .c-productMain（旧 .pmd-secMainCol）系 — pg-lip16 専用 + ver2 共通
 * ---------------------------------------------------------------- */

/* 旧 pointmake_common_ver2.css 行 7-9: .pmd-secMainCol margin-top:84px */
.esp-wrap.pg-pointmake-16 .c-productMain {
	margin-top: 84px;
}

/* 旧 pointmake_common_ver2.css 行 1-5: .pmd-secMainCol .topCol .dscCol */
.esp-wrap.pg-pointmake-16 .c-productMain__visual {
	width: 100%;
	box-sizing: border-box;
	padding-right: 0;
}

/* 旧 pointmake_common_ver2.css 行 11-13: .dscWrap { display: flex } */
.esp-wrap.pg-pointmake-16 .c-productMain__dscWrap {
	display: flex;
}

/* 旧 pointmake.css 行 3594-3596: .pg-lip16 .prodImg margin-top:-87px
   ※ PC では pointmake_common.css 行 26-28 で 0 に上書きされる */
.esp-wrap.pg-pointmake-16 .c-productMain__image {
	margin-top: -87px;
}

/* 旧 pointmake.css 行 3597-3599: .pg-lip16 .prodImg img max-width:174px
   ※ PC では pointmake_16.css 行 9-11 で 155px に上書きされる */
.esp-wrap.pg-pointmake-16 .c-productMain__image img {
	max-width: 174px;
}

/* 旧 pointmake.css 行 3756-3758: .pg-lip16 .pmd-secMainCol .btmCol margin-top:30px */
.esp-wrap.pg-pointmake-16 .c-productMain__bottom {
	margin-top: 30px;
}

/* 旧 pointmake.css 行 3760-3763: .pg-lip16 .pt-simulate (ベース)
   ※ PC では pointmake_16.css 行 19-22 で margin: -22px 0 0 -112px に上書きされる */
.esp-wrap.pg-pointmake-16 .c-simulate {
	margin-top: 30px;
	padding-right: 35px;
}

/* 旧 pointmake_common_ver2.css 行 23-25: .pt-simulate .inr { margin: 0 auto 0 0 }
   ※ PC では pointmake_16.css 行 28-30 で margin: 0 0 60px 112px に上書きされる */
.esp-wrap.pg-pointmake-16 .c-simulate__link {
	margin: 0 auto 0 0;
}


/* ----------------------------------------------------------------
 * 1.2 .c-colorVariation（旧 .pmd-secColor）系 — pg-lip16 専用
 * ---------------------------------------------------------------- */

/* 旧 pointmake.css 行 3600-3603: .pg-lip16 .secColor { position:relative; z-index:99; }
   （hover で texture が上に表示されるためのスタッキング） */
.esp-wrap.pg-pointmake-16 .c-colorVariation {
	position: relative;
	z-index: 99;
}

/* 旧 pointmake.css 行 3604-3606: .pg-lip16 .secColor .secCts padding:72px 20px 55px */
.esp-wrap.pg-pointmake-16 .c-colorVariation__body {
	margin-top: 50px;
	padding: 25px 30px 55px;
}


/* ----------------------------------------------------------------
 * 1.3 .c-colorChipList（旧 .pmd-colorChipList）系 — pg-lip16 専用
 *     ベース汎用値: 旧 product_detail.css 行 1552-1591
 *     pg-lip16 上書き: 旧 pointmake.css 行 3607-3650
 *     ※ 16 では .item 内に .texture（hover で開く openImg）あり
 * ---------------------------------------------------------------- */

/* 旧 product_detail.css 行 1552-1556 + pointmake.css 行 3607-3609 (max-width 1000px) */
.esp-wrap.pg-pointmake-16 .c-colorChipList {
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
}

/* 旧 product_detail.css 行 1557-1564 + pointmake.css 行 3610-3613 (width 190px, position relative) */
.esp-wrap.pg-pointmake-16 .c-colorChipList__item {
	display: inline-block;
	vertical-align: top;
	color: #000;
	margin-top: 32px;
	width: 32%;
	text-align: center;
	position: relative;
}

/* 旧 pointmake.css 行 3614-3623: .pg-lip16 .item .texture — hover で表示される pop-up */
.esp-wrap.pg-pointmake-16 .c-colorChipList__texture {
	position: absolute;
	top: -214px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: all 0.3s ease-out;
	pointer-events: none;
	z-index: 2;
}

/* 旧 pointmake.css 行 3624-3627: .item:hover .texture */
.esp-wrap.pg-pointmake-16 .c-colorChipList__item:hover .c-colorChipList__texture {
	display: block;
	opacity: 1;
}

/* 旧 pointmake.css 行 3628-3630: .texture .openImg width:280px */
.esp-wrap.pg-pointmake-16 .c-colorChipList__openImg {
	width: 280px;
}

/* 旧 pointmake.css 行 3631-3634: .texture .openImg img */
.esp-wrap.pg-pointmake-16 .c-colorChipList__openImg img {
	width: 100%;
	height: auto;
}

/* 旧 pointmake.css 行 3635-3637: .item .img position:relative
   （::before の虫眼鏡アイコンを乗せるため） */
.esp-wrap.pg-pointmake-16 .c-colorChipList__img {
	position: relative;
}

/* 旧 pointmake.css 行 3638-3647: .item .img::before — 虫眼鏡アイコン */
.esp-wrap.pg-pointmake-16 .c-colorChipList__img::before {
	content: " ";
	width: 16px;
	height: 16px;
	background: url(/img/esprique/common/images/icn_open_img.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 33%;
}

/* 旧 product_detail.css 行 1565-1568 + pointmake.css 行 3648-3650 (width 63px) */
.esp-wrap.pg-pointmake-16 .c-colorChipList__img img {
	width: 63px;
	height: auto;
}

/* 旧 product_detail.css 行 1569-1574 */
.esp-wrap.pg-pointmake-16 .c-colorChipList__num {
	font-size: 14px;	/* 旧 1.5rem */
	line-height: 1.43;
	margin-top: 10px;
	letter-spacing: 0.1em;
}

/* 旧 product_detail.css 行 1575-1580 */
.esp-wrap.pg-pointmake-16 .c-colorChipList__name {
	color: #4b4b4b;
	font-size: 12px;	/* 旧 1.3rem */
	margin-top: 2px;
	line-height: 1.67;
}


/* ----------------------------------------------------------------
 * 1.4 .c-features（旧 .pmd-secFeatures）系 — pg-lip16 専用
 * ---------------------------------------------------------------- */

/* 旧 pointmake.css 行 3656-3658: .pg-lip16 .secFeatures .secCtsWrapBg padding:88px 20px 50px */

/* 旧 pointmake.css 行 3659-3664: .pg-lip16 .secFeatures .secCts */
.esp-wrap.pg-pointmake-16 .c-features__ttl {
	color: #d07184;
	font-size: 20px;	/* 旧 2.4rem */
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
}


/* ----------------------------------------------------------------
 * 1.5 .c-discList（旧 .pmd-discList）— 商品特長 箇条書き
 *     値: 旧 product_detail.css 行 2793-2813
 * ---------------------------------------------------------------- */

.esp-wrap.pg-pointmake-16 .c-discList {
	font-size: 12px;	/* 旧 1.2rem */
	line-height: 2.1;
	margin-top: 25px;
	color: #3e3a39;
	padding-bottom: 0;
}

.esp-wrap.pg-pointmake-16 .c-discList li {
	padding-left: 20px;
	position: relative;
}

.esp-wrap.pg-pointmake-16 .c-discList li::before {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 10px;
	height: 10px;
	background: #3e3a39;
	border-radius: 100%;
}


/* ----------------------------------------------------------------
 * 1.6 .c-secPoint（旧 .pmd-secPoint）— POINT セクション
 *     汎用ベース（product_detail.css 行 1060-1108）+ pg-lip16 上書き
 *     ※14, 19 と同じ汎用パターン
 * ---------------------------------------------------------------- */

/* 旧 product_detail.css 行 1060-1064: .pmd-secPoint .secInr */
.esp-wrap.pg-pointmake-16 .c-secPoint__inner {
	position: relative;
	background: #f1f3f4;
	padding-top: 112px;
}

/* 旧 product_detail.css 行 1065-1071 + pointmake.css 行 3665-3667 (pg-lip16 padding-left:65px) */
.esp-wrap.pg-pointmake-16 .c-secPoint__sectionTitle {
	position: absolute;
	top: 74px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	padding-left: 65px;	/* 旧 pointmake.css 3665-3667 */
}

/* 旧 product_detail.css 行 1072-1077: .pmd-secPoint .secTtl .prodImg */
.esp-wrap.pg-pointmake-16 .c-secPoint__prodImg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

/* 旧 product_detail.css 行 1078-1081 + pointmake.css 行 3668-3671 で 51px に上書き */
.esp-wrap.pg-pointmake-16 .c-secPoint__prodImg img {
	width: 46px;
	height: auto;
}

/* 旧 product_detail.css 行 1082-1085: .pmd-secPoint .secTtl .txt img */
.esp-wrap.pg-pointmake-16 .c-secPoint__titleText img {
	width: 113px;
	height: auto;
}

/* 旧 product_detail.css 行 1086-1089 + pointmake.css 行 3672-3674 (pg-lip16 padding-top:40px) */
.esp-wrap.pg-pointmake-16 .c-secPoint__body {
	padding: 20px 30px 56px;
	position: relative;
}

/* 旧 product_detail.css 行 1090-1100: .pmd-secPoint .secCtsWrap::before — 背景斜め分割 */
.esp-wrap.pg-pointmake-16 .c-secPoint__body::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 50%;
	margin-right: -200px;
	background: #ece3e4;
}

/* 旧 product_detail.css 行 1101-1104 + pointmake.css 行 3675-3679
   (pg-lip16 max-width:730px / margin auto / text-align center) */
.esp-wrap.pg-pointmake-16 .c-secPoint__contents {
	position: relative;
	z-index: 2;
	max-width: 730px;
	margin: 0 auto;
	text-align: center;
}

/* 旧 pointmake.css 行 3680-3682: .pg-lip16 .secPoint .secCts .dtlCol margin-top:60px */
.esp-wrap.pg-pointmake-16 .c-secPoint__detail {
	margin-top: 60px;
}


/* ----------------------------------------------------------------
 * 1.7 .c-pointColTtl（旧 .pmd-pointColTtl）— POINT 大見出し
 *     値: 旧 product_detail.css 行 2886-2891
 * ---------------------------------------------------------------- */

.esp-wrap.pg-pointmake-16 .c-pointColTtl {
	color: #d07184;
	font-size: 20px;	/* 旧 2.8rem */
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
}


/* ----------------------------------------------------------------
 * 1.8 .c-pointDlGrid（旧 .col3Item）— POINT 1段目の dl 3要素グリッド
 *     値: 旧 pointmake.css 行 3683-3738
 *     - 上 1個 (鮮やかな発色がつづく) + 下 2個 floatWrap (ピタッとフィット / 高い化粧もち)
 *     - 背景は deco_line.png 中央配置（dl を分割する装飾線）
 * ---------------------------------------------------------------- */

/* 旧 pointmake.css 行 3683-3687: col3Item margin-top:41px、deco_line bg */
.esp-wrap.pg-pointmake-16 .c-pointDlGrid {
	margin-top: 41px;
	background: url(/img/esprique/pointmake/images/lip/lip_16_deco_line.png) no-repeat center 57px;
	background-size: 231px auto;
}

/* 旧 pointmake.css 行 3691-3705: .colItem 共通 (dl) */
.esp-wrap.pg-pointmake-16 .c-pointDlItem {
	width: 360px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	margin: 0 auto;
	background: #fff;
	height: 100px;
	padding: 18px 10px 6px;
	border-radius: 10px;
	position: relative;
}

/* 旧 pointmake.css 行 3706-3714: .colItem dt 絶対配置（タイトル帯を上端に半分浮かす） */
.esp-wrap.pg-pointmake-16 .c-pointDlItem dt {
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	box-sizing: border-box;
	padding: 0 30px;
}

/* 旧 pointmake.css 行 3715-3723: .colItem dt span — ピンク帯バッジ */
.esp-wrap.pg-pointmake-16 .c-pointDlItem dt span {
	display: block;
	background: #dbc7ca;
	text-align: center;
	color: #fff;
	font-size: 14px;	/* 旧 1.6rem */
	line-height: 1.56;
	padding: 4px 8px;
	letter-spacing: 0.1em;
	border-radius: 35px;
}

/* 旧 pointmake.css 行 3724-3728: .colItem dd */
.esp-wrap.pg-pointmake-16 .c-pointDlItem dd {
	color: #5b5854;
	font-size: 14px;	/* 旧 1.4rem */
	line-height: 1.5;
}

.esp-wrap.pg-pointmake-16 .c-pointDlItem dd p {
	font-size: inherit;
	line-height: inherit;
}

/* 旧 pointmake.css 行 3688-3690 + 3729-3735: .floatWrap — 下段 2個並び */
.esp-wrap.pg-pointmake-16 .c-pointDlGrid__bottom {
	display: flex;
	width: 100%;
	max-width: 660px;
	margin: 62px auto 0;
	gap: 30px;
	justify-content: space-between;
}

/* 旧 pointmake.css 行 3736-3738: .floatWrap .colItem width:300px */
.esp-wrap.pg-pointmake-16 .c-pointDlGrid__bottom .c-pointDlItem {
	width: 50%;
}


/* ----------------------------------------------------------------
 * 1.9 .c-pointBgBox（旧 .bgCol）— POINT 2段目の白背景ボックス
 *     値: 旧 pointmake.css 行 3739-3749
 *     ※19 の c-pointBgTxt とは別パターン（こちらは白背景 + 角丸大、SP で文字小さく）
 * ---------------------------------------------------------------- */

.esp-wrap.pg-pointmake-16 .c-pointBgBox {
	margin: 25px auto 0;
	max-width: 500px;
	background: #fff;
	border-radius: 10px;
	padding: 25px 10px;
	text-align: center;
	color: #5b5854;
	font-size: 14px;	/* 旧 1.4rem */
	line-height: 1.5;
}


/* ----------------------------------------------------------------
 * 1.10 .c-imgPosLR（旧 .pmd-imgPosLR）— 画像横並びブロック
 *     値: 旧 product_detail.css 行 2603-2669（14, 19 と共通の lip 系パターン）
 *     16 では .c-imgPosLR--3item 修飾子で 3 列表示
 * ---------------------------------------------------------------- */

.esp-wrap.pg-pointmake-16 .c-imgPosLR {
	margin-top: 36px;
}

.esp-wrap.pg-pointmake-16 .c-imgPosLR__imgWrap {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 20px 0;
}

.esp-wrap.pg-pointmake-16 .c-imgPosLR__imgCol {
	flex: 1;
}

.esp-wrap.pg-pointmake-16 .c-imgPosLR__imgCol--arw {
	position: relative;
}

.esp-wrap.pg-pointmake-16 .c-imgPosLR__sep {
	width: 70px;
	flex: none;
}

.esp-wrap.pg-pointmake-16 .c-imgPosLR__imgCol .c-imgPosLR__img img {
	width: 100%;
	height: auto;
}

.esp-wrap.pg-pointmake-16 .c-imgPosLR__imgCol--arw .c-imgPosLR__img {
	position: relative;
}

/* 旧 product_detail.css 行 2628-2639: 矢印 PNG（SVG 禁止のため PNG を使用）*/
.esp-wrap.pg-pointmake-16 .c-imgPosLR__imgCol--arw .c-imgPosLR__img::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -48px;
	width: 27px;
	height: 37px;
	background: url(/img/esprique/common/images/icn_arw_hollow_r.png) no-repeat center center;
	background-size: 27px auto;
	transform: translateY(-50%);
}

.esp-wrap.pg-pointmake-16 .c-imgPosLR__cap {
	font-size: 12px;	/* 旧 1.2rem */
	color: #5b5854;
	margin-top: 8px;
	line-height: 1.6;
	text-align: left;
}

.esp-wrap.pg-pointmake-16 .c-imgPosLR__cap--color {
	color: #d1737d;
}

.esp-wrap.pg-pointmake-16 .c-imgPosLR__cap + .c-imgPosLR__cap {
	margin-top: 3px;
}

/* 旧 product_detail.css 行 2657-2669: .pmd-imgPosLR-3item — 3列専用上書き */
.esp-wrap.pg-pointmake-16 .c-imgPosLR--3item .c-imgPosLR__imgWrap {
	padding-left: 0;
	padding-right: 0;
}

.esp-wrap.pg-pointmake-16 .c-imgPosLR--3item .c-imgPosLR__sep {
	width: 50px;
}

.esp-wrap.pg-pointmake-16 .c-imgPosLR--3item .c-imgPosLR__imgCol--arw .c-imgPosLR__img::before {
	width: 22px;
	height: 32px;
	background-size: 22px auto;
	left: -35px;
}


/* ----------------------------------------------------------------
 * 1.11 .c-pointItemTtl（旧 .pmd-pointItemTtl）— POINT 内見出しピル
 *     値: 旧 product_detail.css 行 2720-2729
 * ---------------------------------------------------------------- */

.esp-wrap.pg-pointmake-16 .c-pointItemTtl {
	background: #fff;
	text-align: center;
	padding: 4px 10px;
	line-height: 1.56;
	border-radius: 40px;
	font-size: 14px;	/* 旧 1.8rem */
	color: #d07184;
	letter-spacing: 0.1em;
	font-weight: bold;
}


/* ============================================================
 * 2. @media (min-width: 950px) — PC専用上書き
 *    旧 pointmake_common.css / pointmake_common_ver2.css / pointmake_16.css
 *    （いずれも media="(min-width: 950px)" で読み込まれていた）
 * ============================================================ */

@media screen and (min-width: 950px) {

	/* 旧 pointmake_common.css 行 8-11: .pmd-secMainCol .secInr */
	.esp-wrap.pg-pointmake-16 .c-productMain__inner {
		max-width: 930px;
		margin: 0 auto;
	}

	/* 旧 pointmake_common.css 行 2-6: .pmd-secMainCol .topCol .dscCol (display: flex) */
	.esp-wrap.pg-pointmake-16 .c-productMain__visual {
		display: flex;
		width: 100%;
		padding-right: 0;
	}

	/* 旧 pointmake_common.css 行 13-16: .pmd-secMainCol .topCol .dscCol .txtCol */
	.esp-wrap.pg-pointmake-16 .c-productMain__text {
		margin: 110px 0 0 139px;
		width: 50%;
	}

	/* 旧 pointmake_common.css 行 18-20: .dscCol .dsc */
	.esp-wrap.pg-pointmake-16 .c-productMain__description {
		margin-top: 7px;
	}

	/* 旧 pointmake_common.css 行 22-24: .dscCol .spec */
	.esp-wrap.pg-pointmake-16 .c-productMain__spec {
		margin-top: 6px;
	}

	/* 旧 pointmake_common.css 行 51-55: .pmd-secMainCol position+padding */
	.esp-wrap.pg-pointmake-16 .c-productMain {
		position: relative;
		z-index: 2;
		padding: 0 60px;
	}

	/* 旧 pointmake_common.css 行 26-28: .pg-lip16 .prodImg margin-top:0
	   ＋ 旧 pointmake_16.css 行 13-16: width:36%、margin-top:0
	   （ベースの -87px / max-width 174px を打ち消す）*/
	.esp-wrap.pg-pointmake-16 .c-productMain__image {
		margin-top: 0;
		width: 36%;
	}

	/* 旧 pointmake_common.css 行 30-32: prodImg img margin-left:0
	   ＋ 旧 pointmake_16.css 行 9-11: .pg-lip16 .prodImg img max-width:155px */
	.esp-wrap.pg-pointmake-16 .c-productMain__image img {
		margin-left: 0;
		max-width: 155px;
	}

	/* 旧 pointmake_common_ver2.css 行 19-21: .pmd-pgTtlCol::before { right: 150px } */
	.esp-wrap.pg-pointmake-16 .c-pageTitle::before {
		right: 150px;
	}

	/* 旧 pointmake_16.css 行 19-22: .pg-lip16 .pt-simulate
	   margin: -22px 0 0 -112px、padding-right:35px */
	.esp-wrap.pg-pointmake-16 .c-simulate {
		padding-right: 35px;
		margin: -22px 0 0 -112px;
	}

	/* 旧 pointmake_16.css 行 24-26: .pmd-secMainCol .circleListPoint .listTtl left:-4px */
	.esp-wrap.pg-pointmake-16 .c-circleList--point .c-circleList__title {
		left: -4px;
	}

	/* 旧 pointmake_16.css 行 28-30: .pt-simulate .inr margin: 0 0 60px 112px */
	.esp-wrap.pg-pointmake-16 .c-simulate__link {
		margin: 0 0 60px 112px;
	}
}


/* ============================================================
 * 3. @media (max-width: 950px) — SP値
 *    旧 pointmake.css 行 3767-3894 （.pg-lip16 SP）
 *    + 汎用コンポーネント（product_detail.css）の SP
 *    ※SPブレイクポイントは旧16仕様の 950px を尊重
 * ============================================================ */

@media screen and (max-width: 950px) {

	/* 旧 pointmake.css 行 3768-3770: prodImg margin-top -13px */
	.esp-wrap.pg-pointmake-16 .c-productMain__image {
		margin-top: -13px;
	}

	/* 旧 pointmake.css 行 3771-3773: prodImg img max-width 115px */
	.esp-wrap.pg-pointmake-16 .c-productMain__image img {
		max-width: 115px;
	}

	/* 旧 pointmake.css 行 3774-3776: .btmCol margin-top 30px */
	.esp-wrap.pg-pointmake-16 .c-productMain__bottom {
		margin-top: 30px;
	}

	/* 旧 pointmake.css 行 3777-3779: .btmCol .rCol padding-left:0 */
	.esp-wrap.pg-pointmake-16 .c-productMain__bottomRight {
		padding-left: 0;
	}

	/* 旧 pointmake.css 行 3780-3782: .secColor .secCts SP padding */
	.esp-wrap.pg-pointmake-16 .c-colorVariation__body {
		margin-top: 40px;
		padding: 7px 10px 25px;
	}

	/* 旧 pointmake.css 行 3783-3788: .secColor .colorChipList SP は flex グリッド */
	.esp-wrap.pg-pointmake-16 .c-colorChipList {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		max-width: 100%;
	}

	/* 旧 pointmake.css 行 3789-3791: .item width 33.333333% */
	.esp-wrap.pg-pointmake-16 .c-colorChipList__item {
		width: 33.333333%;
		margin-top: 25px;
	}

	/* 旧 pointmake.css 行 3792-3797: .item .texture SP — 親 item 上端から逆方向に伸ばす */
	.esp-wrap.pg-pointmake-16 .c-colorChipList__texture {
		width: 100%;
		position: absolute;
		top: -6px;
		transform: translate(-50%, -100%);
	}

	/* 旧 pointmake.css 行 3798-3800: .texture .openImg width:100% */
	.esp-wrap.pg-pointmake-16 .c-colorChipList__openImg {
		width: 100%;
	}

	/* 旧 pointmake.css 行 3801-3805: .item .img::before — 虫眼鏡アイコン SP サイズ */
	.esp-wrap.pg-pointmake-16 .c-colorChipList__img::before {
		width: 17px;
		height: 17px;
		right: 25%;
	}

	/* 旧 pointmake.css 行 3806-3809: .item .img img SP width:50% max:90px */
	.esp-wrap.pg-pointmake-16 .c-colorChipList__img img {
		width: 50%;
		max-width: 90px;
	}

	/* 旧 product_detail.css 行 1606-1609: .pmd-colorChipList .num SP */
	.esp-wrap.pg-pointmake-16 .c-colorChipList__num {
		font-size: 12px;	/* 旧 1.2rem */
		margin-top: 8px;
	}

	/* 旧 product_detail.css 行 1610-1614: .pmd-colorChipList .name SP */
	.esp-wrap.pg-pointmake-16 .c-colorChipList__name {
		color: #4b4b4b;
		font-size: 10px;	/* 旧 1rem */
		margin-top: 5px;
		line-height: 1.4;
	}

	/* 旧 pointmake.css 行 3814-3816: .secFeatures .secCtsWrapBg SP padding */

	/* 旧 pointmake.css 行 3817-3819: .secFeatures .secCts font-size SP */
	.esp-wrap.pg-pointmake-16 .c-features__ttl {
		font-size: 16px;	/* 旧 1.6rem */
	}

	/* 旧 pointmake.css 行 3820-3822: .secFeatures .secCts .ttl font-weight:bold */
	.esp-wrap.pg-pointmake-16 .c-features__ttl {
		font-weight: bold;
	}

	.esp-wrap.pg-pointmake-16 .c-discList {
		font-size: 10px;
		line-height: 2;
		margin-top: 15px;
	}

	.esp-wrap.pg-pointmake-16 .c-discList li::before {
		top: 7px;
		width: 8px;
		height: 8px;
	}

	/* 旧 pointmake.css 行 3826-3828: .secPoint .secTtl padding-left:32px */
	.esp-wrap.pg-pointmake-16 .c-secPoint__sectionTitle {
		top: 45px;
		padding-left: 32px;
	}

	/* 旧 pointmake.css 行 3829-3831: .secPoint .secTtl .prodImg img SP width:26px */
	.esp-wrap.pg-pointmake-16 .c-secPoint__prodImg img {
		width: 26px;
	}

	/* 旧 product_detail.css 行 1109-1115: .pmd-secPoint .secInr / .secTtl SP */
	.esp-wrap.pg-pointmake-16 .c-secPoint__inner {
		padding-top: 63px;
	}

	.esp-wrap.pg-pointmake-16 .c-secPoint__titleText img {
		width: 72px;
	}

	/* 旧 product_detail.css 行 1121-1126: .pmd-secPoint .secCtsWrap SP padding + ::before
	   + pointmake.css 行 3832-3834 で padding-top:25px に上書き */
	.esp-wrap.pg-pointmake-16 .c-secPoint__body {
		padding: 25px 0 39px;
	}

	.esp-wrap.pg-pointmake-16 .c-secPoint__body::before {
		right: 40px;
		margin-right: 0;
		width: calc(100% - 25px);
	}

	/* 旧 pointmake.css 行 3835-3837: .secPoint .secCts max-width:none */
	.esp-wrap.pg-pointmake-16 .c-secPoint__contents {
		max-width: none;
	}

	/* 旧 pointmake.css 行 3838-3840: .secPoint .secCts .dtlCol margin-top:33px */
	.esp-wrap.pg-pointmake-16 .c-secPoint__detail {
		margin-top: 33px;
	}

	/* 旧 pointmake.css 行 3841-3845: col3Item SP — bg-size 133px、max-width 514px */
	.esp-wrap.pg-pointmake-16 .c-pointDlGrid {
		margin: 20px auto 0;
		background-size: 133px auto;
		max-width: 514px;
	}

	/* 旧 pointmake.css 行 3846-3851: colItem SP — width 202px、padding 18px 10px 13px、border-radius 5px、height auto */
	.esp-wrap.pg-pointmake-16 .c-pointDlItem {
		width: 202px;
		padding: 18px 10px 13px;
		border-radius: 5px;
		height: auto;
	}

	/* 旧 pointmake.css 行 3852-3854: colItem dt SP padding 0 12px */
	.esp-wrap.pg-pointmake-16 .c-pointDlItem dt {
		padding: 0 12px;
	}

	/* 旧 pointmake.css 行 3855-3859: colItem dt span SP font 1.3rem、padding 4px */
	.esp-wrap.pg-pointmake-16 .c-pointDlItem dt span {
		font-size: 12px;	/* 旧 1.3rem */
		padding: 3px 4px;
		border-radius: 35px;
	}

	/* 旧 pointmake.css 行 3860-3863: colItem dd SP font 1rem */
	.esp-wrap.pg-pointmake-16 .c-pointDlItem dd {
		font-size: 10px;	/* 旧 1rem */
		line-height: 1.5;
	}

	/* 旧 pointmake.css 行 3864-3868: floatWrap SP margin 35px -7px 0 */
	.esp-wrap.pg-pointmake-16 .c-pointDlGrid__bottom {
		width: auto;
		margin-top: 35px;
		gap: 14px;
		justify-content: space-between;
	}

	/* 旧 pointmake.css 行 3869-3874: floatWrap colItem SP width 100% max 200px */
	.esp-wrap.pg-pointmake-16 .c-pointDlGrid__bottom .c-pointDlItem {
		width: 100%;
		max-width: 200px;
		box-sizing: border-box;
	}

	/* 旧 pointmake.css 行 3875-3882: bgCol SP */
	.esp-wrap.pg-pointmake-16 .c-pointBgBox {
		margin: 15px auto 0;
		max-width: 500px;
		border-radius: 5px;
		padding: 17px 10px;
		font-size: 10px;	/* 旧 1rem */
		line-height: 1.5;
	}

	/* 旧 pointmake.css 行 3887-3889: .pt-simulate SP padding-right:0 */
	.esp-wrap.pg-pointmake-16 .c-simulate {
		padding-right: 0;
	}

	/* 旧 pointmake.css 行 3890-3893: .pmd-personalColor SP padding 0 10px
	   （HTML 上は personalColor 非表示だが念のため移植） */
	.esp-wrap.pg-pointmake-16 .c-personalColor {
		box-sizing: border-box;
		padding: 0 10px;
	}

	/* ----------------------------------------------
	 * 汎用コンポーネント SP
	 * ---------------------------------------------- */

	/* 旧 product_detail.css 行 2674-2694: .pmd-imgPosLR SP */
	.esp-wrap.pg-pointmake-16 .c-imgPosLR {
		margin-top: 25px;
	}

	.esp-wrap.pg-pointmake-16 .c-imgPosLR__imgWrap {
		padding: 10px 0 0;
	}

	.esp-wrap.pg-pointmake-16 .c-imgPosLR__imgCol--arw .c-imgPosLR__img::before {
		left: -24px;
		width: 13px;
		height: 18px;
		background-size: 13px auto;
	}

	.esp-wrap.pg-pointmake-16 .c-imgPosLR__sep {
		width: 35px;
	}

	.esp-wrap.pg-pointmake-16 .c-imgPosLR__cap {
		font-size: 10px;	/* 旧 1rem */
		margin-top: 5px;
		line-height: 2;
	}

	/* 旧 product_detail.css 行 2697-2716: .pmd-imgPosLR-3item SP — 8時間後を別 imgWrap で表示 */
	.esp-wrap.pg-pointmake-16 .c-imgPosLR--3item .c-imgPosLR__imgWrap {
		padding-left: 0;
		padding-right: 0;
	}

	.esp-wrap.pg-pointmake-16 .c-imgPosLR--3item .c-imgPosLR__sep {
		width: 45px;
	}

	.esp-wrap.pg-pointmake-16 .c-imgPosLR--3item .c-imgPosLR__imgCol--arw .c-imgPosLR__img::before {
		width: 20px;
		height: 25px;
		background-size: 20px auto;
		left: -33px;
	}

	.esp-wrap.pg-pointmake-16 .c-imgPosLR--3item .c-imgPosLR__imgWrap--sp {
		margin: 20px auto 0;
		width: calc(50% - 12px);
	}

	.esp-wrap.pg-pointmake-16 .c-imgPosLR--3item .c-imgPosLR__imgWrap--sp .c-imgPosLR__sep {
		margin-left: -45px;
	}

	/* 旧 product_detail.css 行 2733-2738: .pmd-pointItemTtl SP */
	.esp-wrap.pg-pointmake-16 .c-pointItemTtl {
		padding: 3px 7px;
		font-size: 12px;	/* 旧 1.5rem */
		font-weight: bold;
	}

	/* 旧 product_detail.css 行 2896-2899: .pmd-pointColTtl SP */
	.esp-wrap.pg-pointmake-16 .c-pointColTtl {
		font-size: 16px;	/* 旧 1.6rem */
		line-height: 1.5;
	}
}