@charset "UTF-8";

/* =======================================
    LINEページ
======================================= */
.line .line-box {
  border: 5px solid #bfeaf6;
  border-radius: 12px;
  margin: 2% 0;
  padding: 2% 16px;
}

.step {
  color: #3af;
  font-weight: bold;
}

.step-ttl {
  display: block;
  font-size: 20px;
  font-weight: bold;
}

.panel {
  overflow: hidden;
}

.panel li img {
  display: block;
  margin: 2% 0 3%;
}

/* 開閉式パネル */
.line-box label {
  border-bottom: 1px solid #00f;
  color: #00f;
	cursor:pointer;
}

.line-box input[type="checkbox"] {
  display:none;
}

.line-box input[type="checkbox"] + div {
  height:0;
  opacity:0;
  overflow:hidden;
  transition:.9s;
}

.line-box input[type="checkbox"]:checked + div {
  height:100%;
	margin-bottom:1%;
  opacity:1;
	padding:2%;
}