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

.top-image{width:100%;max-height:calc(100vh - 20vh);overflow:hidden;margin-bottom:15px;}

.couple-gallery{display:flex;justify-content:space-between;flex-wrap:wrap;width:70%;margin:0 auto;}
.couple-gallery li{width:30%;margin-bottom:100px;}
.couple-gallery li p{text-align:center;margin:5px 0 10px;font-size:20px;}
.couple-gallery li p.shooting-place{font-size:12px;font-family:'Oswald',sans-serif;background:#000;color:#FFF;}
.report-photo{width:100%;height:auto;overflow:hidden;}
.report-photo img{transition:.5s all;}
.couple-gallery a:hover img{transform:scale(1.05);}

.report{display:flex;flex-wrap:wrap;width:70%;margin:0 auto;}
.report li{width:30%;margin-bottom:100px;margin-right:5%;}
.report li:nth-child(3n){margin-right:0;}
.report li:last-child{margin-right:0;}
.report li a{height:100%;overflow:hidden;}
.report li img{transition:.5s all;}
.report li a:hover img{transform:scale(1.05);}

.couple-name{position:relative;margin-bottom:5px;}

.photographer{display:flex;justify-content:center;align-items:center;width:70%;margin:50px auto 100px;}
.by-image{width:12%;border-radius:50%;overflow:hidden;margin-right:20px;}
.by-cap h3{font-size:18px;}

.used a{display:flex;justify-content:center;width:30%;margin:0 auto 100px;border:solid 1px #AAA;padding:10px;transition:.5s all;}
.used a:hover{opacity:.5;}
.used-image{width:30%;margin-right:5%;}
.used-cap{width:70%;}
.used-title{display:inline;background:#D00;color:#FFF;padding:5px 10px;}
.used-cap h2{margin:5px 0 0;font-size:20px;border-bottom:dotted 1px #666;}

.slick-plan li{position:relative;}
.slick-plan li p{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,.5);color:#FFF;text-align:center;}

@media screen and (max-width:1280px){
.couple-gallery li{width:30%;margin-bottom:50px;}
}

@media screen and (max-width:768px){
.couple-gallery{width:90%;margin:0 auto;}
.couple-gallery li{width:30%;margin-bottom:50px;}
.couple-gallery li p{font-size:12px;}
}

@media screen and (max-width:640px){
.top-sp{display:block;}
.photographer{display:block;width:100%;padding:0 10px;margin:30px auto;}
.by-image{width:60%;margin:0 auto 20px;}
.by-cap h3{font-size:15px;text-align:center;}
.report{display:block;width:100%;margin:0 auto;padding:0 10px;}
.report li{width:100%;margin-bottom:30px;margin-right:0;}
.used a{width:95%;margin:0 auto 30px;padding:5px;}
.used-image{width:40%;margin-right:0;}
.used-cap{width:60%;padding-left:5px;}
.used-title{display:inline;background:#D00;color:#FFF;padding:2px 10px;}
.used-cap h2{margin:5px 0 0;font-size:15px;}
.used-cap p{line-height:normal;}

.couple-gallery{display:block;width:100%;padding:0 10px;}
.couple-gallery li{width:100%;margin-bottom:30px;}
.couple-gallery li p{font-size:15px;text-align:center;}

.couple-name:after{font-family: "Font Awesome 5 Free";content: "\f101";color:#f90;margin-left:10px;}

}