/*トップスライド*/
.card01 .l-inner {
	position: relative;
	-webkit-box-sizing: content-box;
					box-sizing: content-box;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20rem;
}
.card01 .slide-media,
.card01 .thumb-media {
	position: relative;
	overflow: hidden;
	border-radius:20px;
	box-shadow:0px 5px 0px 0px rgba(0, 0, 0, 0.15);
}
.card01 .slide-media img,
.card01 .thumb-media img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
		 object-fit: cover;
	
}
.card01 {overflow: hidden;padding-bottom:4rem;}
.card01 .swiper {overflow: visible;}
.card01 .slide {
	overflow: hidden;
	-webkit-transition: var(--transition), opacity 1s;
	transition: var(--transition), opacity 1s;
	-webkit-box-shadow: var(--box-shadow);
					box-shadow: var(--box-shadow);
}
@media only screen and (min-width: 769px) {
.card01 .slide-media img.sp{display:none;}
.card01 .slide-media {padding-top: 48.5%;}
}
@media only screen and (max-width: 1624px) {
.card01 .l-inner {padding:0 15rem;}
}
@media only screen and (max-width: 1024px) {
.card01 .l-inner {
	padding: 0 8rem;
}
}
@media only screen and (max-width: 768px) {
	.slide-media img.pc{display:none;}
	.card01 .slide-media {padding-top: 100%;}
	.card01 .l-inner {padding:0 10px;}
}



/*ペットの種類から探す*/
.card02 .l-inner {
	position: relative;
	-webkit-box-sizing: content-box;
					box-sizing: content-box;
	max-width: 920px;
	margin: 0 auto;
	padding: 0 ;
}
.card02 .swiper-slide{
	width:200px;
	margin: 0 auto;
	padding: 0 1rem;
}

@media only screen and (min-width: 1001px) {
.card02 .swiper-slide{
	flex-shrink: unset;
}
}
@media only screen and (max-width: 1000px) {
	.card02 .l-inner {margin-left:4rem;}
	}

.card02 {overflow: hidden;padding-bottom:2rem;}

.card02 .swiper {overflow: visible;}
.card02 .slide {
	overflow: hidden;
	-webkit-transition: var(--transition), opacity 1s;
	transition: var(--transition), opacity 1s;
	-webkit-box-shadow: var(--box-shadow);
					box-shadow: var(--box-shadow);
}
.card02 .swiper-slide img{
	border-radius: 50%;
        box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.15);
}



/*toppage ワンちゃんネコちゃん*/
.card03 .l-inner {
	position: relative;
	-webkit-box-sizing: content-box;
					box-sizing: content-box;
	margin: 0 auto;
	padding: 0 ;
}
@media only screen and (min-width: 981px){
	.card03 .column_list > li{width: calc((100% - 3rem) / 4) !important;}
	.card03 .column_list > li:nth-child(4n){margin-right:0;}
}
@media only screen and (min-width: 481px) and (max-width: 980px){
	.card03 .column_list > li{width: calc((100% - 1rem) / 2)!important;}
	.card03 .column_list > li:nth-child(2n){margin-right:0;}
	
}
@media only screen and (min-width: 481px) {
.card03 .swiper-slide{
	flex-shrink: unset;
}
.card03 .column_list > li{height:unset;}
}
@media only screen and (max-width: 480px) {
	
	#petscolumn{padding:2rem 0;}
	.card03 .l-inner {margin-left:1rem;}
	.column_list{flex-wrap:unset;}
	.column_list > li{height:unset;gap: 10px;}
	.card03 .swiper-slide{
	width:280px;
	margin: 0 5px;
	padding: 1rem;
}

}

.card03 {overflow: hidden;padding-bottom:2rem;}

.card03 .swiper {overflow: visible;}
.card03 .slide {
	overflow: hidden;
	-webkit-transition: var(--transition), opacity 1s;
	transition: var(--transition), opacity 1s;
	-webkit-box-shadow: var(--box-shadow);
					box-shadow: var(--box-shadow);
}



/*トリミングスライドショー*/
.card04 .l-inner {
	position: relative;
	-webkit-box-sizing: content-box;
					box-sizing: content-box;
	margin: 0 auto;
	padding: 0;
}

.card04 .swiper-slide{
	width:100%;
	/*margin: 0 auto;
	padding: 0 1rem;*/
	    
}

.card04 {overflow: hidden;padding-bottom:2rem;}


.card04 .swiper-wrapper{
	display: flex;
    align-items: center;
}
.card04 .swiper {overflow: visible;
text-align: center;
    background: #222;
		box-sizing:border-box;
		padding:1rem;
}
.card04 .slide {
	overflow: hidden;
	-webkit-transition: var(--transition), opacity 1s;
	transition: var(--transition), opacity 1s;
	-webkit-box-shadow: var(--box-shadow);
					box-shadow: var(--box-shadow);
}
.card04 .swiper-slide .slide-tit{
	color:#fff;
	margin: 0 0 1em;
}