カテゴリー: 新着情報

/* ----------------------------------------- */ /* View: topics_widget - 開始 */ /* ----------------------------------------- */ .col-sm-12{ margin-bottom: 4px !important; } .topics_list_detail{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .topics_list_detail > div { width: 120px; } .topics_list_detail > span { -webkit-box-flex: 1; -webkit-flex: 1 1 240px; -ms-flex: 1 1 240px; flex: 1 1 240px; padding-right: 10px; } .topics_list li a { padding: 18px 14px; display: block; color: #333; } .topics_list li a:hover { text-decoration: none; } ul.topics_list { padding: 0px; } .topics_list li { list-style: none; background: #fff; position: relative; } .topics_date{ font-size: 13px; color: #999999; margin-right: 20px; } .topics_category{ color: #999999; font-size: 12px !important; text-align: center; border: solid 1px #999999; border-radius: 30px; padding: 3px 7px; width: 100px; } @media only screen and (max-width: 767px){ .topics_title{ margin-top: 10px; padding-right: 20px; } } .topics_list li i { font-size: 12px; font-size: 0.8rem; position: absolute; right: 12px; top: 50%; margin-top: -6px; font-weight: bold; color: #2153a0; -webkit-transition: 300ms; transition: 300ms; } @media only screen and (max-width: 767px){ .topics_list li i { right: 6px; } } .icon{ font-family: "icons"; display: inline-block; vertical-align: middle; line-height: 1; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga" 1; font-feature-settings: "liga" 1; } .icon_indicator_right:before { font-family: 'FontAwesome'; content: '\f0da'; font-size: 14px; } .topics_list li a:hover i{ -webkit-transform: translate(5px, 0px); -moz-transform: translatee(5px, 0px); -o-transform: translatee(5px, 0px); transform: translatee(5px, 0px); } /* ----------------------------------------- */ /* View: topics_widget - 終了 */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: WordPress Archive – loop item - 開始 */ /* ----------------------------------------- */ .col-sm-12{ margin-bottom: 4px !important; } .topics_list_detail{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .topics_list_detail > div { width: 120px; } .topics_list_detail > span { -webkit-box-flex: 1; -webkit-flex: 1 1 240px; -ms-flex: 1 1 240px; flex: 1 1 240px; } .topics_list li a { padding: 18px 14px; display: block; color: #333; } .topics_list li a:hover { text-decoration: none; } ul.topics_list { padding: 0px; } .topics_list li { list-style: none; background: #fff; position: relative; } .topics_date{ font-size: 13px; color: #999999; margin-right: 20px; } .topics_category{ color: #999999; font-size: 12px !important; text-align: center; border: solid 1px #999999; border-radius: 30px; padding: 3px 7px; width: 100px; } @media only screen and (max-width: 767px){ .topics_title{ margin-top: 10px; padding-right: 20px; } } .topics_list li i { font-size: 12px; font-size: 0.8rem; position: absolute; right: 12px; top: 50%; margin-top: -6px; font-weight: bold; color: #2153a0; -webkit-transition: 300ms; transition: 300ms; } @media only screen and (max-width: 767px){ .topics_list li i { right: 6px; } } .icon{ font-family: "icons"; display: inline-block; vertical-align: middle; line-height: 1; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga" 1; font-feature-settings: "liga" 1; } .icon_indicator_right:before { font-family: 'FontAwesome'; content: '\f0da'; font-size: 14px; } .topics_list li a:hover i{ -webkit-transform: translate(5px, 0px); -moz-transform: translatee(5px, 0px); -o-transform: translatee(5px, 0px); transform: translatee(5px, 0px); } /* ----------------------------------------- */ /* Content Template: WordPress Archive – loop item - 終了 */ /* ----------------------------------------- */