Written by Anonymous
/*サムネイルサイズ揃える*/
.card-thumb.carousel-entry-card-thumb img ,
.ect-2-columns .card-thumb.entry-card-thumb img {
object-fit: cover;
font-family: 'object-fit: cover;'; /*IE対策*/
}
.card-thumb.carousel-entry-card-thumb {
width: 100%;
}
.ect-2-columns .entry-card-wrap {
padding: 7px 17px 17px; /*余白広げる*/
}
.carousel .a-wrap {
padding: .2em 10px; /*余白広げる・pxで計算*/
}
@media screen and (min-width: 1261px) { /*サイドバーあり大・固定*/
.ect-2-columns .card-thumb.entry-card-thumb img {
height: calc(362px / 3 * 2 );
}
.card-thumb.carousel-entry-card-thumb img {
height: calc(174px / 3 * 2 );
}
}
@media screen and (max-width: 1260px) and (min-width: 1024px) { /*サイドバーあり小・可変*/
.ect-2-columns .card-thumb.entry-card-thumb img {
height: calc((( 66vw - 60px ) * 49.5 / 100 - 34px ) / 3 * 2 );
}
}
@media screen and (max-width: 1260px) and (min-width: 1240px) { /*カルーセル6*/
.card-thumb.carousel-entry-card-thumb img {
height: calc((( 100vw - 60px ) / 6 - 26px ) / 3 * 2 );
}
}
@media screen and (max-width: 1239px) and (min-width: 1024px) { /*カルーセル5*/
.card-thumb.carousel-entry-card-thumb img {
height: calc((( 100vw - 60px ) / 5 - 26px ) / 3 * 2 );
}
}
@media screen and (max-width: 1023px) and (min-width: 835px) { /*カルーセル4*/
.ect-2-columns .card-thumb.entry-card-thumb img {
height: calc((( 100vw - 80px ) * 49.5 / 100 - 34px ) / 3 * 2 );
}
.card-thumb.carousel-entry-card-thumb img {
height: calc((( 100vw - 60px ) / 4 - 26px ) / 3 * 2 );
}
}
@media screen and (max-width: 834px) and (min-width: 480px) { /*カルーセル3*/
.ect-2-columns .card-thumb.entry-card-thumb img {
height: calc((( 100vw - 20px ) * 49.5 / 100 - 34px ) / 3 * 2 );
}
.card-thumb.carousel-entry-card-thumb img {
height: calc((( 100vw - 60px ) / 3 - 26px) / 3 * 2 );
}
}
@media screen and (max-width: 479px) and (min-width: 357px) { /*スマホ縦2列・カルーセルなし*/
.ect-2-columns .entry-card-wrap {
padding: 8px; /*余白狭める*/
}
.ect-2-columns .card-thumb.entry-card-thumb img {
height: calc((( 100vw - 20px ) * 49.5 / 100 - 16px ) / 3 * 2 );
}
}
@media screen and (max-width: 356px) { /*スマホ縦1列・カルーセルなし*/
.ect-2-columns .card-thumb.entry-card-thumb img {
height: calc(( 100vw - 54px ) / 3 * 2 );
}
}