@charset "utf-8";
/* CSS Document */

/*全体の大きさ*/
#easyModal.active {
  width: 400px;
	/*height: 350px;*/
	height: auto;
  transform: translateY(0%);
  min-width: 300px!important;
  text-align: right;
}
/*非表示：全体のの大きさ*/
#easyModal{
width: 400px!important;
  transition: 1s;
  position: fixed;
  bottom: 0;
  right: 0;
  transform: translateY(100%);
  z-index: 700;
  min-width: 250px;
  padding: 0.5rem;
	background: #fff;
	border-radius: 10px;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
}

/*閉じるボタン*/
.modalClose-button-s {
  position: absolute;
  top: -30px;
  right: 15px;
	width: 50px;
  background-color: #999;
  color: #fff;
	border: 2px solid #999;
  border-radius: 5px;
  font-weight: bold;
  font-size: 1rem;
	padding: 0.5rem 0 0.7rem;
	fill:#fff;
}
.modalClose-button-s:hover {
  cursor: pointer;
  background: #fff;
  color: #999;
	fill:#999;
  transition: 0.3s;
}

/*閉じるボタン本体*/
#up-window{
	width: 25px;
}
#down-window{
	width: 15px;
}
#up-window .up-color,#down-window .down-color{
	 fill:  inherit;
}
/*表示：閉じるボタン*/
#easyModal.active #modalClose.modalClose-button-s {
  opacity: 1;
  transition: 0.3s;
	pointer-events: auto;
}
/*非表示：閉じるボタン*/
#easyModal #modalClose.modalClose-button-s {
  opacity: 0;
  transition: 0.3s;
	pointer-events: none;
}


/*product内のカタログダウンロード*/
.download_title{
	text-align: center;
	font-weight: bold;
	margin: 1rem 0;
	padding-bottom: 0.5rem;
	border-bottom: solid 2px #ff6699;
}
.download_img{
	display: block;
	border: solid 1px #333;
}
.download_btn_popup p{
	font-size: 14px;
	text-align: center;
}
.download_btn_popup button{
		width: 100%;
	background-color: #f60;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	color: #fff;
	font-weight: bold;
	font-size: 1rem;
	border-radius: 5px;
	display: block;
	padding: 0.5rem;
	text-align: center;
	margin-top: 1rem;
}
.download_btn_popup button:hover, .download_img:hover,.special_img:hover,.special_btn button:hover{
	transform: scale(1.05);
	transition: 0.2s;
}
.modal-content{
padding-bottom: 15px!important;
}