@charset "UTF-8";
/* ============================================================
 * pg-pointmake-09.css — ジェルペンシル アイライナー (pointmake/09) 専用
 * ============================================================
 *
 *  読込順序: global.css → category-pointmake.css → pg-pointmake-09.css
 *  全セレクタは `.esp-wrap.pg-pointmake-09` 配下にスコープ
 *  詳細度上限 0,3,0
 *  値は旧版から忠実に移植（変数化禁止）
 *
 *  値の出典:
 *  - 旧 esprique_old/pointmake/css/pointmake.css 行 2105-2378 （pg-eyse09 全279行）
 *  - 旧 esprique_old/pointmake/css/pointmake_09.css 全 19 行
 *  - 旧 esprique_old/pointmake/css/pointmake_common.css 行 1-110 （PC ≥950px 共通 + .pg-eyse09 セレクタ）
 *  - 旧 esprique_old/common/css/product_detail.css
 *      行 104-235 (.pmd-secMainCol 共通)
 *      行 1060-1130 (.pmd-secPoint)
 *      行 2603-2717 (.pmd-imgPosLR)
 *      行 2720-2739 (.pmd-pointItemTtl)
 *      行 2903-2921 (.pmd-pointBgTxt)
 *      行 2925-2962 (.pmd-hotoItem)
 *      行 3030-3056 (.pmd-howtoTtlWrap)
 *
 *  カスケード順:
 *    1. ベース（メディアクエリなし）   — 汎用コンポーネント + pg-eyse09 のベース上書き
 *    2. @media (min-width: 950px)     — pointmake_common.css の PC上書き
 *    3. @media (max-width: 950px)     — pg-eyse09 SP値 + 汎用コンポーネントのSP
 *
 *  09 では新版 BEM への命名変更:
 *    旧 .secCtsIdt → .c-howto__idt
 *    旧 .pmd-howtoTtlWrap > .ttl/.note → .c-howtoTtlWrap > .__ttl/.__note
 *    旧 .pmd-hotoItem > .img/.txt → .c-hotoItem > .__img/.__txt
 *    旧 .secHowto .howtoUseLink → .c-howto__useLink
 *    旧 .pmd-secPoint .pointLRNote → .c-secPoint__pointLRNote
 *    旧 .pg-eyse09 .secPoint .imgPosLR02 → .c-imgPosLR--02
 *    旧 .pg-eyse09 .secHowto .pmd-imgPosLR03 → .c-imgPosLR--03
 *
 *  汎用コンポーネント（.c-imgPosLR / .c-pointItemTtl / .c-pointBgTxt /
 *  .c-secPoint / .c-hotoItem / .c-howtoTtlWrap / .c-featuresBdrItem）は本ファイルに保持。
 *  eye 系（07,08,11,13,20）で再発生したら category-pointmake.css に昇格させる候補。
 *
 *  SP ブレイクポイント: 旧 pg-eyse09 は全て `max-width: 950px` を使用。本ファイルもそれを尊重。
 * ============================================================ */


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

/* ----------------------------------------------------------------
 * 1.1 .c-productMain（旧 .pmd-secMainCol）系 — pg-eyse09 専用
 * ---------------------------------------------------------------- */

/* 旧 pointmake.css 行 2108-2110: .dscCol .prodImg margin-top -80px */
.esp-wrap.pg-pointmake-09 .c-productMain__image {
	margin-top: -80px;
}

/* 旧 pointmake.css 行 2111-2113: .dscCol .prodImg img max-width 81px
   ※ 旧 pointmake_09.css 行 1-3 で .prodImg width:45% を併用 → .image 自体に幅指定 */
.esp-wrap.pg-pointmake-09 .c-productMain__image img {
	max-width: 81px;
}

/* 旧 pointmake.css 行 2117-2119: .dscCol .dsc margin-top 5px */
.esp-wrap.pg-pointmake-09 .c-productMain__description {
	margin-top: 5px;
}

/* 旧 pointmake.css 行 2120-2124: .pmd-secMainCol .circleList
   padding-left:0 / margin-left:0 / margin-top:35px
   ※ global.css のベース .c-circleList { padding-left: 20px } を打ち消す */
.esp-wrap.pg-pointmake-09 .c-productMain .c-circleList {
	padding-left: 0;
	margin-left: 0;
	margin-top: 35px;
}


/* ----------------------------------------------------------------
 * 1.2 .c-colorVariation（旧 .pmd-secColor）系 — pg-eyse09 専用
 *  旧の .secCts は新版では .c-colorVariation__body にマップ
 * ---------------------------------------------------------------- */

