/* ----------------------------------------- */ /* ビュー スラッグ: topics_top_pc1 - 開始 */ /* ----------------------------------------- */ #topics{ padding:0 10px; } #topics .col-md-12{ padding:0 10px; } /* ----------------------------------------- */ /* ビュー スラッグ: topics_top_pc1 - 終了 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* ビュー スラッグ: topics_top_pc2 - 開始 */ /* ----------------------------------------- */ #topics{ padding:0 10px; } #topics .col-md-12{ padding:0 10px; } /* ----------------------------------------- */ /* ビュー スラッグ: topics_top_pc2 - 終了 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* ビュー スラッグ: topics_top_pc3 - 開始 */ /* ----------------------------------------- */ #topics{ padding:0 10px; } #topics .col-md-12{ padding:0 10px; } /* ----------------------------------------- */ /* ビュー スラッグ: topics_top_pc3 - 終了 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* ビュー スラッグ: topics_top_mobile - 開始 */ /* ----------------------------------------- */ .center-item{ transition: 0.2s linear; } .slick-center{ transition: transform 0.2s linear; transition-delay: 0.5s; } .center-item .slick-slide:not(.slick-center) { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); transition: 0.2s linear; } .center-item .slick-slide:not(.slick-center) { opacity:0.6; transition: 0.2s linear; } /* ----------------------------------------- */ /* ビュー スラッグ: topics_top_mobile - 終了 */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: topics_top_pc1 - 開始 */ /* ----------------------------------------- */ .topics_section{ background-color: #222222; position:relative; } .topics_img{ width: 100%; overflow: hidden; } .topics_img img{ width:100%; transition-duration: 0.5s; /*変化に掛かる時間*/ height:auto; } .linkbox:hover img{ transform: scale(1.1); /*画像の拡大率*/ } .topics_info{ padding:1em; } .topics_info .title{ color:#fff; font-weight: 400; } .topics_info .pc_date{ font-size:80%; font-family: 'Lato'; color:#999; text-align:right; position:absolute; right: 15px; bottom: 10px; } /* ----------------------------------------- */ /* Content Template: topics_top_pc1 - 終了 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: topics_top_pc2 - 開始 */ /* ----------------------------------------- */ .topics_section{ background-color: #222222; position:relative; } .topics_img{ width: 100%; overflow: hidden; } .topics_img img{ width:100%; transition-duration: 0.5s; /*変化に掛かる時間*/ height:auto; } .linkbox:hover img{ transform: scale(1.1); /*画像の拡大率*/ } .topics_info{ padding:1em; } .topics_info .title{ color:#fff; font-weight: 400; } .topics_info .pc_date{ font-size:80%; font-family: 'Lato'; color:#999; text-align:right; position:absolute; right: 15px; bottom: 10px; } /* ----------------------------------------- */ /* Content Template: topics_top_pc2 - 終了 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: topics_top_pc3 - 開始 */ /* ----------------------------------------- */ .topics_section{ background-color: #222222; position:relative; } .topics_img{ width: 100%; overflow: hidden; } .topics_img img{ width:100%; transition-duration: 0.5s; /*変化に掛かる時間*/ height:auto; } .linkbox:hover img{ transform: scale(1.1); /*画像の拡大率*/ } .topics_info{ padding:1em; } .topics_info .title{ color:#fff; font-weight: 400; } .topics_info .pc_date{ font-size:80%; font-family: 'Lato'; color:#999; text-align:right; position:absolute; right: 15px; bottom: 10px; } /* ----------------------------------------- */ /* Content Template: topics_top_pc3 - 終了 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: topics_top_mobile2 - 開始 */ /* ----------------------------------------- */ .topics_section{ background-color: #222222; position:relative; } .topics_img{ width: 100%; overflow: hidden; } .topics_img img{ width:100%; height:auto; } .topics_info{ padding:1em; } .topics_info .title{ color:#fff; font-size:100%; } .topics_info .date{ font-family: 'Lato'; font-size:80%; color:#999; text-align:right; position:absolute; right: 10px; bottom: 5px; } /* ----------------------------------------- */ /* Content Template: topics_top_mobile2 - 終了 */ /* ----------------------------------------- */