@charset "UTF-8";
*{margin:0;padding:0;max-width:100%;box-sizing:border-box;list-style:none;text-decoration:none;font-size:4vw;font-weight:normal;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",sans-serif;}
img.subtitle{margin-top:-20%;}
img.benefits{width:96%;display:block;margin:0 auto 2%;}
.kv{background-color:#be8915;background-image:url("../image/background.webp");background-size:contain;background-repeat:no-repeat;}
.cashless_type{display:flex;flex-flow:row wrap;justify-content:space-around;}
.payment{width:46%;margin:0 auto 2%;position:relative;}
.payment::after{content:"";position:absolute;z-index:999;width:12vw;aspect-ratio:1;top:45%;right:-18%;background-image:url(../image/triangle.svg);background-size:cover;}
.payment.second::after{top:88%;right:89%;transform:rotate(135deg);}
.payment.last::after{content:none;}
.cashless_rellay_benefits{width:100%;margin:auto;}
.notes{background:#fff;padding:2% 0;}
dl.paypay{background:#e50010;margin:2% auto;padding:0 2% 2%;display:flex;flex-flow:row wrap;width:96%;}
dl.aupay{background:#ea5504;margin:0 auto;padding:0 2% 2%;display:flex;flex-flow:row wrap;width:96%;}
dl.note dt{width:100%;border-bottom:2px solid #fff;font-size:6vw;color:#fff;text-align:center;padding:2%;}
dl.note dd,dl.note dd span{width:100%;color:#fff;}
dl.note dd{padding:2% 0;}
dl.note dd span{display:block;width:100%;text-indent:-1em;padding-left:1em;}
.notes p{width:96%;margin:auto;text-indent:-1em;padding-left:1em;}
.notes p::before{content:"\25a0";}
.coupon_button.paypay{background:#e60012;width:96%;margin:3% auto;border:2px solid #fff;box-shadow:0 0 0 4px #e60012;border-radius:30px;}
.coupon_button.aupay{background:#e95504;width:96%;margin:3% auto;border:2px solid #fff;box-shadow:0 0 0 4px #e95504;border-radius:30px;}
.coupon_button a{font-size:3vw;color:#fff;display:block;width:100%;height:100%;text-align:center;}
.link_com{font-size:2.8vw;color:#333;text-align:center;}
.coupon_button.noperiod,.coupon_button.end{pointer-events:none;}
.coupon_button.end{background:#ccc;border-radius:30px;box-shadow:0 0 0 4px #ccc;}
dl.target{width:96%;margin:0 auto;}
dt.sub_title{font-weight:bold;font-size:4.2vw;}
dt.sub_title::before{content:"\226a";}
dt.sub_title::after{content:"\226b";}
.storelist{display:flex;flex-flow:row wrap;border:1px solid #ccc;}
.tablehead,.tablebody,.head_item,.bodyitem{width:100%;display:flex;flex-flow:row wrap;}
.tablehead{border-bottom:1px solid #ccc;}
.head_item div{background:#00135d;color:#fff;padding:1%;text-align:center;}
.prefectures{width:30%;border-right:1px solid #ccc;margin:0;}
.storename{width:70%;}
.bodyitem div{display:flex;align-items:center;justify-content:center;}
.bodyitem .prefectures{background:#d9e1f2;} 
.bodyitem .prefectures.border{border-bottom:1px solid #ccc;} 
.bodyitem div.storename{text-align:left;justify-content:flex-start;border-bottom:none;}
.storename ul{width:100%;}
.storename li{padding:2% 0 2% 3%;border-bottom:1px solid #ccc;}
footer{background:#00135d;text-align:center;color:#fff;margin:3% 0 0;padding:2% 0}
.pc{display:none;}

@media screen and (min-width: 798px){
*{font-size:20px;}
main{max-width:1100px;margin:auto;}
.cashless_type{display:flex;justify-content:space-around;}
.payment{width:250px;max-width:25%;margin:0 auto 1%;}
.payment::after,.payment.second::after{width:65px;height:65px;top:45%;right:-15%;}
.payment.second::after{transform:rotate(0);}
.cashless_rellay_benefits{display:flex;flex-flow:row wrap;justify-content:space-around;}
img.benefits{width:46%;}
dl.note{padding:2% 0;}
dl.note dt{width:30%;font-size:20px;border-bottom:none;display:flex;align-items:center;justify-content:center;}
dl.note dd{width:70%;border-left:2px solid #fff;padding:0 2%;}
.coupon_button a{font-size:15px;}
.link_com{font-size:13px;}
dt.sub_title{font-size:24px;}
.bodyitem div{font-size:18px;}
.bodyitem div a{font-size:18px;text-decoration:underline;}
.pc{display:block;}
.mobile{display:none;}
}