.btn_area
{
display: flex;
justify-content: flex-end;
}
@media screen and (max-width: 640px) {
.btn_area
{
display: flex;
padding: 0;
}
} .bottom_fav_blc
{margin: 30px 0 0 0;}
.bottom_fav_blc .favorite_btn_area{
padding: 0px 0;
}
.btn_area .favorite_btn_area{
position: relative;
max-width: 180px;
width: 100%;
height:80px;
padding-right:1%;
margin: unset;
}
.btn_area .favorite_btn{
display: flex;
align-items: center;
position: static;
background-color: transparent;
border-radius: 15px;
border:none;
cursor: pointer;
outline: none;
padding: 5px;
appearance: none;
background: #fff;
box-shadow:0 0 4px rgba(0,0,0,0.2);
font-size:12px;
width:100%;
text-align:center;
max-width:100%;
margin-left:0;
height: 48px;
white-space: nowrap;
}
.btn_area .addfavorite.favorite_btn{
border:solid 1px #666666;
}
.btn_area .favorite_btn:hover{
opacity: 0.7;
}
.btn_area .removefavorite.favorite_btn{
border:solid 1px #f7757c;
transform: translateY(-100%);
visibility: hidden;
}
.btn_area .favorite_btn .fav_icon{
display: inline;
font-size:20px;
margin:0 10px;
}
.btn_area .addfavorite{
color:#666666;
}
.btn_area .removefavorite{
color:#f7757c;
}
.btn_area .fav_txt{
font-size:12px;
}
.bottom_fav_blc .favorite_btn{
margin: 0 auto;
}
@media screen and (max-width: 640px) {
.btn_area  .favorite_btn_area{
height:70px;
margin: 0 0 0 auto;
}
.btn_area  .favorite_btn{
max-width:220px;
}
.btn_area  .favorite_btn .fav_icon{
font-size:16px;
}
.btn_area  .fav_txt{
font-size:12px;
}
.bottom_fav_blc .favorite_btn_area{
padding: 30px 0;
}
} .btn_area .pdf_btn_area{
position: relative;
max-width: 180px;
width: 100%;
height:80px;
padding-right:1%;
margin: unset;
}
.btn_area .pdf_btn{
display: flex;
align-items: center;
position: static;
background-color: transparent;
border-radius: 15px;
border:none;
cursor: pointer;
outline: none;
padding: 5px;
appearance: none;
background: #da4d3c;
box-shadow:0 0 4px rgba(0,0,0,0.2);
font-size:12px;
width:100%;
text-align:center;
max-width:100%;
margin-left:0;
height: 48px;
white-space: nowrap;
}
.btn_area .pdf_btn::before{
content: "";
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/gallery/pdf_icon.png)no-repeat;
width: 30px;
height: 30px;
background-size: cover;
}
.btn_area .addpdf.pdf_btn{
border:solid 1px #666666;
}
.btn_area .pdf_btn:hover{
opacity: 0.7;
}
.btn_area .removepdf.pdf_btn{
border:solid 1px #f7757c;
transform: translateY(-100%);
visibility: hidden;
}
.btn_area .pdf_btn .pdf_icon{
display: inline;
font-size:20px;
margin:0 10px;
}
.btn_area .addpdf{
color:#fff;
}
.btn_area .removepdf{
color:#f7757c;
}
.btn_area .pdf_txt{
font-size:12px;
}
.btn_area .bottom_pdf_blc .pdf_btn{
margin: 0 auto;
}
.btn_area .bottom_pdf_blc .pdf_btn_area{
padding: 60px 0;
}
@media screen and (max-width: 640px) {
.btn_area  .pdf_btn_area{
height:70px;
margin: 0 0 0 auto;
}
.btn_area  .pdf_btn{
max-width:220px;
}
.btn_area  .pdf_btn .pdf_icon{
font-size:16px;
}
.btn_area  .pdf_txt{
font-size:12px;
}
.btn_area  .bottom_pdf_blc .pdf_btn_area{
padding: 30px 0;
}
} .btn_area .filesize{
color: red;
font-size: 1rem;
text-align: center;
margin: 5px 0 0 0;
}