/*! 【PC】会員限定クーポンのCss */
input[type=checkbox].readMoreTrigger {
	display: none
}

input[type=checkbox].readMoreTrigger~li {
	display: none
}

input[type=checkbox].readMoreTrigger+.couponOperateBtn.isReadMore+.readMoreBlur+li {
	display: block
}

input[type=checkbox].readMoreTrigger:checked~li {
	display: block
}

input[type=checkbox].readMoreTrigger:checked+.couponOperateBtn.isReadMore {
	display: none
}

input[type=checkbox].readMoreTrigger:checked+.couponOperateBtn.isReadMore+.readMoreBlur~li {
	-webkit-filter: none;
	filter: none
}

input[type=checkbox].readMoreTrigger:checked+.couponOperateBtn.isReadMore+.readMoreBlur~li:before {
	content: none
}

input[type=checkbox].readMoreTrigger:checked+.couponOperateBtn.isReadMore+.readMoreBlur~li a {
	pointer-events: all
}

.couponOperateBtn.isReadMore {
	margin-bottom: -45px;
	margin-left: 20px;
	margin-right: 20px;
	-webkit-transform: translateY(85px);
	transform: translateY(85px);
	z-index: 5
}

.readMoreBlur~li {
	position: relative;
	-webkit-filter: blur(2px);
	filter: blur(2px)
}

.readMoreBlur~li:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .26);
	z-index: 2
}

.readMoreBlur~li a {
	pointer-events: none
}

.couponInductionRelative {
	padding: 20px 8px;
	background-color: #fff1e0;
	border: 2px dotted #cf0000;
	border-radius: 8px;
	box-sizing: border-box;
	z-index: 150
}

.couponInductionRelative.isCenter {
	text-align: center
}

.couponInductionRelative.isSpace>:not(:first-child) {
	margin-top: 6px
}

.couponInductionRelative .messageMain {
	color: #cf0000;
	font-size: 18px;
	font-weight: 700
}

.couponInductionRelative .messageSub {
	font-size: 14px;
	font-weight: 700
}

.couponInductionRelative .link {
	font-size: 14px
}

.couponInductionRelative+.couponInductionNote {
	margin-top: 8px
}

.couponInductionNote {
	text-align: center
}

.couponInductionNote a {
	color: #bf271b
}

.couponRibbonWrap {
	padding: 0 18px 16px
}

.couponRibbonWrap.isBgWhite {
	background-color: #fff
}

.couponRibbon {
	position: relative;
	display: block;
	text-align: center;
	box-sizing: border-box
}

.couponRibbon:before {
	content: "";
	position: absolute;
	bottom: -6px;
	left: -17px;
	width: 10px;
	border: 15px solid #9b2016;
	border-left-color: transparent;
	-webkit-transform: scaleX(.8);
	transform: scaleX(.8)
}

.couponRibbon:after {
	content: "";
	position: absolute;
	bottom: -6px;
	right: -17px;
	width: 10px;
	border: 15px solid #9b2016;
	border-right-color: transparent;
	-webkit-transform: scaleX(.8);
	transform: scaleX(.8)
}

.couponRibbon>.couponRibbonTitle {
	position: relative;
	display: block;
	margin: 0;
	padding: 8px 16px;
	background: #bf271b;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	z-index: 10
}

.couponRibbon>.couponRibbonTitle:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 6px transparent;
	border-right: solid 19px #7c1912;
	z-index: 8
}

.couponRibbon>.couponRibbonTitle:after {
	content: "";
	position: absolute;
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 6px transparent;
	border-left: solid 19px #7c1912;
	z-index: 8
}

.couponRibbon>.couponRibbonTitle.isSm {
	font-size: 16px
}

.couponRibbon>.couponRibbonTitle>h2 {
	padding: 0;
	background: 0 0;
	color: inherit;
	font-size: inherit
}

.couponRibbon>.couponRibbonTitle>h2:before {
	content: none
}

.couponOperateBtns {
	display: flex
}

.couponOperateBtns.isCenter {
	justify-content: center
}

.couponOperateBtn {
	cursor: pointer;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 36px;
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	box-shadow: 0 4px 0 #bdbdbd;
	color: #2a2a2a;
	font-size: 14px;
	line-height: 1.375;
	text-align: center;
	text-decoration: none;
	transition: ease-out .12s
}

.couponOperateBtn:link,
.couponOperateBtn:visited {
	color: #2a2a2a;
	text-decoration: none
}

