/*------------------------------*/
/* ■ ボタン類 --*/
/* 枠 ボタン位置 ボタン個数 */
.oneBtn-wrap_c {
	display: flex;
	justify-content: center;
}
.oneBtn-wrap_r {
	display: flex;
	justify-content: flex-end;
}
.oneBtn-wrap_l {
	display: flex;
	justify-content: flex-start;
}
.oneBtn-wrap_vertical_r {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: flex-end;
}

/* ボタンサイズ 形 (旧式のスタイル 移行中) */
.btnSize_s {
	font-size: 14px;
	display: inline-block;
	border-radius: 5px;
	font-weight: 600;
	padding: 8px 16px;
	margin-bottom: 16px;
	cursor: pointer;
	white-space: nowrap;
}
.btnSize_s_noMargin {
	font-size: 14px;
	display: inline-block;
	border-radius: 5px;
	font-weight: 600;
	padding: 8px 16px;
	cursor: pointer;
	white-space: nowrap;
}
.btnSize_m {
	font-size: 16px;
	display: inline-block;
	border-radius: 5px;
	font-weight: 600;
	padding: 8px 16px;
	margin-bottom: 16px;
	cursor: pointer;
	white-space: nowrap;
}
.btnSize_m_noMargin {
	font-size: 16px;
	display: inline-block;
	border-radius: 5px;
	font-weight: 600;
	padding: 8px 16px;
	cursor: pointer;
	white-space: nowrap;
}
.btnSize_wishList {
	font-size: 14px;
	display: flex;
	border-radius: 5px;
	font-weight: 600;
	padding: 8px 16px 8px 8px;
	margin-bottom: 16px;
	align-items: center;
	cursor: pointer;
	white-space: nowrap;
}
.btnSize_wishList_noMargin {
	font-size: 14px;
	display: flex;
	border-radius: 5px;
	font-weight: 600;
	padding: 8px 16px 8px 8px;
	align-items: center;
	cursor: pointer;
	white-space: nowrap;
}
.btnSize_fixed_100 {
	font-size: 13px;
	display: inline-block;
	border-radius: 5px;
	font-weight: 600;
	padding: 8px 8px;
	margin-bottom: 16px;
	width: 100px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}
.btnSize_fixed_100_noMargin {
	font-size: 13px;
	display: inline-block;
	border-radius: 5px;
	font-weight: 600;
	padding: 8px 8px;
	width: 100px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}
.btnSize_fixed_100_noMargin[data-btn-type="search-ffm"] { /* searchのfree for member対応 */
	font-size: 12px;
	width: auto;
	min-width: 100px;
}
.btnSize_fixed_120 {
	font-size: 16px;
	display: inline-block;
	border-radius: 5px;
	font-weight: 600;
	padding: 8px 16px;
	margin-bottom: 16px;
	width: 120px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}
.btnSize_fixed_120_added {
	font-size: 16px;
	display: inline-block;
	border-radius: 5px;
	font-weight: 600;
	padding: 8px 16px;
	margin-bottom: 16px;
	width: 120px;
	text-align: center;
	cursor: pointer;
}
.btnSize_fixed_140 {
	font-size: 16px;
	display: inline-block;
	border-radius: 5px;
	font-weight: 600;
	padding: 8px 16px;
	margin-bottom: 16px;
	width: 140px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}
.btnSize_fixed_140_ffm {
	font-size: 14px;
	display: inline-block;
	border-radius: 5px;
	font-weight: 600;
	padding: 9px 12px;
	margin-bottom: 16px;
	width: 140px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}
.btnSize_Resp_price {
	font-size: 14px;
	display: inline-block;
	border-radius: 5px;
	font-weight: 600;
	padding: 8px 10px;
	margin-bottom: 16px;
	width: 100px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}
.bundle_buy_btn-added {
	display: block;
	background: #e0dada;
	color: rgba(68, 43, 45, 0.4);
	border-radius: 4px;
	margin: 24px auto;
	font-weight: 500;
	height: 44px;
	line-height: 44px;
	width: 100%;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}

