@charset "utf-8";

/*==========================================
list
==========================================*/
.blog.inners {  margin-top: 30px;}
ul.newsbox.grid {}
ul.newsbox.grid {display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 45px;grid-row-gap: 120px;margin-bottom: 5em;}
.newsbox li>a .imgbox {overflow:hidden; margin-bottom: 1em;padding-top: 61.8%;position: relative;background: url(../img/cta_bg.jpg) no-repeat center;
 background-size: cover;}
.newsbox li>a .imgbox img { transition:1s all;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.newsbox li>a:hover .imgbox img{ transform:scale(1.1,1.1);opacity:.4;}
.newsbox li>a .text .time.en { color: #b5ab9c;
 font-family: dnp-shuei-gothic-gin-std, sans-serif;
 font-weight: 400; font-style: normal;}
.newsbox li>a .text .cat {font-size: 80%;background: #f1f1f1;padding: .2em 1.5em;display: inline-block;}
.newsbox li>a .text .title {font-size: 140%;font-weight: 800;color: #494949;line-height: 1.4;}
.page-numbers {display: grid;grid-template-columns: repeat(auto-fit, 40px);column-gap: 12px;justify-content: center;margin: 0 0 60px;}
.page-numbers li>* {display: flex;align-items: center;justify-content: center;height: 40px;width: 40px;border: 2px solid #f6f5f3;border-radius: 999px;color: #494949;transition: .3s cubic-bezier(.4,.4,0,1);}
.page-numbers li span,.page-numbers li>*:hover {color: #a78e94;border: 2px solid #a78e94;}
.page-numbers li>*.prev:hover,.page-numbers li>*.next:hover,
.page-numbers li>*.prev,.page-numbers li>*.next{ border:none;}
.page-numbers li span.dots {opacity:.5;}
.page-numbers li a {}
.page-numbers li svg polyline {stroke:#494949;transition: .3s cubic-bezier(.4,.4,0,1);}
.page-numbers li a:hover svg polyline {stroke:#a78e94;}

@media screen and (max-width: 1190px) {
.blog.inners {max-width:initial;padding: 0 6% 0;}
}
@media screen and (max-width: 880px) {
ul.newsbox.grid {grid-template-columns: repeat(2, 1fr);grid-column-gap: 4%;grid-row-gap: 3em;}
}
@media screen and (max-width: 710px) {
ul.newsbox.grid {grid-template-columns: repeat(1, 1fr);grid-column-gap: 0;grid-row-gap: 3em;}
}

/*==========================================
page
==========================================*/
.article_flex {justify-content: space-between;margin-bottom: 80px;}
.article_flex>article{width: calc(100% - 350px);}
.article_flex>aside{ width:290px;}
.newsUL {padding-bottom: 3em;}
.newsUL li {border-bottom: 1px solid #efefef; padding: 0 0 .5em;}
.newsUL li + li { margin-top:1em;}
article .newsUL li + li { margin-top:2em;}
.newsUL li a {transition: .3s;font-size: 90%;}
.newsUL li a:hover { text-decoration: none; opacity:.8;}
.newsUL li a > .flex {align-items: flex-start;justify-content: space-between;}
.newsUL li a div.side_post_img {
 overflow: hidden;
 width: 36%;
 position: relative;
 aspect-ratio: 1.91/1;
 }
.newsUL li a div img{ transition: 1s all; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.newsUL li a:hover div img{ transform: scale(1.2);}
.newsUL li a div.side_post_txt {width: calc(96% - 36%);}
.newsUL li a .cat {font-size: 80%;background: #f1f1f1;padding: .2em 1em;}
.newsUL li a time {color: #666666;font-family: dnp-shuei-gothic-gin-std, sans-serif;font-weight: 400;font-size: 80%;}
.newsUL li .title {margin: 0;color: #494949;font-size: 90%;}

.ctgrUL li{ border-bottom: 1px solid #efefef; padding: 0 0 1em; }
.ctgrUL li + li{ margin-top:1em;}

.article .title{font-size: 226%;font-weight: 600;padding: 0 0 .5em;line-height: 1.4;color: #494949;}
.article time {color: #b5ab9c;font-weight: 900;font-size: 120%;margin-bottom: 1.6em;display: block;}
.article .imgbox img {height:auto;}
.article img {height:auto;}
p.midashi_lb,.article h3 { position: relative; font-size: 130%; margin-bottom: 1em; line-height: 1.6; font-weight: 700; color: #494949; }
p.midashi_lb:after,.article h3:after {width: 2.5em;height:3px;background: #006496;display:block;content:"";margin-top:.5em;}

* + .article h2,* + .article h3,* + .article h4 { margin-top:30px;}
.article h2 { border-bottom: 1px solid #d9d4cc;font-size: 175%;color: #494949;line-height: 1.4;padding-bottom: .8em;  margin-bottom: 1em; font-weight:bold;}
.article h4 {margin-bottom:1em; background:#f0eeeb; padding:.5em;color: #494949; font-size:120%; font-weight:bold;}
.article a { text-decoration:underline; font-weight:bold; color: #006496;}


/* GALLERIES */
img.alignnone {margin:1.5em auto;}
.gallery { display: flex; flex-wrap: wrap; margin: 3em 0 3em -0.8em; width:100%;}
.gallery-item {margin-top: 1.5em !important;margin: 1.5em 0;width: 100%;float: none !important;}
.gallery-item img {border: none !important;height: auto;}
.gallery-caption { display: block; margin-top: 0.8em;}
.gallery-columns-2 .gallery-item {max-width: 49%;}
.gallery-columns-2 .gallery-item:nth-child(2n) {margin-left:2%;}
.gallery-columns-3 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-9 .gallery-item{max-width: 31%;margin-right:2.3%;}
.gallery-columns-3 .gallery-item:nth-child(3n),
.gallery-columns-6 .gallery-item:nth-child(3n),
.gallery-columns-9 .gallery-item:nth-child(3n){margin-right:0%;}
.gallery-columns-4 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item{max-width: 24%;margin-right: 1.3%;}
.gallery-columns-4 .gallery-item:nth-child(4n),
.gallery-columns-7 .gallery-item:nth-child(4n),
.gallery-columns-8 .gallery-item:nth-child(4n){margin-right:0%;}
.gallery-columns-5 .gallery-item {max-width: 19%;margin-right: 1.25%;}
.gallery-columns-5 .gallery-item:nth-child(5n) {margin-right:0%;}

@media screen and (max-width: 1000px) {
.article_flex { display:block; margin-bottom: 80px;}
.article_flex>article{width: 100%;}
.article_flex>aside{ width: 100%; margin-top:3em;}
.newsUL li .title {font-size: 140%;}
}

@media screen and (max-width: 700px) {
.newsUL li .title {font-size: 80%;}
}
@media screen and (max-width: 700px) {
.article .title{font-size:6vw;}
.article time {font-size: 100%;}
.article * + h2,.article * +  h3,.article * + h4 { margin-top:1.5em;}
.article h2 {font-size:6vw;}
.article h4 {font-size:5vw;}
}