.couponOperateBtn:hover {
	background-color: #f7f7f7;
	box-shadow: 0 4px 0 #bdbdbd
}

.couponOperateBtn.isRed {
	background-color: #bf271b;
	box-shadow: 0 4px 0 #921e15;
	color: #fff;
	font-weight: 700
}

.couponOperateBtn.isRed:hover {
	background-color: #921e15;
	box-shadow: 0 4px 0 #66150e
}

.couponOperateBtn.isGreen {
	background-color: #42d37a;
	box-shadow: 0 4px 0 #2bb761;
	color: #fff;
	font-weight: 700
}

.couponOperateBtn.isGreen:hover {
	background-color: #2bb761;
	box-shadow: 0 4px 0 #218e4b
}

.couponOperateBtn.isBlue {
	background-color: #42bed3;
	box-shadow: 0 4px 0 #2ba3b7;
	color: #fff;
	font-weight: 700
}

.couponOperateBtn.isBlue:hover {
	background-color: #2ba3b7;
	box-shadow: 0 4px 0 #217e8e
}

.couponOperateBtn.isDisable {
	pointer-events: none;
	cursor: default;
	color: rgba(0, 0, 0, .4);
	background-color: #bdbdbd;
	box-shadow: 0 4px 0 #757575
}

.rankMarks {
	display: flex;
	align-items: baseline;
	padding-left: 6px;
	font-weight: 700
}

.rankMarks .num {
	font-size: 24px
}

.rankMarks .num.isCondensed {
	letter-spacing: -2px;
	-webkit-transform: translateX(-2px) scaleX(.8);
	transform: translateX(-2px) scaleX(.8)
}

.rankMarks .sub {
	font-size: 14px
}

.detailCouponList li.isStrong {
	background-color: #FFF7F7;
}

.detailCouponList li.isStrong:not(.isPrizeCoupon) {
	border: 2px solid #CE0000;
}

.detailCouponList li.isStrong .contentWrap {
	padding-top: 12px;
}

.contentRibbon {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-bottom: 6px;
	padding: 4px 8px;
	background-color: #bf271b;
	color: #fff;
	font-weight: 700
}

.contentRibbon:after {
	content: "";
	position: absolute;
	top: 0;
	right: -34px;
	width: 10px;
	border: 16px solid #bf271b;
	border-right-color: transparent
}

.contentRibbon>.icon {
	margin-right: 3px
}

.detailCouponList .contentRibbon {
	margin-left: -20px
}

.detailCouponList .contentRibbon > span.text {
	line-height: 24px;
}

.headerLinks li.oldId {
	margin-right: 7px;
	padding-right: 7px;
	border-right: solid 1px #939393
}

.headerLinks li.oldId a {
	color: #bf271b
}

.couponDetail {
	position: relative
}

.couponDetail.isDisable:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4) 10px, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 20px);
	z-index: 100
}

.couponInduction {
	position: absolute;
	top: 10px;
	left: 10px;
	width: calc(100% - 20px);
	padding: 20px 8px;
	background-color: #fff;
	border-radius: 8px;
	box-sizing: border-box;
	z-index: 150
}

.couponInduction.isCenter {
	text-align: center
}

.couponInduction.isSpace>:not(:first-child) {
	margin-top: 6px
}

.couponInduction .messageMain {
	color: #cf0000;
	font-size: 18px;
	font-weight: 700
}

.couponInduction .messageSub {
	font-size: 14px;
	font-weight: 700
}

.couponInduction .link {
	font-size: 14px
}

.secCouponContent .memberCouponDetailIsLogin {
	min-height: 210px
}

.secCouponContent .memberCouponDetailNoLogin,
.secCouponContent .memberCouponDetailNoApp {
	min-height: 175px
}

/* 年間ランキング受賞記念クーポン */
.detailCouponList li.isStrong.isPrizeCoupon .contentWrap {
	padding: 24px 48px 20px 20px;
}
.detailCouponList li.isStrong.isPrizeCoupon .contentTtl img {
	position: absolute;
	height: 48px;
	top: 42%;
	left: 16px;
	transform: translate(0,-50%);
}
/* /年間ランキング受賞記念クーポン */

/* 電子チケット表示施設用 */
#specialContentWrap .contentTtl img{
	position: absolute;
	height: auto;
	top: 42%;
	left: 16px;
	transform: translate(0,-50%);
}
/* /電子チケット表示施設用 */