@charset "UTF-8";

.mb20{margin-bottom:20px}
#coupon{width:100%;max-width:984px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}
#coupon article{width:100%}
.coupon_menu{width:100%;max-width:984px;margin:0 auto;height:246px;overflow:hidden;position:relative;background-color:#FF8000;border-radius:5px;background-image:url(img/coupon_logo.svg);background-repeat:no-repeat;background-position:3% 13px}
.coupon_menu table{width:100%;max-width:760px;float:right;padding:10px 20px}
.coupon_menu table tr{color:#000;height:50px;background-color:#fff;display:flex;margin-bottom:4px;border-radius:4px;box-shadow:0 2px 2px #D76C00;align-items:center}
.coupon_menu table tr:last-child{box-shadow:none;background-color:#FF8000}
.coupon_menu table tr:last-child td{padding:10px}
.coupon_menu table tr:last-child td ul{box-shadow:0 2px 2px #D76C00;width:200px!important;background-color:#fff;padding:6px 10px!important;border-radius:4px}
.coupon_menu table th{width:140px;text-align:center;font-size:15px;font-weight:500;border-right:1px solid #FF8000}
.coupon_menu table td{width:calc(100% - 140px)}
.coupon_menu table td ul li{border-radius:2px}
.coupon_menu table td ul li a{display:block;padding:8px;height:100%;font-size:14px;text-decoration:none;color:#000!important}
.coupon_menu table td ul{width:100%;padding:0 10px!important}
.coupon_menu ul{width:90%;margin:0;padding:0;list-style-type:none}
.coupon_menu li{text-align:center;-webkit-flex-basis:auto!important;flex-basis:auto!important;width:auto!important;margin-bottom:0!important;background:#ececec;border-radius:2px}
.coupon_menu li a.active{color:#fff!important;background-color:#000!important;border-radius:2px}
.coupon_menu li a:hover:not(.active){color:#fff!important;background-color:#000!important;border-radius:2px}
.coupon_article{width:100%;height:210px;box-sizing:content-box;display:flex;box-shadow:0 0 4px #DFDFDF;margin-bottom:10px}
.coupon_article-harf{width:49%;box-sizing:content-box;display:flex;box-shadow:0 0 4px #DFDFDF;margin-bottom:10px}
.coupon-tag{width:160px;position:absolute;top:0;left:-8px;padding:3px;margin:0;display:inline-block;text-align:center;font-size:14px;color:#FFF;background:#333}
.coupon-tag:before{position:absolute;content:'';top:100%;left:0;border:none;border-bottom:solid 6px transparent;border-right:solid 8px #959e9b}
.coupon_article-info{width:42%;padding:10px;height:100%;background:#fff;display:flex}
.coupon_article-info .cai-img{width:100%;max-width:145px;overflow:hidden;margin-right:15px}
.coupon_article-info .cai-img img{width:100%;height:193px;min-height:193px;object-fit:cover;object-position:100% 0}
.coupon_article-info .cai-txt{width:100%}
.cai-txt-tab p{display:inline-block;padding:1px 6px;border-radius:2px;font-size:11px}
.cai-txt-tab p:nth-of-type(1){color:#FF8000;background-color:#FFF5EB;border:1px solid #FF8000}
.cai-txt-tab p:nth-of-type(2){color:#C20AC8;background-color:#FEE6FF;border:1px solid #C20AC8}
.cai-txt-shop{font-size:14px;font-weight:700;text-decoration:underline;height:38px;line-height:140%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.cai-txt-shop a{color:#333}
.cai-txt-area{font-size:11px;position:relative}
.cai-txt-area::before{content:"";display:inline-block;width:14px;height:10px;background-image:url(img/coupon_i_map.svg);background-size:contain;background-repeat:no-repeat;background-position:0 1px}
.cai-txt-contents{margin-top:5px;padding-top:5px;height:90px;overflow:hidden;border-top:1px dotted #ddd}
.cai-txt-contents p{font-size:13px}
.coupon_article-inner{width:calc(100% - 42%);border-left:1px dotted #ccc;background-color:#ddd;position:relative;padding:10px 10px 20px}
.coupon_article-inner a{text-decoration:none!important}
.coupon_article-inner > p:first-of-type{text-align:right}
.coupon_article-inner .coupon-ticket{margin-top:10px;height:100px;border-top:2px solid;padding:10px;background-color:#fff;display:flex;justify-content: center;align-items: center;position:relative}
.coupon_article-inner .coupon-ticket::before{content:"";display:inline-block;width:14px;height:100%;background-size:contain;background-repeat:no-repeat;position:absolute;top:7px;right:10px}
.coupon-ticket-discount{width:100%;max-width:116px;height:68px;background-color:red;border-radius:6px;position:relative;color:#fff;text-align:center;padding:5px 15px;font-weight:700;font-size:30px}
.coupon-ticket-discount span{font-size:14px;margin-left:2px}
.coupon-ticket-discount::before{content:"驚異の";display:block;font-size:14px;padding-bottom:4px;border-bottom:1px solid #fff}
.coupon-ticket-price{margin-left:15px}
.coupon-ticket-price > p:first-of-type{font-size:16px;text-decoration:line-through;font-weight:700;margin-bottom:5px}
.coupon-ticket-price > div p{line-height:0;display:inline-block;font-size:40px;font-weight:700;color:red;margin-top:15px}
.coupon-ticket-price > div p span{font-size:20px}
.coupon-ticket-tel{margin-top:10px;display:flex;align-items:center;justify-content:space-between}
.coupon-ticket-tel a.btn-coupon{display:block;width:100%;max-width:240px;height:44px;padding:8px 10px;border-radius:4px;margin-top:2px;background-color:#000;display:flex;align-items:center;font-size:19px;font-weight:700;overflow:hidden;color:#fff}
.coupon-ticket-tel a.btn-coupon img{padding-right:10px}
.coupon-ticket-tel > div:first-child img{width:36px;height: 36px}
.coupon-ticket-tel .balloon {display: flex;align-items: center;font-size: 0.8rem;}
.coupon-ticket-tel .user_balloon {position: relative;margin-left: 15px;padding: .4em .1em;border-radius: 5px;background-color: #ffffff;color: #000;text-align: center;}
.coupon-ticket-tel .user_balloon::before {position: absolute;left: -15px;width: 15px;height: 30px;background-color: #ffffff;clip-path: polygon(0 50%, 100% 0, 100% 100%);content: '';}
.coupon-ticket-tel .user_balloon > span {display: block;color: #ff0000;font-weight: 700;font-size: 0.8rem}
.coupon-ticket-tel .coupon_call {background: #FE6C90;padding: .5em .5em;font-size: 1.1rem;font-weight: 600;color: #fff;border-radius: 5px;}
.coupon-ticket-tel .coupon_call i {margin-right: 5px;}
#coupon_paid-free .coupon_article-inner{background-color:#fff1e5}
#coupon_paid-free .coupon-tag{background-color:#FF8000}
#coupon_paid-free .coupon-tag:before{border-right:solid 8px #B15900}
#coupon_paid-free .coupon_article-inner .coupon-ticket::before{background-image:url(img/coupon_i_arrow-free.svg)}
#coupon_paid-free .coupon-ticket-tel a.btn-coupon{background-color:#FF8000}
#coupon_paid-free .coupon_article-inner > p:first-of-type{color:#FF8000;}
#coupon_paid-free .coupon-ticket{border-top:2px solid #FF8000}
#coupon_paid-free .coupon_article-inner{border-left:2px dotted #FF8000}
#coupon_paid-new .coupon_article-inner{background-color:#FFE8EC}
#coupon_paid-new .coupon-tag{background-color:#FE6C90}
#coupon_paid-new .coupon-tag:before{border-right:solid 8px #B14761}
#coupon_paid-new .coupon_article-inner .coupon-ticket::before{background-image:url(img/coupon_i_arrow-new.svg)}
#coupon_paid-new .coupon-ticket-tel a.btn-coupon{background-color:#FE6C90}
#coupon_paid-new .coupon_article-inner > p:first-of-type{color:#FE6C90}
#coupon_paid-new .coupon-ticket{border-top:2px solid #FE6C90}
#coupon_paid-new .coupon_article-inner{border-left:2px dotted #FE6C90}
.infomation{width:100%;padding:7px}
.infomation a{text-decoration:none}
.infomation-header{width:100%;overflow:hidden;white-space:nowrap}
.infomation-header-tag{width:100%;max-width:160px;text-align:center;color:#fff;background-color:#efefef;font-size:14px}
.infomation-header h3 a{font-size:18px;white-space:nowrap;text-decoration:underline;font-weight:800;color:#000;margin-top:8px;margin-bottom:4px;display:block}
.infomation-body{border-top:2px dotted;margin-top:2px;padding-top:3px;width:100%;height: 180px; overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}
.infomation-body > p:first-of-type{height: 80px; margin-bottom:4px;font-size: 0.85rem;font-weight: 600;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.s-coupon-info{width:100%;overflow:hidden;display:flex;flex-wrap:nowrap;justify-content:space-between}
.s-coupon-info a:visited{text-decoration:none}
.s-coupon-info a:link:hover{text-decoration:none}
.s-coupon{width: calc(62% - 10px); padding:5px;overflow:hidden;background-color:#efefef;display:flex;flex-wrap: wrap;}
.s-coupon-discount{width:54px;height:54px;background-color:red;border-radius:3px;position:relative;color:#fff;text-align:center;padding:6px;font-weight:700;line-height:100%;font-size:20px;margin-right:5px}
.s-coupon-discount span{font-size:10px}
.s-coupon-discount::after{content:"OFF";display:block;font-size:20px}
.s-coupon-price{display:flex;flex-direction:column;justify-content:flex-end}
.s-coupon-price p{font-size:.7rem}
.s-coupon-price > p:first-of-type{text-decoration:line-through;}
.s-coupon-price > div p{line-height:1;display:inline-block;font-size:1.1rem;font-weight:700;color:red;}
.s-coupon-price > div p span{font-size:0.8rem}
.s-coupon-tel{width:38%;display:flex;flex-direction:column;align-items:center;justify-content: flex-end;}
.s-coupon-tel h4{color:red;font-size:.9rem;font-weight:700}
.s-coupon-tel p{font-size:.75rem;margin-bottom: 2px;}
.s-coupon-tel span{text-align: left;}
.s-coupon-tel span i{display: block;margin-right: 3px;}
.s-coupon-tel .number{padding:10px;border-radius:4px;margin-top:2px;background-color:#FE6C90;display:flex;align-items:center;font-size:0.8rem;font-weight:700;overflow:hidden;color:#fff}
.s-coupon-detail {font-size: 0.8rem;margin-top: 5px;margin-left: 10px}
#coupon_free-free{border:1px solid #FF8000}
#coupon_free-free .s-coupon{background-color:#FFF1E5}
#coupon_free-free .infomation-header-tag,#coupon_free-free a.btn-coupon{background-color:#FF8000}
#coupon_free-new{border:1px solid #FE6C90}
#coupon_free-new .s-coupon{background-color:#FFE8EC}
#coupon_free-new .infomation-header-tag,#coupon_free-new a.btn-coupon{background-color:#FE6C90}

@media screen and (min-width: 1400px) {
    .coupon-ticket-tel > div:first-child img{width:46px;height: 46px}
    .coupon-ticket-tel .user_balloon {width: 220px;padding: .2em .1em;}
    .coupon-ticket-tel .user_balloon > span {font-size: 1rem}
    .infomation-body{height: 200px;}
    .infomation-body > p:first-of-type {font-size: 1rem;height: 100px;}
    .s-coupon {width: calc(60% - 10px);}
    .s-coupon-price p {font-size: 0.75rem;}
    .s-coupon-price > div p{font-size: 1.3rem;}
    .s-coupon-price > div p span {font-size: 0.9rem;}
    .s-coupon-tel {width: 40%;}
    .s-coupon-detail {font-size: 0.9rem;}
    .s-coupon-tel h4 {font-size: 1rem;}
    .s-coupon-tel p {font-size: 0.85rem;}
    .s-coupon-tel .number {font-size: 0.95rem}
}
@media screen and (min-width: 1600px) {
    .coupon-ticket-tel .user_balloon {width: 260px;padding: .2em .1em;}
    .coupon-ticket-tel .user_balloon > span {font-size: 1.1rem}
    .infomation-body{height: 220px;}
    .infomation-body > p:first-of-type {font-size: 1rem;height: 120px;}
    .coupon-ticket-tel .coupon_call {padding: .5em .5em;font-size: 1.2rem;}
    .s-coupon-discount{width:72px;height:72px;border-radius:8px;line-height:1.2;font-size:1.8rem;margin-right:10px}
    .s-coupon {width: 280px;}
    .s-coupon-price p {font-size: 0.85rem;}
    .s-coupon-price > div p{font-size: 1.5rem;}
    .s-coupon-price > div p span {font-size: 1.1rem;}
    .s-coupon-tel {width: calc(100% - 280px);}
    .s-coupon-detail {font-size: 1.1rem;}
    .s-coupon-tel h4 {font-size: 1.15rem;}
    .s-coupon-tel p {font-size: 1rem;}
    .s-coupon-tel .number {font-size: 1.05rem}
}