/* お試しのスタイル（こっちに移行中） textのスタイル + カラーと背景色 + btnのサイズ */
/*
width
height
line-height
padding
border-radius
white-space
text-align
*/
.btnSize_wAuto_br0p5 {
	width: auto;
	min-width: fit-content;
	padding: 0.5em 1em;
	border-radius: 0.5em;
	cursor: pointer;
}
.btnSize_wAuto_br1 {
	width: auto;
	min-width: fit-content;
	padding: 0.5em 1em;
	border-radius: 1em;
	text-align: center;
	cursor: pointer;
}
.btnSize_wMax50_br0p5 {
	width: 50%;
	min-width: fit-content;
	padding: 0.5em 1em;
	border-radius: 0.5em;
	text-align: center;
	cursor: pointer;
}
.btnSize_wMax50_br1 {
	width: 50%;
	min-width: fit-content;
	padding: 0.5em 1em;
	border-radius: 1em;
	text-align: center;
	cursor: pointer;
}

/* 色 */
.btnColor_common {
	color: #442B2D;
	border: 1px solid #ababab;
	background: #fff;
}
.btnColor_primary {
	color: #fff;
	border: 1px solid #695556;
	background: #f2506d;
}
.btnColor_read {
	color: #f2506d;
	border: 1px solid #f2506d;
	background: #fff;
}
.btnColor_wishList {
	color: #fff;
	border: 1px solid #695556;
	background: #eb6540;
}
.btnColor_signIn {	/* loginページのボタン色と合わせる。改良時に色を変える。その時纏めて変更 */
	color: #fff;
	background: #F71E50;
	white-space: nowrap;
}
.btnColor_highlight {
	color: #fff;
	border: 1px solid #695556;
	background: #42c20f;
}

/* 色 ホバーアクション付き with hover*/
.btnColor_wHover_f2506d {
	color: #fff;
	border: 1px solid #695556;
	background: #f2506d;
}
.btnColor_wHover_f2506d:hover {
	color: #f2506d;
	border: 1px solid #f2506d;
	background: #ffffff;
}
.btnColor_wHover_442b2d {
	color: #fff;
	border: 1px solid #442b2d;
	background: #442b2d;
}
.btnColor_wHover_442b2d:hover {
	color: #442b2d;
	border: 1px solid #442b2d;
	background: #fff;
}


/* カラフル（色に意味はない。ただのバリエーション） */
.btnColor_ffe5e5 {
	border: 1px solid #ffe5e5;
	background: #ffe5e5;
}
.btnColor_fff7e5 {
	border: 1px solid #fff7e5;
	background: #fff7e5;
}
.btnColor_f7ffe5 {
	border: 1px solid #f7ffe5;
	background: #f7ffe5;
}
.btnColor_e5ffe5 {
	border: 1px solid #e5ffe5;
	background: #e5ffe5;
}
.btnColor_e5fff7 {
	border: 1px solid #e5fff7;
	background: #e5fff7;
}
.btnColor_e5f7ff {
	border: 1px solid #e5f7ff;
	background: #e5f7ff;
}
.btnColor_e5e5ff {
	border: 1px solid #e5e5ff;
	background: #e5e5ff;
}
.btnColor_f7e5ff {
	border: 1px solid #f7e5ff;
	background: #f7e5ff;
}
.btnColor_ffe5f7 {
	border: 1px solid #ffe5f7;
	background: #ffe5f7;
}

/* ボタンのボーダーを太くして文字を太くする taglist用 */
.augmentBorder_TC_2p_B {
	border: 2px solid #442b2d;
	font-weight: bold;
}

/* ボタンの無効化 */
.btn_invalid {
	opacity: 0.4;
	pointer-events: none;
}

/* btn-shadow */
.btn-shadow-common {
	box-shadow: 0 2px 4px 0 #ababab50;
}
.btn-shadow-white {
	box-shadow: 0 2px 4px 0 #fff50;
}

/* =================================== */

/*-- ■ 例外用 --*/
/* item(title)ページ FV用 */
.fvTitile-price-wrap .btnSize_Resp_price {	/* css詳細度で優先 */
	width: 160px;
}
.fvTitile-price-wrap .oneBtn-wrap_vertical_r {	/* css詳細度で優先 */
	align-items: center;
}

/*--■ メディアクエリ --*/
@media screen and (max-width: 360px){
	.btnSize_fixed_140_ffm {
		width: 130px;
		font-size: 12px;
	}
	.btnSize_wishList,
	.btnSize_wishList_noMargin {
		font-size: 13px;
	}
}
@media screen and (min-width: 370px){
	.btnSize_Resp_price {
		font-size: 16px;
		width: 120px;
	}
}
@media screen and (min-width: 600px){
	.fvTitile-price-wrap .btnSize_Resp_price {	/* css詳細度で優先 */
		width: 120px;
	}
}
@media screen and (min-width:900px){

}