@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 {
    padding: 10px 0 0 30px;
}

#couponWrap ul.breadcrumbs li {
    display: inline;
}

#couponWrap h1 {
    width: auto;
    color: #1a1a1a !important;
    margin: 18px auto 30px;
    background: transparent!important;
    font-size: 20px;
    padding: 10px 20px!important;
    text-indent: unset;
}

#couponWrap .coupon-ttl {
    width: 640px;
    margin: 0 auto 20px;
    padding: 0;
}

#couponWrap .coupon-ttl img {
    width: 100%
}

/* クーポン概要 */
#couponWrap #couponDetail {
    width: 640px;
    margin: 0 auto 20px;
    padding: 20px 0 30px 0;
    border: solid 1px #ccc;
}

#couponWrap #couponDetail {}

#couponWrap #couponDetail h2.subtitle {
    padding: 35px 0 15px 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #222222;
    background: #fff;
    display: block;
    line-height: 1.5;
}

#couponWrap #couponDetail h2.subtitle:before {
    content: none;
}

#couponWrap #couponDetail h2.subtitle strong {
    font-size: 36px;
    color: #f36;
    display: inline-block;
    margin-top: 14px;
}

#couponWrap #couponDetail .coupon_code {
    text-align: center;
    display: block;
    width: 440px;
    padding: 0 0 4px 0;
    margin: 10px auto 20px;
    background: #bf0000;
}

#couponWrap #couponDetail .coupon_code span {
    display: block;
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

#couponWrap #couponDetail .coupon_code strong {
    display: block;
    width: 432px;
    margin: 0 auto;
    padding: 15px 0;
    font-size: 36px;
    color: #bf0000;
    background: #ffffff;
}

#couponWrap #couponDetail .coupon_notice {
    position: relative;
    width: 420px;
    margin: 0 auto 40px;
    padding: 10px 10px 12px 10px;
    background: #ffe8ea;
    text-align: center;
}

#couponWrap #couponDetail .coupon_notice>p {
    color: #bf0000;
    font-size: 14px;
    display: inline-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: 580px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    border-top: solid 1px #ccc;
    text-align: left;
}

#couponWrap #couponDetail .coupon_expire dt,
#couponWrap #couponDetail .coupon_joken dt {
    width: 90px;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    display: flex;
}

#couponWrap #couponDetail .coupon_expire dd,
#couponWrap #couponDetail .coupon_joken dd {
    width: 460px;
    padding: 10px 10px 10px 0;
    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 {
    width: 640px;
    margin: 0 auto 20px;
}

#couponWrap #couponSummary ol {
    margin: 0 0 20px 0;
    display: flex;
    flex-wrap: wrap;
}

#couponWrap #couponSummary ol li {
    padding: 0;
    margin: 0 2% 0 0;
    list-style: none;
    line-height: 1.5;
    width: 49%;
}

#couponWrap #couponSummary ol li:nth-child(even) {
    margin: 0 0 0 0;
}

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

#couponWrap #couponNote {
    width: 640px;
    margin: 0 auto 20px;
    background: #e8e8e8;
    padding: 20px 0px;
    display: block;
}

#couponWrap #couponNote h3 span {
    padding: 0 0 0 1em;
    margin: 0;
    color: #e80000;
    font-size: 16px;
}

#couponWrap #couponNote ul {
    margin: 0 0 20px 0;
}

#couponWrap #couponNote ul li {
    padding: 0 55px 10px;
    margin: 0;
    text-indent: -1em;
    list-style: none;
    line-height: 1.5;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.18em;
    text-align: left;
}

#couponWrap #couponNote ul li .annotation {
    font-size: 13px;
    color: #e80000;
    font-weight: bold;
}

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



/* SNS */
#couponWrap #couponSns {
    width: 640px;
    margin: 0 auto 20px;
    padding: 20px 0 30px 0;
    text-align: right;
}

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

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

/* クーポンコード */
.btn-group {
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.btn-group p {
    background: #FFF;
    width: 40%;
    margin: 0 auto;
    padding: 15px;
    font-size: 15px;
    font-weight: bold;
    color: #bf0000;
    border: 2px solid #bf0000;
    border-radius: 50px;
    box-shadow: 3px 3px 0px #fff5f6;
    cursor: pointer;
}

.btn-group p.on {
    background: #fff5f6;
}