@charset "utf-8";





/* ------------------------------------------------
###  イントロダクションの範囲
------------------------------------------------ */
.love-affair div.area {
display: flex;
}
@media (max-width: 767px) {
.love-affair div.area {
display: block;
}
}

.love-affair div.images {
width: 340px;
flex-shrink: 0;
}
@media (max-width: 767px) {
.love-affair div.images {
width: 100%;
flex-shrink: 0;
}
}

.love-affair div.box {
padding-left: 30px;
}
@media (max-width: 767px) {
.love-affair div.box {
padding-left: 0px;
}
}

.love-affair div.box p {
text-align: justify;
}

.love-affair div.box h1 {
font-size: 30px;
position: relative;
}

.love-affair div.box h1 span.name {
font-size: 18px;
margin-left: 17px;
color: #CCC;
position: absolute;
top: 7px;
font-family: "Merriweather", serif;
}

.love-affair div.box h1 i.fa-brands.fa-instagram {
font-size: 20px;
margin-right: 5px;
}

.love-affair div.box h1 a i.fa-brands.fa-instagram:hover {
color: #4a2aa5;
}

.love-affair div.box h1 i.fa-brands.fa-x-twitter {
font-size: 20px;
margin-right: 5px;
}

.love-affair div.box h1 a i.fa-brands.fa-x-twitter:hover {
color: #4a2aa5;
}

.love-affair div.box h1 i.fa-brands.fa-facebook {
font-size: 20px;
}

.love-affair div.box h1 a i.fa-brands.fa-facebook:hover {
color: #4a2aa5;
}

.love-affair div.box p.category {
background: #dbd4ed;
display: inline-block;
padding: 4px 10px 4px 10px;
font-size: 14px;
}

.hover {
position: relative;
}

.hover .hover-img {
margin: 0;
padding: 0;
}

.hover-img img {
width: 100%;
height: 100%;
}

.hover .hover-text {
position:	absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
color: #fff;
background-color:	rgba(0,0,0,0.65);
/*透明にして表示させない*/
opacity: 0;
/*ホバーの動き方*/
transition: .3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
}

.hover .hover-text .text1 {
font-size: 22px;
font-family: "Merriweather", serif;
}

/*ホバーエフェクト*/
.hover:hover .hover-text {
/*不透明にして表示*/
opacity: 1;
}

.love-affair div.item {
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.love-affair div.item {
display: block;
}
}

.love-affair p.money {
font-size: 22px;
margin-right: 30px;
font-weight: bold;
margin-bottom: 0px;
}
@media (max-width: 991px) {
.love-affair p.money {
font-size: 22px;
margin-right: 30px;
font-weight: bold;
margin-bottom: 15px;
}
}

.wrap{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.footer{
    margin-top: auto;
}

.explanation {
background: #f5f5f5;
padding: 20px;
 border-radius: 6px;
line-height: 1.8;	
}

.love-affair div.container div.row.gy-5 div.col-12 div.area div.box p.name {
font-size: 14px;
color: #CCC;
font-family: "Merriweather", serif;	
}