@charset "UTF-8";
/* 　----- プレビュー画像 -----*/
#tmpl_content .imgarea {
  position: relative;
}
#tmpl_content canvas {
  position: absolute;
  z-index: 80;
}
#tmpl_content .circle-text {
  width: 310px;
  height: 310px;
  color: #fff;
  margin: 0 auto;
  position: relative;
  background-image: url("/Products/justear/img/preview/01.png");
  line-height: 40px;
  font-size: 30px;
}
@media screen and (max-width: 640px) {
  #tmpl_content .circle-text {
    background-size: cover;
  }
}
@media screen and (max-width: 320px) {
  #tmpl_content .circle-text {
    width: 260px;
    height: 260px;
  }
}

/* 　----- テキストエリア -----*/
#tmpl_content .txtarea {
  width: 90%;
}
@media screen and (max-width: 640px) {
  #tmpl_content .txtarea {
    width: calc(100% - 40px);
  }
}
#tmpl_content .errormsg li {
  color: #a42200;
  font-weight: bold;
}
#tmpl_content svg {
  width: 100%;
  height: auto;
  overflow: visible;
}
#tmpl_content text {
  fill: #000;
  stroke: #FFF;
  stroke-width: 1;
  stroke-linejoin: round;
}

/* ----- プレビューボタン -----*/
#tmpl_content .preview {
  width: 100%;
  max-width: none;
  min-width: 0;
  background-color: #5787f4;
}
#tmpl_content .preview > a {
  display: block;
  color: #fff !important;
  font-size: 1.2rem;
  padding: 10px;
  text-align: center;
  transition: all 0.2s linear;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  #tmpl_content .preview {
    width: 100%;
  }
}
#tmpl_content .false_01,
#tmpl_content .false_02,
#tmpl_content .false_03 {
  pointer-events: none !important;
}
#tmpl_content .false_01 > a,
#tmpl_content .false_02 > a,
#tmpl_content .false_03 > a {
  pointer-events: none !important;
  cursor: default;
  background-color: #4d4d4d !important;
  color: #ccc !important;
}