@charset "UTF-8";

#couponWrap,
#couponWrap h3.subTitle2,
#couponWrap #couponNote h3 span,
#couponWrap #couponNote ul li,
#couponWrap #couponNote ul li .annotation,
#couponWrap #couponNote ul li .annotationline,
#couponWrap h3.subTitle1,
#couponWrap #couponDetail .coupon_code span,
#couponWrap #couponDetail .coupon_code strong,
.btn-group p,
#couponWrap #couponDetail .coupon_expire dt, #couponWrap #couponDetail .coupon_joken dt,#couponWrap #couponDetail .coupon_expire dd,#couponWrap #couponDetail .coupon_joken dd,
#couponWrap #couponSns .couponSns-text{
    font-family: 'Noto Sans JP', 'Yu Gothic', sans-serif;
}

#couponWrap ul.breadcrumbs li {
    display: inline;
}
#couponWrap h1.title {
	font-size: clamp(18px, 4.9vw, 20px);
	text-align: left;
	border-left: 1px solid #1a1a1a;
	margin: 0 clamp(14px, 3.8vw, 16px) 3rem;
	padding-left: clamp(14px, 3.8vw, 16px);
}

/* #couponWrap h1.title {
    color: #FFF !important;
    margin: 18px 0 30px;
    padding: .5em 1em !important;
    text-indent: 0;
    font-size: 15px;
    line-height: 1.3;
    font-weight: bold;
    background:#d2ac77 !important;
    word-wrap : break-word !important;
    overflow-wrap : break-word !important;
    text-overflow: clip;
} */


/* クーポン概要 */
#couponWrap #couponDetail {
    margin: 10px 10px 20px;
    padding: 20px 0 30px 0;
    border: solid 1px #ccc;
}
#couponWrap #couponDetail {
}
#couponWrap #couponDetail h2.subtitle {
	padding: 15px 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #222;
}
#couponWrap #couponDetail h2.subtitle strong {
	font-size: 32px;
	color: #55A5A3!important;
}
#couponWrap #couponDetail .coupon_code {
	width: 90%;
	margin: 10px auto 20px;
	padding: 8px;
	text-align: center;
	font-size: 14px;
	background:  #bf0000;
}
#couponWrap #couponDetail .coupon_code span {
	display: block;
	width: 100%;
	font-size: 14px;
	color: #ffffff;
font-weight: bold;
}
#couponWrap #couponDetail .coupon_code strong {
	display: block;
	margin: 10px auto 0;
	padding: 14px 0 ;
	font-size: 25px;
	color: #bf0000;
	background:  #ffffff;
}
#couponWrap #couponDetail .coupon_notice {
	position: relative;
	width: 90%;
	margin: 0 auto 40px;
	padding: 10px 10px 14px 10px;
	background: #ffe8ea;
	text-align: center;
}
#couponWrap #couponDetail .coupon_notice > p {
	color: #bf0000;
	font-size: 14px;
	display: block;
	padding: 0;
	margin: 0;
}
#couponWrap #couponDetail .coupon_notice .coupon_boldtxt {
	font-weight: 700;
}
#couponWrap #couponDetail .coupon_notice .coupon_number {
	font-size: 24px;
}
#couponWrap #couponDetail .coupon_notice::after {
	position: absolute;
	content: '';
	top: -20px;
	left: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #ffe8ea;
}


#couponWrap #couponDetail .coupon_limit {
	color: #bf0000;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 15px;
	margin: 0;
	text-align: center;
}

#couponWrap #couponDetail .coupon_expire,
#couponWrap #couponDetail .coupon_joken {
	width: 90%;
	margin: 0 auto;
	padding: 0;
	border-top: solid 1px #ccc;
	text-align: left;
}
#couponWrap #couponDetail .coupon_expire dt,
#couponWrap #couponDetail .coupon_joken dt {
	padding: 10px 10px 0 10px;
	font-size: 13px;
	font-weight: bold;
}
#couponWrap #couponDetail .coupon_expire dd,
#couponWrap #couponDetail .coupon_joken dd {
	padding: 10px;
	font-size: 13px;
	display: flex;
}

/* クーポン利用方法 */
#couponWrap h3.subTitle1 {
font-size: 23px;
    font-weight: bold;
    padding: 10px 5px;
    margin: 0 0 15px 0;
    color: #000;
    text-align: center;
    letter-spacing: 0.12em;
}

/* 注意書き */
#couponWrap h3.subTitle2 {
font-size: 17px;
    font-weight: bold;
    padding: 10px 5px;
    margin: 0 0 15px 0;
    color: #000;
    text-align: center;
    letter-spacing: 0.12em;
border:none;
}

#couponWrap #couponSummary,
#couponWrap #couponNote {
	width: 90%;
	margin: 0 auto 20px;
}

#couponWrap #couponNote {
    background: #e8e8e8;
    padding: 20px 0px;
    display: block;
}

#couponWrap #couponSummary ol,
#couponWrap #couponNote ul {
	margin: 0 0 20px 0;
	padding: 0;
}
#couponWrap #couponSummary ol li {
	padding: 0 30px;
	margin: 0 0 2em 0;
	list-style: none;
}

#couponWrap #couponSummary ol li img{
	width:100%;
}

#couponWrap #couponNote h3 span {
	padding: 0;
	margin: 0;
	color: #e80000;
	font-size: 12px;
	display: block;
}

#couponWrap #couponNote ul{
	text-align:left;
padding:0 20px;
}

#couponWrap #couponNote ul li {
	padding: 0 0 10px 1em;
	margin: 0;
	text-indent: -1em;
	list-style: none;
	line-height: 1.5;
    letter-spacing: 0.02em;
font-size:1.0rem;
color:#333;
text-align:left;
}
#couponWrap #couponNote ul li .annotation {
	color: #e80000;
	font-weight: bold;
}

#couponWrap #couponNote ul li .annotationline {
font-size:1.0rem;
font-weight: bold;
letter-spacing: 0.02em;
background-color: #f9df4d;
}

/* SNS */

#couponWrap #couponSns{
margin: 0 15px;
    padding: 5px 0;
    text-align: right;
}

 .couponSns-text{
font-size:13px;
}

#couponWrap #couponSns .shareList10{
justify-content: flex-end;
}

#couponSns a.shareList10__link.ui-link {color: #ffffff;}
#couponSns .shareList10 .shareList2__item {width: 25%;}


/* クーポンコード */
            .btn-group {
                width: 100%;
                text-align: center;
                margin: 30px 0;
            }
            .btn-group p {
                background: #FFF;
                padding: 15px;
                font-size: 15px;
                font-weight: bold;
                color: #bf0000;
                border: 2px solid #bf0000;
                border-radius:50px;
                margin:.5em 40px !important;
            }
            .btn-group p.on {
                background: #fff5f6;
            }