/* 旧 pointmake.css 行 2126-2128: .secColor .secCts padding 58px 20px 56px */
.esp-wrap.pg-pointmake-09 .c-colorVariation__body {
	box-sizing: border-box;
	padding: 58px 20px 56px;
}

/* 旧 pointmake.css 行 2129-2131: .secColor .colorChipList max-width 700px */
.esp-wrap.pg-pointmake-09 .c-colorChipList {
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}

/* 旧 pointmake.css 行 2132-2134: .colorChipList .item width 196px */
.esp-wrap.pg-pointmake-09 .c-colorChipList__item {
	display: inline-block;
	vertical-align: top;
	color: #000;
	margin-top: 32px;	/* 旧 product_detail.css 行 1561 */
	width: 196px;
	text-align: center;
}

/* 旧 pointmake.css 行 2135-2137: .colorChipList .item .img img width 76px */
.esp-wrap.pg-pointmake-09 .c-colorChipList__img img {
	width: 76px;
	height: auto;
}

/* 旧 pointmake.css 行 2138-2140: .colorChipList .item .num margin-top 14px */
.esp-wrap.pg-pointmake-09 .c-colorChipList__num {
	font-size: 15px;	/* 旧 product_detail.css 行 1570: 1.5rem */
	line-height: 1.4;
	margin-top: 14px;
	letter-spacing: 0.1em;
}

/* product_detail.css 由来: .c-colorChipList__name */
.esp-wrap.pg-pointmake-09 .c-colorChipList__name {
	font-size: 12px;	/* 旧 1.2rem */
	line-height: 1.6;
	margin-top: 6px;
}


/* ----------------------------------------------------------------
 * 1.3 .c-features（旧 .pmd-secFeatures）系 — pg-eyse09 専用
 *  旧の .secCtsWrapBg は新版では .c-features__body にマップ
 *  旧の .secCts は新版では .c-features__contents にマップ
 * ---------------------------------------------------------------- */

/* 旧 pointmake.css 行 2142-2144: .secFeatures .secCtsWrapBg padding 88px 20px 50px */

/* 旧 pointmake.css 行 2145-2150: .secFeatures .secCts
   max-width 975px / font-size 2.4rem / color #d07184 / line-height 1.5 */
.esp-wrap.pg-pointmake-09 .c-features__ttl {
	color: #d07184;
	font-size: 20px;	/* 旧 2.4rem */
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
}

/* 旧 pointmake.css 行 2151-2154: .secFeatures .secCts .expTxt font-size 1.6rem / margin-top 10px */
.esp-wrap.pg-pointmake-09 .c-features__expTxt {
	color: #d07184;
	margin-top: 10px;
	font-size: 14px;	/* 旧 1.6rem */
	line-height: 1.71;
	letter-spacing: 0.08em;
}

/* 旧 pointmake.css 行 2155-2157: .secFeatures .pmd-featuresBdrItem .imgCol img max-width 41px */
.esp-wrap.pg-pointmake-09 .c-features .c-featuresBdrItem__imgCol img {
	max-width: 41px;
}


/* ----------------------------------------------------------------
 * 1.4 .c-featuresBdrItem（旧 .pmd-featuresBdrItem）— 別売レフィル枠
 *     値: 旧 product_detail.css 行 2967-2998
 * ---------------------------------------------------------------- */

.esp-wrap.pg-pointmake-09 .c-featuresBdrItem {
	margin-top: 30px;
	border: 1px solid #777270;
	padding: 20px;
}

.esp-wrap.pg-pointmake-09 .c-featuresBdrItem__floatItem {
	display: flex;
	align-items: center;
}

.esp-wrap.pg-pointmake-09 .c-featuresBdrItem__imgCol {
	padding-right: 20px;
}

.esp-wrap.pg-pointmake-09 .c-featuresBdrItem__imgCol img {
	width: 97px;
	padding: 0 30px;
	box-sizing: border-box;
	height: auto;
}

.esp-wrap.pg-pointmake-09 .c-featuresBdrItem__txtCol {
	flex: 1;
	color: #3e3a39;
	font-size: 14px;	/* 旧 1.2rem */
	line-height: 1.71;
	letter-spacing: 0.1em;
}

.esp-wrap.pg-pointmake-09 .c-featuresBdrItem__txtCol p {
	font-size: inherit;
	line-height: inherit;
}


/* ----------------------------------------------------------------
 * 1.5 .c-secPoint（旧 .pmd-secPoint）— POINT セクション
 *     汎用ベース（product_detail.css 行 1060-1130）+ pg-eyse09 上書き
 * ---------------------------------------------------------------- */

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

/* 旧 product_detail.css 行 1065-1071 + pointmake.css 行 2159-2161 (.pg-eyse09 padding-left 40px) */
.esp-wrap.pg-pointmake-09 .c-secPoint__sectionTitle {
	position: absolute;
	top: 74px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	padding-left: 40px;	/* 旧 pointmake.css 行 2159-2161 */
}

/* 旧 product_detail.css 行 1072-1077 + pointmake.css 行 2162-2165 (.pg-eyse09 img width:24px) */
.esp-wrap.pg-pointmake-09 .c-secPoint__prodImg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

/* 旧 pointmake.css 行 2162-2165: .pg-eyse09 .secPoint .secTtl .prodImg img width 24px / height auto */
.esp-wrap.pg-pointmake-09 .c-secPoint__prodImg img {
	width: 21px;
	height: auto;
}

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

/* 旧 product_detail.css 行 1086-1089 + pointmake.css 行 2166-2169 (.pg-eyse09 padding-top:64px / padding-bottom:55px) */
.esp-wrap.pg-pointmake-09 .c-secPoint__body {
	padding: 40px 30px 55px;	/* 旧 .secCtsWrap padding 93px 20px 56px に対し pg-eyse09 で top/bottom 上書き */
	position: relative;
}

/* 旧 product_detail.css 行 1090-1100: .secCtsWrap::before — 背景斜め分割 */
.esp-wrap.pg-pointmake-09 .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 行 2170-2174 (.pg-eyse09 max-width:730px / margin:0 auto / text-align:center) */
.esp-wrap.pg-pointmake-09 .c-secPoint__contents {
	position: relative;
	z-index: 2;
	max-width: 730px;
	margin: 0 auto;
	text-align: center;
}

/* 旧 pointmake.css 行 2175-2179: .pg-eyse09 .secPoint .pmd-imgPosLR .imgWrap max-width 570px / margin auto */
.esp-wrap.pg-pointmake-09 .c-secPoint .c-imgPosLR__imgWrap {
	max-width: 570px;
	margin-left: auto;
	margin-right: auto;
}

/* 旧 pointmake.css 行 2180-2184: .pg-eyse09 .secPoint .pointLRNote
   text-align right / font-size 1.2rem / margin-top 13px */
.esp-wrap.pg-pointmake-09 .c-secPoint__pointLRNote {
	text-align: right;
	font-size: 10px;	/* 旧 1.2rem */
	line-height: 2.2;
	letter-spacing: 0.1em;
	margin-top: 10px;
}

/* 旧 pointmake.css 行 2185-2187: .pg-eyse09 .secPoint .imgPosLR02 margin-top 60px */
.esp-wrap.pg-pointmake-09 .c-secPoint .c-imgPosLR--02 {
	margin-top: 60px;
}

/* 旧 pointmake.css 行 2188-2190: .pg-eyse09 .secPoint .imgPosLR02 .imgCol .img margin-left -16px */
.esp-wrap.pg-pointmake-09 .c-secPoint .c-imgPosLR--02 .c-imgPosLR__imgCol .c-imgPosLR__img {
	margin-left: -16px;
}


/* ----------------------------------------------------------------
 * 1.6 .c-pointBgTxt（旧 .pmd-pointBgTxt）— POINT セクション 背景つきテキスト
 *     値: 旧 product_detail.css 行 2903-2911
 * ---------------------------------------------------------------- */

.esp-wrap.pg-pointmake-09 .c-pointBgTxt {
	margin-top: 20px;
	font-size: 12px;	/* 旧 1.6rem */
	color: #fff;
	line-height: 1.8;
	background: #dbc7ca;
	padding: 20px;
	text-align: left;
}

.esp-wrap.pg-pointmake-09 .c-pointBgTxt p {
	font-size: inherit;
	line-height: inherit;
}


/* ----------------------------------------------------------------
 * 1.7 .c-imgPosLR（旧 .pmd-imgPosLR）— 画像横並びブロック
 *     値: 旧 product_detail.css 行 2603-2655
 * ---------------------------------------------------------------- */

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

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

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

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

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

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

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

