:root{
  --color-01:#007F41;
}

ol,
ul {
  list-style: none;
}

time {
  display: block;
}

a,
button {
  color: inherit;
  text-decoration: none;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

a:hover,
button:hover {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.up-clearfix {
    display: block;
}

.up-clearfix::before, .up-clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.ec-parent:has(.ec-child:empty) {
    display: none;
}

.ec-parent2:has(.ec-child2:empty) {
    display: none;
}

.pc-only{
  display: block;
}

.sp-only{
  display: none;
}

@media(max-width:767px){
  .pc-only{
    display: none;
  }
  
  .sp-only{
    display: block;
  }
}

/* [data-element-id] .sp-only {
    display: block;
    border: 3px solid green;
    padding: 10px;
    max-width: 375px;
    margin: 30px auto 0;
} */

[data-element-id] .sp-only {
    display: block !important;
    border: 4px solid green;
    padding: 10px;
    max-width: 375px;
    margin-right: auto;
    margin-left: auto;
}

[data-element-id] .sp-only::before {
    content: "モバイル用";
    background-color: green;
    color: #fff;
    display: block;
    width: calc(100% + 20px);
    margin: -10px -10px 10px;
    text-align: center;
    padding-bottom: 4px;
    font-size: 12px;
}