/* ___________________________________
繧ｿ繧､繝医Ν
____________________________________ */
.single-post .ttlarea, .post-type-archive-post .ttlarea, .category .ttlarea {
background: linear-gradient(to right, rgba(41,43,43,0.5) 0%, rgba(139,140,137,0.5) 100%),url(../img/header-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
min-height: 568.8px;
}
.ttlarea ul.outer {
max-width: 1200px;
}
/* 繝輔ぉ繝ｼ繝峨う繝ｳ
--------------------------- */
#news_h1 {
opacity : 0;
transform : translateY(20px);
transition : all 1000ms;
}
#news_h1.effect {
opacity : 1;
transform : translateY(0);
}
#news_lead {
opacity : 0;
transform : translateY(20px);
transition : all 1000ms;
}
#news_lead.effect {
opacity : 1;
transform : translateY(0);
}
/* ========================================
險倅ｺ�
======================================== */
/* ------------------------------
繝ｬ繧､繧｢繧ｦ繝�
------------------------------ */
#wrapper_news {
width: 100%;
margin: 0 auto;
padding: 0;
}
#wrapper_news-article {
position: relative;
}
/* ------------------------------
繧ｿ繧ｰ
------------------------------ */
.single-news .tag a {
margin: 0.5em 0.5em 0.25em 0;
}
.single-news .tag a:first-child {
background: #001011;
}
.single-news .tag span {
display: block;
}
/* ___________________________________
contents
____________________________________ */
/* 繝｡繧､繝ｳ繧ｫ繝ｩ繝�
--------------------------- */
.container_subpage .ptn01 ul#post-list li.main {
flex: 0 0 71%;
margin: 0 5% 2% 0;
padding: 0 0 2% 0;
}
.container_subpage .ptn01 ul#post-list li.main .paragraph {
margin-bottom: 3em;
}
#archive_news #archive_news_ul ul.inner li.photo {
width: 28%;
margin-right: 2%;
}
#archive_news #archive_news_ul ul.inner li.txt {
width: 70%;
padding: 0;
line-height: 1.2;
border-radius: 0;
}
#wrapper_news-article ul#post-list li.main img {
margin-top: 2.5%;
}
/* 繧ｵ繝悶き繝ｩ繝�
--------------------------- */
.container_subpage .ptn01 ul#post-list li.sub {
flex: 0 0 24%;
margin-right: 0;
padding: 0 0 2% 0;
}
.container_subpage .ptn01 ul#post-list li.sub li.txt {
width: 100%;
}
.container_subpage .ptn01 ul#post-list li.sub ul.inner li.inner_li {
width: 100%;
}
#archive_news #archive_news_ul li.sub ul.inner li.inner_li {
width: 100%;
}
.single .container_subpage ul#post-list li.sub ul.inner2 {
margin-bottom: 3em;
align-items: stretch;
}
.single .container_subpage ul#post-list li.sub ul.inner2 li {
padding: 1em 0;
font-size: 14px;
line-height: 1;
border-bottom: 1px dotted #ccc;
}
.single .container_subpage ul#post-list li.sub ul#archive-inner2 {
margin-bottom: 0;
}
/* ------------------------------
谿ｵ關ｽ
------------------------------ */
.single-news .container_subpage ul#post-list li.main p {
margin: 0 0 1em;
}
.single-news .container_subpage ul#post-list li.main img {
margin: 0 0 5%;
}
.single-news .container_subpage ul#post-list li.main img.mgt-5 {
margin-top: 5%;
}
/* ___________________________________
縺昴�莉悶�險倅ｺ�
____________________________________ */
.related_articles h2#h2-news::before {
content: "\eb32";
margin-right: 0.25em;
}
/* 逕ｻ蜒� */
.related_articles ul.outer li.outer_li ul.inner li.photo {
width: 28%;
margin-right: 2%;
}
/* 繝�く繧ｹ繝� */
.related_articles ul.outer li.outer_li ul.inner li.txt {
width: 68%;
padding-right: 2%;
font-size: 14px;
line-height: 1.2;
}
/* ========================================
繧｢繝ｼ繧ｫ繧､繝�
======================================== */
#archive_news h1 {
margin: 0 auto 2.5%;
padding: 2.5% 0;
font-size: 40px;
line-height: 1.2;
border-bottom: 1px solid #000;
}
.post-type-archive-news #h2-news {
display: none;
}
.post-type-archive-news.date #h2-news {
display: block;
}
/* ___________________________________
繧ｿ繧ｰ
____________________________________ */
.tag .tag {
margin-top: 0.5em;
}
.tag .tag a {
margin: 0.25em 0.25em 0.25em 0;
padding: 0.5em 1em;
color: #fff;
font-size: 10px;
line-height: 1;
background: #0072BB;
border-radius: 20px;
}
.archive .tag a:last-child {
display: inline-block;;
}
/* ___________________________________
隕句�縺�
____________________________________ */
#archive_news h1 {
margin: 0 auto 2.5%;
padding: 2.5% 0;
font-size: 40px;
line-height: 1.2;
border-bottom: 1px solid #000;
}
.post-type-archive-post #h2-news {
display: none;
}
/* ___________________________________
contents
____________________________________ */
/* 繝｡繧､繝ｳ繧ｫ繝ｩ繝�
--------------------------- */
#archive_news #archive_news_ul li.main {
flex: 0 0 65%;
margin: 0 3% 2% 0;
padding: 0 0 2% 0;
}
#archive_news #archive_news_ul ul.inner li.photo {
flex: 0 0 28%;
width: 28%;
margin-right: 2%;
border-radius: 5px;
}
#archive_news #archive_news_ul ul.inner li.photo img {
object-fit: cover;
}
#archive_news #archive_news_ul ul.inner li.txt {
flex: 0 0 70%;
width: 70%;
padding: 0;
line-height: 1.2;
border-radius: 0;
}
.post-type-archive-post .archive_ul li.outer-li {
flex: 0 0 auto;
margin: 0 0 2% 0;
width: 100%;
max-width: 100%;
}
/* 繧ｵ繝悶き繝ｩ繝�
--------------------------- */
#archive_news #archive_news_ul li.sub {
flex: 0 0 32%;
margin-right: 0;
padding: 0 0 2% 0;
}
#archive_news #archive_news_ul li.sub ul.inner li.inner_li {
width: 100%;
}
.archive .container_subpage_inner li.sub ul.inner2 {
margin-bottom: 3em;
align-items: stretch;
}
.archive .container_subpage_inner li.sub ul.inner2 li {
font-size: 14px;
line-height: 2.2;
border-bottom: 1px dotted #ccc;
}
.archive .container_subpage_inner li.sub ul#archive-inner2 {
margin-bottom: 0;
}
/* ------------------------------
繝壹�繧ｸ繝阪�繧ｷ繝ｧ繝ｳ
------------------------------ */
.pagination2 li.previous {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
margin-right: 0;
}
.pagination2 li.next {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
margin-left: 0;
text-align: right;
}
/**
* 繝ｬ繧ｹ繝昴Φ繧ｷ繝�: PC逕ｨ 繧ｦ繧｣繝ｳ繝峨え蟷�1200px莉･荳句�騾�
*/
@media screen and ( max-width:1200px) {
/* ------------------------------
蜈ｱ騾壹そ繝ｬ繧ｯ繧ｿ
------------------------------ */
.contents {
padding-top: 0;
}
/* ___________________________________
繧ｿ繧､繝医Ν
____________________________________ */
.ttlarea ul.outer {
max-width: 90%;
}
}
/**
* 繝ｬ繧ｹ繝昴Φ繧ｷ繝�: PC逕ｨ 繧ｦ繧｣繝ｳ繝峨え蟷�811px莉･荳翫�1200px莉･荳�
*/
@media screen and (min-width:811px) and ( max-width:1200px) {
/* ___________________________________
隕句�縺�
____________________________________ */
#archive_news h1 {
font-size: 3.3vw;
}
/* ------------------------------
譌･莉�
------------------------------ */
.wrapper-date {
top: 33px;
}
/* ------------------------------
谿ｵ關ｽ
------------------------------ */
}
/**
* 繝ｬ繧ｹ繝昴Φ繧ｷ繝�: TB逕ｨ 繧ｦ繧｣繝ｳ繝峨え蟷�810px莉･荳句�騾�
*/
@media screen and ( max-width:810px) {
/* ------------------------------
逶ｮ谺｡
------------------------------ */
#toc {
width: 94%;
padding: 2% 3%;
}
/* ------------------------------
繝ｬ繧､繧｢繧ｦ繝�
------------------------------ */
#wrapper_news-article ul#post-list li.main img {
width: 100%;
}
/* ___________________________________
contents
____________________________________ */
/* 繝｡繧､繝ｳ繧ｫ繝ｩ繝�
--------------------------- */
.container_subpage .ptn01 ul#post-list li.main {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
margin: 0 3% 0 0;
padding: 0 0 2% 0;
}
/* 繧ｵ繝悶き繝ｩ繝�
--------------------------- */
.container_subpage .ptn01 ul#post-list li.sub {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
padding: 0 0 2% 0;
}
#archive_news #archive_news_ul li.sub ul.inner li.txt {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
padding: 0;
}
/* ========================================
繧｢繝ｼ繧ｫ繧､繝�
======================================== */
/* ___________________________________
contents
____________________________________ */
/* 繝｡繧､繝ｳ繧ｫ繝ｩ繝�
--------------------------- */
#archive_news #archive_news_ul li.main {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
margin: 0 3% 0 0;
padding: 0 0 2% 0;
}
/* 繧ｵ繝悶き繝ｩ繝�
--------------------------- */
#archive_news #archive_news_ul li.sub {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
padding: 2% 0 0 0;
}
/* ___________________________________
隕句�縺�
____________________________________ */
#archive_news h1 {
margin: 0 auto 5.5%;
font-size: 3.5vw;
}
}
/**
* 繝ｬ繧ｹ繝昴Φ繧ｷ繝�: TB逕ｨ 繧ｦ繧｣繝ｳ繝峨え蟷�641px莉･荳翫�810px莉･荳�
*/
@media screen and (min-width:641px) and ( max-width:810px) {
/* ------------------------------
隕句�縺�
------------------------------ */
#wrapper_news-article h1 {
font-size: 3.5vw;;
}
.container_subpage_inner h2 {
font-size: 3.3vw;
}
/* 縺ゅ＠繧峨＞ */
#wrapper_news-article .related_articles h2::before {
width: 80px;
padding-right: 3vw;
}
#wrapper_news-article .related_articles h2::after {
width: 80px;
padding-left: 3vw;
}
/* ========================================
繧｢繝ｼ繧ｫ繧､繝�
======================================== */
/* ------------------------------
隕句�縺�
------------------------------ */
#archive_news h1 {
font-size: 3.5vw;
}
}
/**
* 繝ｬ繧ｹ繝昴Φ繧ｷ繝�: SP逕ｨ 繧ｦ繧｣繝ｳ繝峨え蟷�640px莉･荳�
*/
@media screen and (max-width:640px) {
/* ------------------------------
隕句�縺�
------------------------------ */
#wrapper_news-article h1 {
font-size: 4vw;
}
/* ------------------------------
繝ｬ繧､繧｢繧ｦ繝�
------------------------------ */
.related_articles ul.outer li.outer_li ul.inner li.txt {
font-size: 2vw;
}
/* ------------------------------
隕句�縺�
------------------------------ */
#wrapper_news-article ul#post-list li.main h2 {
font-size: 18px;
padding: 2em 0 1em;
}
/* ------------------------------
谿ｵ關ｽ
------------------------------ */
/* ------------------------------
逕ｻ蜒擾ｼ茨ｼ貞���
------------------------------ */
#wrapper_news-article ul#post-list li.main .paragraph ul.two-rows li.outer_li li.photo img {
border-radius: 10px;
}
/* ========================================
繧｢繝ｼ繧ｫ繧､繝�
======================================== */
/* ------------------------------
隕句�縺�
------------------------------ */
#archive_news h1 {
font-size: 4vw;
}
/* ___________________________________
contents
____________________________________ */
/* 繝｡繧､繝ｳ繧ｫ繝ｩ繝�
--------------------------- */
.post-type-archive-post .container .main h3 {
padding: 0;
}
}
/**
* 繝ｬ繧ｹ繝昴Φ繧ｷ繝�: SP逕ｨ 繧ｦ繧｣繝ｳ繝峨え蟷�480px莉･荳�
*/
@media screen and ( max-width:480px) {
/* ------------------------------
繧ｿ繧､繝医Ν
------------------------------ */
.single-post .ttlarea {
min-height: 722px;
}
/* ------------------------------
繝ｬ繧､繧｢繧ｦ繝�
------------------------------ */
.related_articles ul.outer li.outer_li ul.inner li.txt {
font-size: 14px;
}
/* ------------------------------
隕句�縺�
------------------------------ */
#wrapper_news-article h1 {
font-size: 5vw;
}
/* ------------------------------
譌･莉�
------------------------------ */
.wrapper-date {
font-size: 13px;
}
/* ------------------------------
谿ｵ關ｽ
------------------------------ */
table.ptn02 td {
white-space: nowrap;
}
/* ___________________________________
縺昴�莉悶�險倅ｺ�
____________________________________ */
/* 逕ｻ蜒� */
.related_articles ul.outer li.outer_li ul.inner li.photo {
width: 20%;
}
/* 繝�く繧ｹ繝� */
.related_articles ul.outer li.outer_li ul.inner li.txt {
width: 76%;
}
/* ========================================
繧｢繝ｼ繧ｫ繧､繝�
======================================== */
/* ------------------------------
隕句�縺�
------------------------------ */
#archive_news h1 {
font-size: 5vw;
}
/* ___________________________________
contents
____________________________________ */
/* 繝｡繧､繝ｳ繧ｫ繝ｩ繝�
--------------------------- */
.post-type-archive-post #archive_news #archive_news_ul ul.inner li.photo {
width: 20%;
margin-right: 2%;
}
#archive_news #archive_news_ul ul.inner li.photo img {
height: 80px;
}
.post-type-archive-post #archive_news #archive_news_ul ul.inner li.txt {
width: 78%;
padding: 0;
line-height: 1.2;
border-radius: 0;
}
.post-type-archive-post .archive_ul ul.inner li.txt h3 {
font-size: 13px;
line-height: 1.2;
}
}
/**
* 繝ｬ繧ｹ繝昴Φ繧ｷ繝�: SP逕ｨ 繧ｦ繧｣繝ｳ繝峨え蟷�428px莉･荳�
*/
@media screen and ( max-width:428px) {
/* ------------------------------
繧ｿ繧､繝医Ν
------------------------------ */
.single-post .ttlarea {
min-height: 650px;
}
/* ------------------------------
隕句�縺�
------------------------------ */
#wrapper_news-article h1 {
font-size: 5.5vw;
}
/* ___________________________________
縺昴�莉悶�險倅ｺ�
____________________________________ */
/* 逕ｻ蜒� */
.related_articles ul.outer li.outer_li ul.inner li.photo {
width: 20%;
}
.related_articles ul.outer li.outer_li ul.inner li.photo img {
height: 70px;
}
/* 繝�く繧ｹ繝� */
.related_articles ul.outer li.outer_li ul.inner li.txt {
width: 76%;
}
/* ========================================
繧｢繝ｼ繧ｫ繧､繝�
======================================== */
/* ------------------------------
隕句�縺�
------------------------------ */
#archive_news h1 {
font-size: 5.5vw;
}
/* ___________________________________
contents
____________________________________ */
/* 繝｡繧､繝ｳ繧ｫ繝ｩ繝�
--------------------------- */
.post-type-archive-post #archive_news #archive_news_ul ul.inner li.photo {
width: 24%;
margin-right: 2%;
}
#archive_news #archive_news_ul ul.inner li.photo img {
height: 80px;
}
.post-type-archive-post #archive_news #archive_news_ul ul.inner li.txt {
width: 74%;
padding: 0;
}
}
/**
* 繝ｬ繧ｹ繝昴Φ繧ｷ繝�: SP逕ｨ 繧ｦ繧｣繝ｳ繝峨え蟷�414px莉･荳�
*/
@media screen and ( max-width:414px) {
/* ------------------------------
繧ｿ繧､繝医Ν
------------------------------ */
.single-post .ttlarea {
min-height: 630px;
}
/* ========================================
繧｢繝ｼ繧ｫ繧､繝�
======================================== */
/* ___________________________________
contents
____________________________________ */
/* 繝｡繧､繝ｳ繧ｫ繝ｩ繝�
--------------------------- */
.post-type-archive-post #archive_news #archive_news_ul ul.inner li.photo {
width: 14%;
margin-right: 2%;
}
#archive_news #archive_news_ul ul.inner li.photo img {
height: 80px;
}
.post-type-archive-post #archive_news #archive_news_ul ul.inner li.txt {
width: 84%;
padding: 0;
}
}
/**
* 繝ｬ繧ｹ繝昴Φ繧ｷ繝�: SP逕ｨ 繧ｦ繧｣繝ｳ繝峨え蟷�375px莉･荳�
*/
@media screen and ( max-width:375px) {
/* ------------------------------
繧ｿ繧､繝医Ν
------------------------------ */
.single-post .ttlarea {
min-height: 575px;
}
/* ------------------------------
隕句�縺�
------------------------------ */
#wrapper_news-article h1 {
font-size: 5.8vw;
}
/* ------------------------------
譌･莉�
------------------------------ */
.wrapper-date {
font-size: 12px;
}
/* ------------------------------
逕ｻ蜒擾ｼ茨ｼ貞���
------------------------------ */
#wrapper_news-article ul#post-list li.main .paragraph ul.two-rows li.outer_li li.photo img {
border-radius: 5px;
}
/* ___________________________________
縺昴�莉悶�險倅ｺ�
____________________________________ */
/* 逕ｻ蜒� */
.related_articles ul.outer li.outer_li ul.inner li.photo {
width: 24%;
}
.related_articles ul.outer li.outer_li ul.inner li.photo img {
height: 70px;
}
/* 繝�く繧ｹ繝� */
.related_articles ul.outer li.outer_li ul.inner li.txt {
width: 72%;
font-size: 12px;
}
/* ========================================
繧｢繝ｼ繧ｫ繧､繝�
======================================== */
/* ------------------------------
隕句�縺�
------------------------------ */
#archive_news h1 {
font-size: 5.8vw;
}
}
/**
* 繝ｬ繧ｹ繝昴Φ繧ｷ繝�: SP逕ｨ 繧ｦ繧｣繝ｳ繝峨え蟷�320px莉･荳�
*/
@media screen and ( max-width:320px) {
/* ========================================
險倅ｺ�
======================================== */
/* ------------------------------
繧ｿ繧､繝医Ν
------------------------------ */
.single-post .ttlarea {
min-height: 498px;
}
/* ------------------------------
隕句�縺�
------------------------------ */
#wrapper_news-article ul#post-list li.main h2 {
font-size: 16px;
}
}
/**
* 繝ｬ繧ｹ繝昴Φ繧ｷ繝�: SP逕ｨ 繧ｦ繧｣繝ｳ繝峨え蟷�280px莉･荳�
*/
@media screen and ( max-width:280px) {
/* ------------------------------
繧ｿ繧､繝医Ν
------------------------------ */
.single-post .ttlarea {
min-height: 440px;
}
/* ========================================
繧｢繝ｼ繧ｫ繧､繝�
======================================== */
/* ___________________________________
contents
____________________________________ */
/* 繝｡繧､繝ｳ繧ｫ繝ｩ繝�
--------------------------- */
.post-type-archive-post #archive_news #archive_news_ul ul.inner li.photo {
width: 14%;
margin-right: 2%;
}
#archive_news #archive_news_ul ul.inner li.photo img {
height: 80px;
}
.post-type-archive-post #archive_news #archive_news_ul ul.inner li.txt {
width: 84%;
padding: 0;
}
.post-type-archive-post .archive_ul ul.inner li.txt h3 {
font-size: 12px;
}
}