Commit 1982f87c by o.kimura

CSS取り込み・ニュースのカテゴリ表示と調整

parent 2bfe7446
......@@ -5574,6 +5574,15 @@ body {
margin-bottom: 60px;
}
.p-company-detail .c-mainvisual.sdgsRenew {
width: 100%;
height: 500px;
background-image: url(/assets/img/company/mv05.png);
background-position: center top;
background-size: cover;
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.p-company-detail .c-mainvisual {
margin: 100px 0 30px;
......@@ -6233,6 +6242,17 @@ body {
margin-right: 23px;
}
#pagetop .p-news .list_cat {
display: inline-block;
font-size: 1.2rem;
line-height: 1;
color: #fff;
padding: 3px 8px;
margin-right: 6px;
min-width: 100px;
text-align: center;
}
.p-news .list_cat {
display: inline-block;
font-size: 1.2rem;
......@@ -7736,6 +7756,9 @@ body {
.p-service_top3 .list_image {
text-align: center;
}
.p-service_top3 .list_image img{
width:100%
}
}
.p-service_top3 .list_text {
......@@ -8050,8 +8073,8 @@ body {
@media screen and (max-width: 767px) {
.p-service_top8 .container {
padding-left: 0;
padding-right: 0;
padding-left: 15px; /* 横幅を入れて見栄え調整 21/02/15 */
padding-right: 15px; /* 横幅を入れて見栄え調整 21/02/15 */
}
}
......@@ -8236,11 +8259,28 @@ body {
line-height: 1.4;
}
}
.p-atc-mv {
background: url("/assets/img/service/top/mv-img.jpg") no-repeat top center;
background: url("/assets/img/service/top/atc/mv_img.jpg") no-repeat top center;
background-size: cover;
height: 300px;
height: 500px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
}
.p-follow-mv {
background: url("/assets/img/service/top/mv-img-follow.jpg") no-repeat top center;
background-size: cover;
height: 500px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
......@@ -8255,28 +8295,40 @@ body {
align-items: center;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.p-atc-mv {
background: url("/assets/img/service/top/mv-img.jpg") no-repeat top left -200px;
background: url("/assets/img/service/top/atc/mv_sp_img.jpg") no-repeat top center;
}
.p-follow-mv {
background: url("/assets/img/service/top/service-top-15.jpg") no-repeat top right;
background-size: cover;
display: flex;
margin-bottom: 20px;
align-items: center;
position: relative;
height: 250px;
}
.p-atc{
padding: 0;
}
}
.p-atc-mv-ttl {
font-size: 3.6rem;
line-height: 1.35;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-weight: bold;
text-align: center;
color: #fff;
padding-top: 24px;
line-height: 1.35;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-weight: bold;
text-align: center;
color: #fff;
padding-top: 40px;
text-shadow: 3px 3px 1px #000000;
}
@media screen and (max-width: 767px) {
.p-atc-mv-ttl {
font-size: 2rem;
padding: 0 20px;
padding: 290px 20px 0 20px;
text-shadow: 2px 2px 1px #000000;
}
}
......@@ -9563,4 +9615,43 @@ a.sdgs_other:after {
.mt-60 {
margin-top: 60px !important;
}
\ No newline at end of file
}
/* PC,SPの改行位置用CSS 2021/04/28 --*/
@media screen and (min-width: 768px) {
.pc_br { display:block; }
.sp_br { display:none; }
}
@media screen and (max-width: 767px) {
.pc_br { display:none; }
.sp_br { display:block; }
}
/* topページ オンマウスでふわっとさせる2021/02/15 --*/
a.smoothHover img{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a.smoothHover:hover img{
opacity: 0.6;
filter: brightness(110%);
}
a.simpleText {
display:block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background:url('/common_previous/img/img_top_arrow.jpg')no-repeat bottom right;
}
a.simpleText:hover {
text-decoration:none;
color:#000000;
}
a.simpleText:visited {
color:#000000;
}
......@@ -472,7 +472,7 @@ body {
font-size: 1.4rem;
line-height: 1;
color: #000;
padding: 6px 35px 0 0;
padding: 3px 35px 0 0;
}
@media screen and (max-width: 767px) {
......
......@@ -44,19 +44,6 @@
<main class="content">
<ul class="list">
<?php
// $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
// $args = array(
// 'post_type' => 'news',
// 'post_status' => 'publish',
// 'posts_per_page' => 1,
// 'tax_query' => array(array(
// 'taxonomy' => 'news_tax',
// 'field' => 'slug',
// 'terms' => get_queried_object()->slug,
// )),
// 'order' => 'ASC',
// 'paged' => $paged,
// );
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
parse_str($query_string, $args);
$args += array(
......
......@@ -57,63 +57,7 @@
<div class="top1__wrap">
<div class="container">
<!-- <ul class="c-list1">
<li class="c-list1__item">
<div class="c-list1__intro">
<time datetime="2020-04-09" class="c-list1__date">2020年04月09日</time>
<p class="c-list1__tag">
<span>会社情報</span>
</p>
</div>
<div class="c-list1__link">
<a href="/news/info/details/20200409/" class="c-list1__txt">セミナー開催日程の追加と、一部中止のお知らせ</a>
</div>
</li>
<li class="c-list1__item">
<div class="c-list1__intro">
<time datetime="2020-04-07" class="c-list1__date">2020年04月07日</time>
<p class="c-list1__tag">
<span>会社情報</span>
</p>
</div>
<div class="c-list1__link">
<a href="/news/info/details/20200407/" class="c-list1__txt">新型コロナウイルス感染対策に伴う、各種講座・セミナー開催中止のお知らせ(4月7日更新)</a>
</div>
</li>
<li class="c-list1__item">
<div class="c-list1__intro">
<time datetime="2020-04-01" class="c-list1__date">2020年04月01日</time>
<p class="c-list1__tag">
<span>会社情報</span>
</p>
</div>
<div class="c-list1__link">
<a href="/news/info/details/20200401/" class="c-list1__txt">新型コロナウイルス感染対策に伴う、各種講座・セミナー開催中止のお知らせ(4月1日更新)</a>
</div>
</li>
<li class="c-list1__item">
<div class="c-list1__intro">
<time datetime="2020-03-28" class="c-list1__date">2020年03月28日</time>
<p class="c-list1__tag">
<span>会社情報</span>
</p>
</div>
<div class="c-list1__link">
<a href="/news/info/details/20200328/" class="c-list1__txt">東京都外出自粛要請に伴う、在宅勤務切り替えのお知らせ</a>
</div>
</li>
<li class="c-list1__item">
<div class="c-list1__intro">
<time datetime="2020-03-27" class="c-list1__date">2020年03月27日</time>
<p class="c-list1__tag"><span>会社情報</span></p>
</div>
<div class="c-list1__link">
<a href="/news/info/details/20200327/" class="c-list1__txt">基本的欲求サーベイWeb版システムメンテナンスのお知らせ</a>
</div>
</li>
</ul> -->
<div class="container p-news">
<?php
$args = array(
'posts_per_page' => 5,
......@@ -130,7 +74,15 @@
<li class="c-list1__item">
<div class="c-list1__intro">
<time class="c-list1__date"><?php the_time('Y年m月d日'); ?></time>
<p class="c-list1__tag"><span>会社情報</span></p>
<?php
$terms = wp_get_post_terms($post->ID, 'news_tax', array('order' => 'DESC', 'orderby' => 'count'));
if ($terms && !is_wp_error($terms)) :
foreach ($terms as $term) { ?>
<p class="list_cat <?php echo $term->slug; ?>"><?php echo $term->name; ?></p>
<?php }
endif; ?>
</div>
<div class="c-list1__link">
<a href="<?php the_permalink(); ?>" class="c-list1__txt"><?php the_title(); ?></a>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment