@charset "UTF-8";
.box {
  margin: 25px 0;
  position: relative;
  border-radius: 4px;
  padding: 10px 14px;
  background: white;
  border: 2px solid #909090;
  font-size: 15px;
}
.box.background-white {
  background: white !important;
}
.box.border-bold {
  border-width: 3px !important;
}
.box .box-title {
  position: absolute;
  background: #F3F1EC;
  color: #FFF;
  display: inline-block;
  top: -30px;
  left: 0;
  padding: 2px 9px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
  text-align: center;
  letter-spacing: 0.05em;
}
.box p {
  margin: 0 0 8px 0;
  padding: 0;
  line-height: 30px;
}
.box h2, .box h3, .box h4 {
  margin-top: 0.3em !important;
}
.box ul, .box ol {
  padding: 12px 0 !important;
  margin-bottom: 0 !important;
}
.box li {
  position: relative;
  margin: 0;
  list-style: none;
}
.box li:before {
  color: #FF9002;
}
.box ul li {
  padding-left: 20px;
  margin: 0;
}
.box ul li:before {
  position: absolute;
  content: "\f00c";
  font-weight: 900;
  font-family: "icomoon", "fontawesome";
  left: -2px;
}
.box ol {
  counter-reset: number; /*数字をリセット*/
  list-style-type: none !important; /*数字を一旦消す*/
  padding: 0.5em;
}
.box ol li {
  padding: 4px 0 4px 34px !important;
}
.box ol li:before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display: inline-block;
  background: #FF9002;
  color: white;
  font-family: "Avenir", "Arial Black", "Arial", sans-serif;
  font-weight: bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.box.block-title {
  position: relative;
  padding: 10px 14px;
}
.box.block-title .box-title {
  position: relative;
  background: #F3F1EC;
  color: #FFF;
  display: block;
  margin: -15px -15px 10px -15px;
  line-height: 1.8;
  border-radius: 4px 4px 0 0;
  padding: 4px;
  height: auto;
  top: 0;
}
.box.label-title {
  margin: 50px 0 25px 0;
}

.box-gray {
  background: white;
  border: 1px solid #F3F1EC;
}
.box-gray .box-title:not(.dummy) {
  background: #909090;
  color: #FFF;
}
.box-gray li:before {
  color: #909090;
}
.box-gray ol li:before {
  background: #909090;
}

.box-light-gray {
  background: white;
  border: 1px solid #F3F1EC;
}
.box-light-gray .box-title:not(.dummy) {
  background: #F3F1EC;
  color: #565959 !important;
}
.box-light-gray li:before {
  color: #909090;
}
.box-light-gray ol li:before {
  background: #909090;
}

.box-lucky2 {
  background: #FFF;
  border: 2px solid #FABD00;
}
.box-lucky2 .box-title:not(.dummy) {
  background: #FABD00;
  color: #FFF;
}
.box-lucky2 li:before {
  color: #FF9002;
}
.box-lucky2 ol li:before {
  background: #FF9002;
}

.box-yellow {
  background: #ffffd2;
  border: 1px solid hsl(60deg, 52%, 79%);
}
.box-yellow .box-title:not(.dummy) {
  background: #d47800;
  color: #FFF;
}
.box-yellow li:before {
  color: #FF9002;
}
.box-yellow ol li:before {
  background: #FF9002;
}

.box-blue {
  background: #d9edf7;
  border: none;
}
.box-blue .box-title:not(.dummy) {
  background: #19b2ff;
  color: #FFF;
}
.box-blue li:before {
  color: #19b2ff;
}
.box-blue ol li:before {
  background: #19b2ff;
}

.box-red {
  background: #ffebe9;
  border: none;
}
.box-red.background-white {
  border: solid 1px #ff7d6e;
}
.box-red .box-title:not(.dummy) {
  background: #ff7d6e;
  color: #fff;
}
.box-red li:before {
  color: #ff7d6e;
}
.box-red ol li:before {
  background: #ff7d6e;
}

.box-orange {
  background: #FEFBF4;
  border-color: #FF9002;
}
.box-orange .box-title:not(.dummy) {
  background: #FF9002;
  color: #fff;
}
.box-orange li:before {
  color: #FF9002;
}
.box-orange ol li:before {
  background: #FF9002;
}

.box-kuchikomi {
  background: #ffffeb;
  border: 1px solid hsl(60deg, 52%, 79%);
}
.box-kuchikomi li {
  font-size: 14px !important;
}
.box-kuchikomi .box-title:not(.dummy) {
  background: #ff9a18;
  color: #FFF;
}
.box-kuchikomi ul li:before {
  color: #FF9002;
  content: "\f27b";
}
.box-kuchikomi ol li:before {
  background: #FF9002;
}

.box-expand .su-expand-content {
  padding-top: 30px;
}
/*# sourceMappingURL=box2.css.map */