Commit 1982f87c by o.kimura

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

parent 2bfe7446
...@@ -5574,6 +5574,15 @@ body { ...@@ -5574,6 +5574,15 @@ body {
margin-bottom: 60px; 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) { @media screen and (max-width: 767px) {
.p-company-detail .c-mainvisual { .p-company-detail .c-mainvisual {
margin: 100px 0 30px; margin: 100px 0 30px;
...@@ -6233,6 +6242,17 @@ body { ...@@ -6233,6 +6242,17 @@ body {
margin-right: 23px; 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 { .p-news .list_cat {
display: inline-block; display: inline-block;
font-size: 1.2rem; font-size: 1.2rem;
...@@ -7736,6 +7756,9 @@ body { ...@@ -7736,6 +7756,9 @@ body {
.p-service_top3 .list_image { .p-service_top3 .list_image {
text-align: center; text-align: center;
} }
.p-service_top3 .list_image img{
width:100%
}
} }
.p-service_top3 .list_text { .p-service_top3 .list_text {
...@@ -8050,8 +8073,8 @@ body { ...@@ -8050,8 +8073,8 @@ body {
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-service_top8 .container { .p-service_top8 .container {
padding-left: 0; padding-left: 15px; /* 横幅を入れて見栄え調整 21/02/15 */
padding-right: 0; padding-right: 15px; /* 横幅を入れて見栄え調整 21/02/15 */
} }
} }
...@@ -8236,11 +8259,28 @@ body { ...@@ -8236,11 +8259,28 @@ body {
line-height: 1.4; line-height: 1.4;
} }
} }
.p-atc-mv { .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; 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-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -8255,11 +8295,21 @@ body { ...@@ -8255,11 +8295,21 @@ body {
align-items: center; align-items: center;
margin-bottom: 40px; margin-bottom: 40px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-atc-mv { .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; margin-bottom: 20px;
align-items: center;
position: relative;
height: 250px;
}
.p-atc{
padding: 0;
} }
} }
...@@ -8270,13 +8320,15 @@ body { ...@@ -8270,13 +8320,15 @@ body {
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
color: #fff; color: #fff;
padding-top: 24px; padding-top: 40px;
text-shadow: 3px 3px 1px #000000;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-atc-mv-ttl { .p-atc-mv-ttl {
font-size: 2rem; font-size: 2rem;
padding: 0 20px; padding: 290px 20px 0 20px;
text-shadow: 2px 2px 1px #000000;
} }
} }
...@@ -9564,3 +9616,42 @@ a.sdgs_other:after { ...@@ -9564,3 +9616,42 @@ a.sdgs_other:after {
.mt-60 { .mt-60 {
margin-top: 60px !important; margin-top: 60px !important;
} }
/* 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 { ...@@ -472,7 +472,7 @@ body {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1; line-height: 1;
color: #000; color: #000;
padding: 6px 35px 0 0; padding: 3px 35px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
......
...@@ -44,19 +44,6 @@ ...@@ -44,19 +44,6 @@
<main class="content"> <main class="content">
<ul class="list"> <ul class="list">
<?php <?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; $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
parse_str($query_string, $args); parse_str($query_string, $args);
$args += array( $args += array(
......
...@@ -57,63 +57,7 @@ ...@@ -57,63 +57,7 @@
<div class="top1__wrap"> <div class="top1__wrap">
<div class="container"> <div class="container p-news">
<!-- <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> -->
<?php <?php
$args = array( $args = array(
'posts_per_page' => 5, 'posts_per_page' => 5,
...@@ -130,7 +74,15 @@ ...@@ -130,7 +74,15 @@
<li class="c-list1__item"> <li class="c-list1__item">
<div class="c-list1__intro"> <div class="c-list1__intro">
<time class="c-list1__date"><?php the_time('Y年m月d日'); ?></time> <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>
<div class="c-list1__link"> <div class="c-list1__link">
<a href="<?php the_permalink(); ?>" class="c-list1__txt"><?php the_title(); ?></a> <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