/* 旧 product_detail.css 行 2628-2639: 矢印 PNG（SVG 禁止のため PNG を使用）*/
.esp-wrap.pg-pointmake-09 .c-imgPosLR__imgCol--arw .c-imgPosLR__img::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -42px;
	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-09 .c-imgPosLR__cap {
	font-size: 12px;	/* 旧 1.2rem */
	color: #5b5854;
	margin-top: 8px;
	line-height: 1.6;
	text-align: left;
}

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

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


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

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

/* 旧 pointmake.css 行 2226-2229: .pg-eyse09 .secHowto .pmd-pointItemTtl
   color:#fff / background:#dbc7ca — Howto セクション内のみ反転色 */
.esp-wrap.pg-pointmake-09 .c-howto .c-pointItemTtl {
	color: #fff;
	background: #dbc7ca;
}


/* ----------------------------------------------------------------
 * 1.9 .c-howto（旧 .pmd-secHowto）系 — pg-eyse09 専用
 *  旧の .secCtsWrap は新版では .c-howto__body にマップ
 *  旧の .secCtsIdt は新版では .c-howto__idt にマップ
 * ---------------------------------------------------------------- */

/* 旧 pointmake.css 行 2192-2194: .secHowto .secCtsWrap padding 90px 20px 60px */
.esp-wrap.pg-pointmake-09 .c-howto__body {
	padding: 90px 20px 60px;
}

/* 旧 pointmake.css 行 2195-2198: .secHowto .secCtsIdt max-width 680px / margin 10px auto 0 */
.esp-wrap.pg-pointmake-09 .c-howto__idt {
	max-width: 680px;
	margin: 10px auto 0;
}

/* 旧 pointmake.css 行 2214-2217: .pg-eyse09 .secHowto .pmd-imgPosLR margin 60px auto 0 / max-width 726px */
.esp-wrap.pg-pointmake-09 .c-howto .c-imgPosLR {
	margin: 60px auto 0;
	max-width: 726px;
}

/* 旧 pointmake.css 行 2218-2222: .pg-eyse09 .secHowto .pmd-imgPosLR .imgWrap max-width 570px / margin auto */
.esp-wrap.pg-pointmake-09 .c-howto .c-imgPosLR__imgWrap {
	max-width: 570px;
	margin-left: auto;
	margin-right: auto;
}

/* 旧 pointmake.css 行 2223-2225: .pg-eyse09 .secHowto .pmd-imgPosLR .imgCol .img margin-left -16px */
.esp-wrap.pg-pointmake-09 .c-howto .c-imgPosLR__imgCol .c-imgPosLR__img {
	margin-left: -16px;
}

/* 旧 pointmake.css 行 2230-2235: .pg-eyse09 .secHowto .howtoUseLink
   text-align center / margin-top 40px / font-size 1.2rem / line-height 1.6 */
.esp-wrap.pg-pointmake-09 .c-howto__useLink {
	text-align: center;
	margin-top: 40px;
	font-size: 12px;	/* 旧 1.2rem */
	line-height: 1.6;
}

/* 旧 pointmake.css 行 2236-2242: .howtoUseLink a color:#d07184 / no underline / hover underline */
.esp-wrap.pg-pointmake-09 .c-howto__useLink a {
	color: #d07184;
	text-decoration: none;
}

.esp-wrap.pg-pointmake-09 .c-howto__useLink a:hover {
	text-decoration: underline;
}


/* ----------------------------------------------------------------
 * 1.10 .c-howtoTtlWrap（旧 .pmd-howtoTtlWrap）— 使用方法 見出しブロック
 *     値: 旧 product_detail.css 行 3030-3043
 *     + pg-eyse09 上書き: 旧 pointmake.css 行 2199-2201 (padding:0)
 * ---------------------------------------------------------------- */

.esp-wrap.pg-pointmake-09 .c-howtoTtlWrap {
	padding: 0;	/* 旧 pointmake.css 行 2199-2201 — 汎用 padding:0 20px を打ち消し */
	box-sizing: border-box;
	color: #d07184;
}

.esp-wrap.pg-pointmake-09 .c-howtoTtlWrap__ttl {
	font-size: 16px;	/* 旧 1.6rem */
	font-weight: bold;
	line-height: 1.8;
}

.esp-wrap.pg-pointmake-09 .c-howtoTtlWrap__note {
	font-size: 14px;	/* 旧 1.3rem */
	line-height: 1.71;
	letter-spacing: 0.1em;
}


/* ----------------------------------------------------------------
 * 1.11 .c-hotoItem（旧 .pmd-hotoItem）— 画像 + テキストの横並び
 *     値: 旧 product_detail.css 行 2925-2942
 *     + pg-eyse09 上書き: 旧 pointmake.css 行 2202-2213
 * ---------------------------------------------------------------- */

