.dl_info {
  font-family:'Avenir','Helvetica, Neue','Helvetica','Arial';
  box-sizing: border-box;
}

/* モーダルCSS */
.dl_info .modalArea{
  display: none;
  position: fixed;
  z-index: 10; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dl_info .modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}

.dl_info .modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 70%;
  max-width: 500px;
  padding: 30px 40px;
  background-color: #fff;
}


.dl_info .closeModal {
  position: absolute;
  font-weight:bold;
  font-size:170%;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}


/* 以下ボタンスタイル */
.dl_info button {
  padding: 5px 0;
  cursor: pointer;
  color:#666;
  border:none;
  background:none;
}
.dl_info button:hover{
  color:#aaa;
}
.dl_info #tojiruBtn,
.dl_info #tojiruBtn02,
.dl_info #tojiruBtn03 {
	padding: 5px 0;
	margin-top:1em;
	cursor: pointer;
	background:#666;
	text-align:center;
	width:100%;
	color:#fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

/* -------------------- smart phone  -------------------- */

@media screen and (max-width:414px) {
.dl_info .modalWrapper {
  max-width:100%;
  height:80%;
  overflow : auto;
  padding: 30px 30px 20px 20px;
  background-color: #fff;
}
}