/*簡易用のテーブル*/
.simple-table tr td,.simple-table tr th {
	table-layout:fixed;
	text-align:center;
	font-size:12px;
	color:#444;
}
.simple-table tr td p.button-widget a:before {
    content: "";
    font-family: "fontawesome";
}

.treatment_contents {
  padding: 0 10px 10px 10px;
  border-radius: 5px;
  background-color: #f9f9f9;
  border: solid 1px #cccccc;
}

.treatment_contents-title {
  background-color: #444444;
  color: white;
  padding: 5px;
  margin-left: -10px;
  border-radius: 5px 0 5px 0;
}

.treatment_contents-flex{
display:flex;
}
.treatment_contents-flex-title { flex-basis: 130px; position:relative;}
.treatment_contents-flex-content { flex-basis: 100%; padding-left:5px}
.treatment_contents-flex-title:after{
content: '\:';
position: absolute;
top: 0;
right: 0;
}


.coupon_heading{
  width:auto;
  padding: 10px;
}
.coupon_card{
  display:flex;
  padding: 0px;
  border: 2px solid black;
  margin-bottom: 10px;
}
.coupon_heading a {
  color: inherit !important;
}
.coupon_heading a:where(:not(.wp-element-button)) {
  text-decoration: none;
}
.coupon_left{
  position: relative;
  flex: 4;
}

.coupon_right{
  display:flex;
  position: relative;
  flex: 1;
  border-left: 2px dashed black;
  justify-content: center;
  align-items: center;
} 

.coupon_right--tip{
  text-align:center;

}

.coupon_right--tip__price_value{
  font-weight: bold;
  font-size: 3em;
  color: #e91d16;
}

.coupon_right--tip__discount_unit{
  font-size: 1em;
  color: #e91d16;
}
.coupon_right--tip__discount_comment{
  font-size: 1.5em;
  color: #100909;
  font-weight: bold;
}
/* circle-css */
.coupon_right::before,
.coupon_right::after {
  position: absolute;
  display: block;
  content: "";
  border-radius: 100%;
  background: #fff;
  left: -12px;
  width: 22px;
  height: 22px;
}
.coupon_right::before{
  border-bottom: 2px solid white; /* 境界線を黒く設定 */
}
.coupon_right::after{
  border-top: 2px solid white; /* 境界線を黒く設定 */
}

@media (max-width: 640px) {
  .coupon_card{
    display:flex;
    flex-wrap: wrap;
  }

  .coupon_left{
    position: relative;
    flex-basis: 100%;
  }

  .coupon_right{
    display:flex;
    position: relative;
    flex-basis: 100%;
    border-top: 2px dashed black;
    border-left: transparent;
    justify-content: center;
    align-items: center;
    background-image: -webkit-linear-gradient(315deg, #dd9536 0%, #fff1bb 25%, #fff1bb 75%, #dd9536 100%);
    background-image: linear-gradient(135deg, #dd9536 0%, #fff1bb 25%, #fff1bb 75%, #dd9536 100%);
  } 

  .coupon_right::before{
    top: -12px;
    left: -12px;
  }
  .coupon_right::after{
    top: -12px;
    left: calc(100% - 11px);
  }
  .coupon_right::before{
    border-bottom: transparent;
    border-right: 2px solid white; /* 境界線を黒く設定 */
  }
  .coupon_right::after{
    border-top: transparent;
    border-left: 2px solid white; /* 境界線を黒く設定 */
  }

  .coupon_right--tip{
    display:flex;
    align-items: baseline;
  }

}
@media (max-width: 400px) {
  .coupon_condition__target {
    flex-basis: 100% !important;
  }
}

.coupon_right::before {
  top: -11px;
}
.coupon_right::after {
  bottom: -11px;
}

/* 外枠 */
.trimming{
  overflow: hidden;
  width: 200px;/* 枠の幅 */
  height: 200px;/* 枠の高さ */
  position: relative;
}

/* 画像 */
.trimming img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
  display:block;
}

.coupon_card__header{
  display:flex;
  height: 60px;
}

.coupon_card__content{
  display:flex;
  flex-wrap: wrap;
}
.coupon_card__header__date{
  flex-basis: 50%;
  padding: 0px;
  text-align:center;
  color:white;
  background-color: rgb(189, 172, 172);
}

.coupon_card__header__date .font-weight-bold{
  font-weight: bold;
  font-size:0.8em;
}
.coupon_card__header__date .font-small{
  font-size:0.8em;
}

.coupon_card__header__category{
  flex-basis: 50%;
  display:flex;
  padding: 0px;
  color:white;
  background-color: rgb(9, 8, 8);
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size:0.8em;
}

.coupon_card__thumbnail{
  flex-basis: 200px;
  padding: 0px;
}

.coupon_condition__target{
  flex-basis: calc(100% - 200px);
  padding:10px;
}
.coupon_condition__target .font-small{
  font-size: 0.8em;
}

.coupon_condition__target--title{
  font-weight: bold;

}

.gold-gradient{
  background-image: -webkit-linear-gradient(315deg, #dd9536 0%, #fff1bb 25%, #fff1bb 75%, #dd9536 100%);
  background-image: linear-gradient(135deg, #dd9536 0%, #fff1bb 25%, #fff1bb 75%, #dd9536 100%);
}

.discount-badged{
  color: #FF8C00;
  background: -webkit-linear-gradient(0deg, #40E0D0, #FF8C00, #FF0080);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}