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 ); } }