/* 旧 product_detail.css 行 2925-2929 + 旧 pointmake.css 行 2202-2204 (.pg-eyse09 margin-top:35px) */
.esp-wrap.pg-pointmake-09 .c-hotoItem {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 35px;	/* 旧 pointmake.css 行 2202-2204 */
}

/* 旧 product_detail.css 行 2930-2932 + 旧 pointmake.css 行 2205-2207 (.pg-eyse09 border:none) */
.esp-wrap.pg-pointmake-09 .c-hotoItem__img {
	border: none;	/* 旧 pointmake.css 行 2205-2207 — 汎用 1px solid #c4c4c4 を打ち消し */
}

/* 旧 pointmake.css 行 2208-2210: .pg-eyse09 .pmd-hotoItem .img img width 250px */
.esp-wrap.pg-pointmake-09 .c-hotoItem__img img {
	width: 250px;
	height: auto;
}

/* 旧 product_detail.css 行 2937-2942 + 旧 pointmake.css 行 2211-2213 (.pg-eyse09 padding-left:25px) */
.esp-wrap.pg-pointmake-09 .c-hotoItem__txt {
	color: #d07184;
	font-size: 16px;	/* 旧 1.6rem */
	line-height: 1.8;
	padding-left: 25px;	/* 旧 pointmake.css 行 2211-2213 — 汎用 40px を 25px に上書き */
}


/* ----------------------------------------------------------------
 * 1.12 .c-simulate（旧 .pt-simulate） — pg-eyse09 上書き
 *     値: 旧 pointmake.css 行 2247-2250 (PC) / pointmake_09.css 行 5-13 (PC .inr)
 * ---------------------------------------------------------------- */

/* 旧 pointmake.css 行 2247-2250: .pg-eyse09 .pt-simulate margin-top 60px / padding-right 35px */
.esp-wrap.pg-pointmake-09 .c-simulate {
	margin-top: 60px;
	padding-right: 35px;
}


/* ============================================================
 * 2. @media (min-width: 950px) — PC専用上書き
 *    旧 pointmake_common.css 行 1-110
 * ============================================================ */

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

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

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

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

	/* 旧 pointmake_common.css 行 18-20: .pmd-secMainCol .topCol .dscCol .dsc margin-top 7px
	   ※ ベースの 5px (.pg-eyse09 行 2117-2119) は PC でこの値に上書きされる */
	.esp-wrap.pg-pointmake-09 .c-productMain__description {
		margin-top: 7px;
	}

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

	/* 旧 pointmake_common.css 行 35-37: .pmd-secMainCol .circleList margin 10px auto 0 -53px
	   ※ ベースの padding-left:0/margin-left:0/margin-top:35px (行 2120-2124) はここで再上書き
	   ※ さらに行 105-109 の .pg-eyse09 専用上書き (padding-left:0 / margin-left:-32px / margin-top:48px) で最終勝ち */
	.esp-wrap.pg-pointmake-09 .c-productMain .c-circleList {
		padding-left: 0;
		margin: 48px 0 0 -32px;
	}

	/* 旧 pointmake_common.css 行 39-43: .pmd-secMainCol .circleListPoint .listTtl
	   ※ global.css の .c-circleList--point .c-circleList__title { top:10px; left:-10px; width:58px } を上書き */
	.esp-wrap.pg-pointmake-09 .c-productMain .c-circleList--point .c-circleList__title {
		top: 10px;
		left: -25px;
		width: 58px;
	}

	/* 旧 pointmake_common.css 行 47-49: .pmd-pgTtlCol::before { right: 148px } */
	.esp-wrap.pg-pointmake-09 .c-pageTitle::before {
		right: 148px;
	}

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

	/* 旧 pointmake_common.css 行 96-98: .pg-eyse09 .pmd-secMainCol .topCol .dscCol .prodImg width 35% */
	.esp-wrap.pg-pointmake-09 .c-productMain__image {
		width: 35%;
	}

	/* 旧 pointmake_common.css 行 100-103: .pg-eyse09 .pt-simulate margin-top 20px / padding-right 35px
	   ※ ベース行 2247-2250 の 60px を PC でこの値に上書き */
	.esp-wrap.pg-pointmake-09 .c-simulate {
		margin-top: 20px;
		padding-right: 35px;
	}

	/* 旧 pointmake_09.css 行 5-13: .pt-simulate .inr 寸法・余白
	   width:314px / height:80px / margin:-33px 0 60px / padding-left:10px / padding-right:40px */
	.esp-wrap.pg-pointmake-09 .c-simulate__link {
		width: 314px;
		height: 80px;
		margin: -33px 0 60px;
		padding-left: 10px;
		padding-right: 40px;
	}

	/* 旧 pointmake_09.css 行 1-3 + pointmake.css 行 2108-2110: .dscCol .prodImg width:45% (ベース)
	   PC では pointmake_common.css 行 96-98 で 35% に上書き済 */
}


/* ============================================================
 * 3. @media (max-width: 950px) — SP値
 *    旧 pointmake.css 行 2253-2378 （.pg-eyse09 SP）
 *    + pointmake_09.css 行 16-19 （SP .prodImg width:100%）
 *    + 汎用コンポーネント（product_detail.css）の SP
 * ============================================================ */

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

	/* 旧 pointmake.css 行 2254-2256: .pg-eyse09 .ttlColWrap padding-bottom 25px */
	.esp-wrap.pg-pointmake-09 .c-pageTitleWrap {
		padding-bottom: 25px;
	}

	/* 旧 pointmake.css 行 2257-2259 + pointmake_09.css 行 17-19 (.prodImg width:100%)
	   margin-top -15px / width 100% */
	.esp-wrap.pg-pointmake-09 .c-productMain__image {
		margin-top: -15px;
		width: 100%;
	}

	/* 旧 pointmake.css 行 2260-2262: .prodImg img max-width 54px */
	.esp-wrap.pg-pointmake-09 .c-productMain__image img {
		max-width: 54px;
	}

	/* 旧 pointmake.css 行 2266-2268: .pmd-secMainCol .btmCol position relative */
	.esp-wrap.pg-pointmake-09 .c-productMain__bottom {
		position: relative;
	}

	/* 旧 pointmake.css 行 2269-2273: .btmCol .circleListPoint
	   max-width 450px / margin 25px auto 0 / padding-left 0 */
	.esp-wrap.pg-pointmake-09 .c-productMain .c-circleList--point {
		max-width: 450px;
		margin: 25px auto 0;
		padding-left: 0;
	}

	/* 旧 pointmake.css 行 2275-2277: .secColor .secCts SP padding 40px 20px 25px */
	.esp-wrap.pg-pointmake-09 .c-colorVariation__body {
		padding: 40px 20px 25px;
	}

	/* 旧 pointmake.css 行 2278-2280: .colorChipList SP max-width 700px (PCと同値) */
	.esp-wrap.pg-pointmake-09 .c-colorChipList {
		max-width: 700px;
	}

	/* 旧 pointmake.css 行 2281-2283: .colorChipList .item SP width 110px */
	.esp-wrap.pg-pointmake-09 .c-colorChipList__item {
		width: 110px;
		margin-top: 25px;	/* 旧 product_detail.css 行 1599 (SP 汎用defaults) */
	}

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

	/* 旧 pointmake.css 行 2284-2286: .colorChipList .item .img img SP width 65px */
	.esp-wrap.pg-pointmake-09 .c-colorChipList__img img {
		width: 65px;
	}

	/* 旧 pointmake.css 行 2288-2290: .secFeatures .secCtsWrapBg SP padding 60px 20px 25px */

	/* 旧 pointmake.css 行 2291-2293: .secFeatures .secCts SP font-size 1.6rem */
	.esp-wrap.pg-pointmake-09 .c-features__contents {
		font-size: 16px;	/* 旧 1.6rem */
	}

	/* 旧 pointmake.css 行 2294-2296: .secFeatures .secCts .ttl SP font-weight bold */
	.esp-wrap.pg-pointmake-09 .c-features__ttl {
		font-size: 16px;
	}

	/* 旧 pointmake.css 行 2297-2300: .secFeatures .secCts .expTxt SP font-size 1.2rem / margin-top 10px */
	.esp-wrap.pg-pointmake-09 .c-features__expTxt {
		font-size: 12px;	/* 旧 1.2rem */
		margin-top: 10px;
	}

	/* 旧 pointmake.css 行 2301-2303: .pmd-featuresBdrItem .floatItem display block */
	.esp-wrap.pg-pointmake-09 .c-featuresBdrItem__floatItem {
		display: block;
	}

	/* 旧 pointmake.css 行 2304-2307: .pmd-featuresBdrItem .imgCol margin-right 0 / text-align center */
	.esp-wrap.pg-pointmake-09 .c-featuresBdrItem__imgCol {
		margin-right: 0;
		padding-right: 0;	/* 汎用ベース PC 35px の打ち消し */
		text-align: center;
	}

	/* 旧 pointmake.css 行 2308-2310: .pmd-featuresBdrItem .imgCol img SP max-width 40px */
	.esp-wrap.pg-pointmake-09 .c-features .c-featuresBdrItem__imgCol img {
		max-width: 40px;
	}

	/* 旧 pointmake.css 行 2311-2313: .pmd-featuresBdrItem .txtCol SP margin-top 15px */
	.esp-wrap.pg-pointmake-09 .c-featuresBdrItem__txtCol {
		margin-top: 15px;
		font-size: 10px;
	}

	/* 旧 product_detail.css 行 3002-3026: .pmd-featuresBdrItem SP（汎用） */
	.esp-wrap.pg-pointmake-09 .c-featuresBdrItem {
		margin-top: 20px;
		padding: 15px;
	}

	/* ----------------------------------------------
	 * .c-secPoint SP
	 * ---------------------------------------------- */

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

	/* 旧 product_detail.css 行 1112-1115 + pointmake.css 行 2315-2317 (.pg-eyse09 padding-left:20px) */
	.esp-wrap.pg-pointmake-09 .c-secPoint__sectionTitle {
		top: 45px;
		left: 50%;
		padding-left: 20px;	/* 旧 pointmake.css 行 2315-2317 */
	}

	/* 旧 pointmake.css 行 2318-2321: .pg-eyse09 .secPoint .secTtl .prodImg img SP width 12px */
	.esp-wrap.pg-pointmake-09 .c-secPoint__prodImg img {
		width: 12px;
		height: auto;
	}

	/* 旧 product_detail.css 行 1118-1120: .pmd-secPoint .secTtl .txt img SP width 72px */
	.esp-wrap.pg-pointmake-09 .c-secPoint__titleText img {
		width: 72px;
	}

	/* 旧 pointmake.css 行 2322-2325: .pg-eyse09 .secPoint .secCtsWrap SP padding-top:25px / padding-bottom:40px */
	.esp-wrap.pg-pointmake-09 .c-secPoint__body {
		padding: 25px 0 40px;	/* 旧 .secCtsWrap SP 62px 20px 39px に対し pg-eyse09 で top/bottom 上書き */
	}

	/* 旧 product_detail.css 行 1124-1127: .pmd-secPoint .secCtsWrap::before SP */
	.esp-wrap.pg-pointmake-09 .c-secPoint__body::before {
		right: 40px;
		margin-right: 0;
		width: calc(100% - 25px);
	}

	/* 旧 pointmake.css 行 2326-2330: .pg-eyse09 .secPoint .secCts SP max-width 730px / margin auto / text-align center
	   ※ PCと同値 */
	.esp-wrap.pg-pointmake-09 .c-secPoint__contents {
		max-width: 730px;
		margin: 0 auto;
		text-align: center;
	}

	/* 旧 pointmake.css 行 2339-2341: .imgPosLR02 SP margin-top 30px */
	.esp-wrap.pg-pointmake-09 .c-secPoint .c-imgPosLR--02 {
		margin-top: 30px;
	}

	/* 旧 pointmake.css 行 2342-2344: .imgPosLR02 .imgCol .img SP margin-left 0 */
	.esp-wrap.pg-pointmake-09 .c-secPoint .c-imgPosLR--02 .c-imgPosLR__imgCol .c-imgPosLR__img {
		margin-left: 0;
	}

	/* ----------------------------------------------
	 * .c-pointBgTxt SP — 旧 product_detail.css 行 2916-2920
	 * ---------------------------------------------- */
	.esp-wrap.pg-pointmake-09 .c-pointBgTxt {
		margin-top: 15px;
		font-size: 12px;	/* 旧 1.2rem */
		line-height: 1.8;
		padding: 15px;
	}

	/* ----------------------------------------------
	 * .c-imgPosLR SP — 旧 product_detail.css 行 2674-2694
	 * ---------------------------------------------- */

	/* 旧 product_detail.css 行 2675-2677: .pmd-imgPosLR margin-top 25px */
	.esp-wrap.pg-pointmake-09 .c-imgPosLR {
		margin-top: 25px;
	}

	/* 旧 product_detail.css 行 2678-2680: imgWrap padding 10px 0 0 */
	.esp-wrap.pg-pointmake-09 .c-imgPosLR__imgWrap {
		padding: 10px 0 0;
	}

	/* 旧 product_detail.css 行 2681-2686: imgColArw .img::before SP 矢印サイズ */
	.esp-wrap.pg-pointmake-09 .c-imgPosLR__imgCol--arw .c-imgPosLR__img::before {
		left: -15px;
		width: 10px;
		height: auto;
		aspect-ratio: 13 / 18;
		background-size: 100% auto;
	}

	/* 旧 product_detail.css 行 2687-2689: sep SP width 35px */
	.esp-wrap.pg-pointmake-09 .c-imgPosLR__sep {
		width: 20px;
	}

	/* 旧 product_detail.css 行 2690-2694: cap SP font-size 1rem / margin-top 5px / line-height 2 */
	.esp-wrap.pg-pointmake-09 .c-imgPosLR__cap {
		font-size: 10px;	/* 旧 1rem */
		margin-top: 5px;
		line-height: 2;
	}

	/* ----------------------------------------------
	 * .c-pointItemTtl SP — 旧 product_detail.css 行 2734-2738
	 * ---------------------------------------------- */
	.esp-wrap.pg-pointmake-09 .c-pointItemTtl {
		padding: 3px 7px;
		font-size: 12px;	/* 旧 1.5rem */
	}

	/* ----------------------------------------------
	 * .c-howto SP
	 * ---------------------------------------------- */

	/* 旧 pointmake.css 行 2346-2348: .secHowto .secCtsWrap SP padding 50px 20px 27px */
	.esp-wrap.pg-pointmake-09 .c-howto__body {
		padding: 50px 10px 27px;
	}

	/* 旧 pointmake.css 行 2349-2351: .pmd-hotoItem SP margin-top 20px */
	.esp-wrap.pg-pointmake-09 .c-hotoItem {
		margin-top: 20px;
		display: block;	/* 旧 product_detail.css 行 2947-2949 */
	}

	/* 旧 pointmake.css 行 2352-2354: .pmd-hotoItem .img SP width 43% */
	.esp-wrap.pg-pointmake-09 .c-hotoItem__img {
		width: 50%;
		display: table;	/* 旧 product_detail.css 行 2950-2953 */
		margin: 0 auto;
	}

	/* 旧 pointmake.css 行 2355-2358: .pmd-hotoItem .img img SP width 100% */
	.esp-wrap.pg-pointmake-09 .c-hotoItem__img img {
		width: 100%;
		height: auto;
	}

	/* 旧 product_detail.css 行 2957-2962: .pmd-hotoItem .txt SP margin-top 20px / font-size 1.4rem / padding-left 0 */
	.esp-wrap.pg-pointmake-09 .c-hotoItem__txt {
		margin-top: 20px;
		font-size: 14px;	/* 旧 1.4rem */
		line-height: 1.8;
		padding-left: 0;
	}

	/* 旧 product_detail.css 行 3048-3056: .pmd-howtoTtlWrap SP */
	.esp-wrap.pg-pointmake-09 .c-howtoTtlWrap {
		padding: 0;
	}

	.esp-wrap.pg-pointmake-09 .c-howtoTtlWrap__ttl {
		font-size: 14px;	/* 旧 1.4rem */
	}

	.esp-wrap.pg-pointmake-09 .c-howtoTtlWrap__note {
		font-size: 12px;	/* 旧 1.2rem */
	}

	/* 旧 pointmake.css 行 2359-2361: .pg-eyse09 .secHowto .pmd-imgPosLR SP margin-top 24px */
	.esp-wrap.pg-pointmake-09 .c-howto .c-imgPosLR {
		margin-top: 24px;
	}

	/* 旧 pointmake.css 行 2362-2364: .pg-eyse09 .secHowto .pmd-imgPosLR .imgCol .img SP margin-left 0 */
	.esp-wrap.pg-pointmake-09 .c-howto .c-imgPosLR__imgCol .c-imgPosLR__img {
		margin-left: 0;
	}

	/* 旧 pointmake.css 行 2365-2369: .pg-eyse09 .secHowto .howtoUseLink SP
	   text-align left / margin-top 25px / font-size 1rem */
	.esp-wrap.pg-pointmake-09 .c-howto__useLink {
		text-align: left;
		margin-top: 25px;
		font-size: 10px;	/* 旧 1rem */
	}

	/* 旧 pointmake.css 行 2374-2377: .pg-eyse09 .pt-simulate SP margin-top 30px / padding-right 0 */
	.esp-wrap.pg-pointmake-09 .c-simulate {
		margin-top: 30px;
		padding-right: 0;
	}
}