@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

html {
    font-size: 62.5%;
}

body {
    font-family: "Manrope", sans-serif;
    color: #002B69;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.07em;
}

img {
    max-width: 100%;
    height: auto;
}

.pc-show {
    display: none;
}
.sp-show {
    display: block;
}

@media screen and (min-width: 991px) {
    .pc-show {
        display: block!important;
    }
    .sp-show {
        display: none!important;
    }
}
.header-nav-item > a{
    color: #fff;
}

/* -----------------
    utility
-------------------*/
.inner {
    padding: 0 5.1%;
}
.util-btn {
    border: 1px solid #002B69;
    font-size: 13px;
    padding: 7px 0 9px;
    width: 160px;
    text-align: center;
    display: inline-block;
    border-radius: 2px;
}
.section {
    padding-top: 60px;
}
.section.--border {
    border-top: 1px solid #B3B3B3;
    margin-top: 60px;
}
.section.ranking_sp {
    padding-top: 40px;
}
.section-title {
    font-size: clamp(40px, 4vw, 70px);
}
.section-title img {
    height: 14px;
}
.section-title .section-title-sub {
    position: relative;
    display: block;
    line-height: 1;
    font-size: clamp(18px, 3vw, 20px);
    padding-left: 20px;
}


 .section-title .section-title-sub::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 14px solid #191d5e;
    border-right: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}
 .latest-box .section-title .section-title-sub::before {
    border-left: 14px solid #fff;
 }



.m-dr-item {
    counter-reset: rank;
}
.m-dr-item li:first-child:before {
    background: #FFCB14;
    z-index: 1;
}
.m-dr-item li:nth-child(2):before {
    background: #A2A2A2;
}
.m-dr-item li:nth-child(2):after {
    border-color: transparent #A2A2A2 transparent #A2A2A2;
}
.m-dr-item li:nth-child(3):before {
    background: #E88C37;
}
.m-dr-item li:nth-child(3):after {
    border-color: transparent #E88C37 transparent #E88C37;
}
.m-dr-item li::before  {
    counter-increment: rank;
    content: counter(rank);
    position: absolute;
    top: 0;
    left: 5px;
    height: 28px;
    width: 27.5px;
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.m-dr-item li{
    position: relative;
}
.m-dr-item li:first-child::after {
    border-color: transparent #FFCB14 transparent #FFCB14;
    z-index: 1;
}
.m-dr-item li::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 28px;
    border-width: 0 13.9px 5px 14px;
    border-color: transparent #000 transparent #000;
    border-style: solid;
    z-index: 1;
}
.m-dr-item li{
    margin-bottom:20px;
}
*, ::before, ::after {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0;
}

.more-btn {
    width: 50px;
    margin: 40px auto;
    cursor: pointer;
}
.main {
    padding-top: 22px;
    overflow-x: hidden;
}
main:has(.top-slider){
    padding-top: 60px;
}
.fadeIn {
    overflow: hidden;
}
.fadeIn img {
    transform: scale(1.1);
    transition: all 1.2s ease;
}
.fadeIn.active img {
    transform: scale(1);
}
.fadeIn.active:hover img {
    transform: scale(1.1);
}

.page-title {
    padding: 0 5.1%;
    font-size: 18px;
    letter-spacing: 0.1em;
}
.blinking{
	-webkit-animation:blink 2.5s ease-in-out infinite alternate;
    -moz-animation:blink 2.5s ease-in-out infinite alternate;
    animation:blink 2.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
/* -----------------
    header
-------------------*/
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    background-color: #fff;
    border-bottom:none!important;
}
.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}
.header-left {
    width: 200px;
    margin: 0 auto;
}
.sp-menu-list {
    display: flex;
    align-items: center;
}
.header-sp-feed {
    width: 22px;
    opacity: 0;
    visibility: hidden;
}
.drawer-icon {
    width: 25px;
    height: 21px;
    position: absolute;
    margin-left: 20px;
    right: 15px;
}
.drawer-icon span {
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #002B69;
    left: 0;
    transition: all .2s;
}
.drawer-icon span:nth-child(1) {
    top: 0;
}
.drawer-icon span:nth-child(2) {
    top: 45%;
}
.drawer-icon span:nth-child(3) {
    bottom: 0;
}
.drawer-icon.is-active span:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
.drawer-icon.is-active span:nth-child(2) {
    opacity: 0;
}
.drawer-icon.is-active span:nth-child(3) {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}
.drawer-contents {
    position: fixed;
    top: 68px;
    right: -320px;
    width: 310px;
    height: calc(100vh - 68px);
    background-color: #fff;
    color: #423F3F;
    overflow-y: auto;
    z-index: 10000;
    transition: all .6s;
    font-weight: 700;
}
.drawer-search input {
    border: 2px solid #111!important;
    border-radius: 20px!important;
    padding: 5px 50px 5px 20px!important;
    font-size: 16px;
    width: 100%;
}
.drawer-contents.is-active {
    right: 0;
}
.drawer-contents-inner {
    padding: 20px 10px 60px;
}
.drawer-nav-list:not(:first-of-type) {
    border-top: 0.5px solid #fff;
}
.drawer-nav-list{
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
}
.drawer-nav-name {
    display: block;
    padding: 0px 0 0 48px;
    font-size: 18px;
    
}
.drawer-nav-name.is-active {
    background-color: #fff;
    color: #002B69;
    padding-left:48px;
    border-radius: 4px;
}
.drawer-dropdown {
    position: relative;
    display: none;
}
.drawer-dropdown-wrap {
    margin-top: 15px;
    margin-bottom: 20px;
    padding-left: 27px;
}
.drawer-dd-item {
    font-size: 15px;
}
.drawer-dd-item a {
    margin-top: 5px;
    padding: 4px 0;
    display: block;
    border-radius: 2px;
}
.drawer-dd-item.is-active a {
    background: #fff;
    color: #002B69;
    padding-left: 10px;
}
.drawer-dd-item + .drawer-dd-item {
    border-top: 0.5px solid #fff;
    margin-top: 5px;
}
.drawer-close-btn {
    position: absolute;
    background: url(../img/drawer-arrow.png) no-repeat center center / contain;
    width: 18px;
    height: 18px;
    top: 7px;
    left: 17px;
}
.drawer-sns-list {
    border-top: 0.5px solid #fff;
    padding-top: 20px;
}
.sns-icons {
    display: flex;
    gap: 0 18px;
}
.sns-icons li.feed {
    opacity: 0;
    visibility: hidden;
}
.sns-icons li a {
    padding: 3px;
    font-size: 26px;
    width: 32px;
    height: 40px;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
}
.x-icon svg path {
    color: #000;
}
.sns-icons li a .x-icon {
    width: 28px;
    display: flex;
}
.sns-icons li a .x-icon svg {
    width: 100%;
}
.sns-icons{
    padding-left: 11px;
}
.drawer-search {
    margin-bottom: 20px;
}
.drawer-search-form {
    position: relative;
}
/*.drawer-search-form::before {
    content: "\f002";
    font-weight: 300;
    font-family: "FontAwesome";
    position: absolute;
    top: 2px;
    left: 0;
    opacity: 0.5;
} */
.drawer-search-form .fa-magnifying-glass:before, .fa-search:before{
    content: "\f002";
    font-weight: 300;
    font-family: "FontAwesome";
    position: absolute;
    bottom: 7px;
    left: 0;
    opacity: 0.5;
}

.drawer-search-input {
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);
    width: 100%;
    font-size: 16px;
    padding: 0 0 5px 24px;
    outline: none;
}
.drawer-search-input::placeholder {
    color: #423f3f9a;
    opacity: 0.5;
}
.drawer-nav-list > li::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    max-width: 32px;
    height: 32px;
    width: 32px;
}
/* 
.drawer-nav-list {
    margin-top: 15px;
} */
.drawer-nav-list> li{
    position: relative;
    padding:15px 0;
    border-bottom: 1px solid #dddd;
}


/* 1：トップ */
.drawer-nav-list li:nth-child(1)::before {
    background-image: url('../img/home-icon.svg');
}

/* 2：キャンプ */
.drawer-nav-list li:nth-child(5)::before {
    background-image: url('../img/camp-icon.svg');
}

/* 3：コラム */
.drawer-nav-list > li:nth-child(3)::before {
    background-image: url('../img/column.svg');
}
.drawer-nav-list > li:has(.js-sp-doropdown)::after {
    background-image: url('../img/arrow.svg');
    content: "";
    position: absolute;
    right: 10px;
    top:10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    max-width: 32px;
    height: 32px;
    width: 32px;

}
.drawer-dd-item a{
    position: relative;
}
.drawer-dd-item a::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #111;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left:-8px;
}
.drawer-nav-list > li:has(.is-active)::after {
    transform: rotate(-180deg);
}


/* 4：オーナーズクラブ */
.drawer-nav-list li:nth-child(6)::before {
    background-image: url('../img/owners-icon.svg');
}

/* 5：ニュース */
.drawer-nav-list li:nth-child(2)::before {
    background-image: url('../img/news.svg');
}

/* 6：イベント */
.drawer-nav-list li:nth-child(4)::before {
    background-image: url('../img/event-icon.svg');
}
.drawer-bg {
    position: fixed;
    top: 68px;
    left: 0;
    width: 100%;
    height: calc(100vh - 68px);
    background-color: rgba(96, 96, 100, 0.6);
    z-index: -9000;
    transition: all .6s;
    opacity: 0;
}
.drawer-bg.is-active {
    z-index: 9000;
    opacity: 1;
}

/* -----------------
    footer
-------------------*/
.footer {
    border-top: 1px solid #B3B3B3;
    background-color:#191D5E;
    color: #fff;
}
.footer-inner {
    padding-top: 20px;
    padding-bottom: 80px;
}
.footer-logo {
    width: 280px;
    margin: 20px auto;
}
.footer-nav-list {
    margin-top: 20px;
}
.footer-nav-item {
    font-size: 16px;
    text-align: center;
}
.footer-nav-item a {
    display: block;
    padding:  10px 0;
}
.copyright {
    font-size: 10px;
    margin-top: 40px;
    text-align: center;
}

.footer-media {
    max-width: 690px;
    margin: 30px auto 40px;
}
.footer-media .section-title {
    font-size: 13px;
}
.footer-media-list {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
}
.footer-media-list li {
    width: 100%;
    text-align: center;
}
.footer-media-list li a {
    font-size: 12px;
    border-bottom: 1px solid #002B69;
}
.footer-media-list li a::after {
    content: "";
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%20340%20340%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_226_2)%22%3E%3Cpath%20d%3D%22M18.781%20339.53C13.8024%20339.525%209.02904%20337.546%205.50815%20334.026C1.98726%20330.506%200.00635315%20325.733%200%20320.754V50.1863C0.00502992%2045.2068%201.98535%2040.4327%205.50638%2036.9117C9.02741%2033.3906%2013.8015%2031.4103%2018.781%2031.4053H145.537V68.9653H37.561V301.965H270.561V193.994H308.121V320.754C308.121%20325.735%20306.143%20330.511%20302.621%20334.033C299.1%20337.555%20294.323%20339.534%20289.343%20339.534L18.781%20339.53Z%22%20fill%3D%22%23002B69%22%2F%3E%3Cpath%20d%3D%22M141.349%20215.064C139.129%20215.076%20136.928%20214.647%20134.875%20213.803C132.822%20212.959%20130.956%20211.715%20129.387%20210.145C126.185%20206.852%20124.419%20202.423%20124.478%20197.831C124.536%20193.238%20126.414%20188.856%20129.699%20185.645L284.215%2031.1321L203.581%2030.4561C199.542%2030.4401%20195.675%2028.8203%20192.831%2025.9532C189.986%2023.086%20188.397%2019.2063%20188.413%2015.1676C188.429%2011.1289%20190.049%207.26197%20192.916%204.41751C195.783%201.57305%20199.663%20-0.0159252%20203.702%200.000120351L330.929%201.10011C332.908%201.12753%20334.798%201.92601%20336.198%203.32573C337.597%204.72544%20338.396%206.61595%20338.423%208.59512L339.533%20135.695C339.55%20137.703%20339.171%20139.694%20338.415%20141.555C337.66%20143.415%20336.545%20145.108%20335.133%20146.536C333.72%20147.963%20332.04%20149.097%20330.188%20149.873C328.336%20150.648%20326.349%20151.05%20324.341%20151.054C323.923%20151.054%20323.501%20151.036%20323.083%20151.003C319.284%20150.715%20315.733%20149.007%20313.137%20146.218C310.541%20143.429%20309.092%20139.764%20309.078%20135.954L308.389%2055.3281L153.889%20209.828C152.249%20211.487%20150.296%20212.804%20148.144%20213.703C145.991%20214.602%20143.681%20215.064%20141.349%20215.064Z%22%20fill%3D%22%23002B69%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_226_2%22%3E%3Crect%20width%3D%22339.534%22%20height%3D%22339.53%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') no-repeat center center / contain;
    width: 16px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}

/* -----------------
    top page
-------------------*/
.top-slider {
    position: relative;
    overflow: hidden;
    width: 100vw;
    margin:15px calc(50% - 50vw);
    padding:0 calc(50vw - 50%);
}
.top-slider-img {
    margin-bottom: 40px;
    /* padding-top: 66%; */
    position: relative;
    aspect-ratio: 886/558;
}
.top-slider-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-cover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(0deg, rgba(57,57,57,1) 0%, rgba(57,57,57,0) 100%, rgba(0,43,105,1) 100%);
    mix-blend-mode: multiply;
}
.top-slider-txt {
    padding: 0 5.1%;
}
.top-slider-cate {
    background-color: #002B69;
    color: #fff;
    font-size: 12px;
    display: inline;
    padding: 1px 8px 2px;
    border-radius: 2px;
}
.top-slider-title {
    margin-top: 5px;
    font-size: 18px;
    white-space: wrap;
    word-break: break-all;
}
.top-slider-detail {
    font-size: 12px;
    margin-top: 10px;
    line-height: 1.5;
}
.top-slider-detail span {
    margin-right: 10px;
}
.top-slider-link {
    margin-top: 15px;
}
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 25%;
    width: 37px;
}
.swiper-button-prev {
    background: transparent url(../img/slider-arrow-left.png) no-repeat center center / contain;
    left: 5px;
}
.swiper-button-next {
    background: transparent url(../img/slider-arrow-right.png) no-repeat center center / contain;
    right: 5px;
}
.swiper-button-prev:after, 
.swiper-button-next:after {
    content: "";
}
.swiper-pagination {
    bottom: auto!important;
    top: 55.5vw;
}
.swiper-pagination-bullet {
    width: 47px;
    height: 2px;
    border-radius: 0;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #002B69;
}

.pr-section {
    margin-top: 40px;
    padding: 60px 40px 0;
}
.pr-contents {
    text-align: center;
    margin: 0 auto;
}
.pr-contents * + * {
    margin-top: 25px;
}
.nt-inner {
    padding: 30px 0px;
}
.nt-contents {
    background-color: #fff;
}
.nt-item {
    width: 100%;
}
.nt-item + .nt-item {
    margin-top: 15px;
}
.nt-item-title {
    padding: 5px 0;
    color: #191D5E;
    font-size: 16px;
    margin-top:10px;
}
.nt-item-title span{
    color: #6B757B;
}

.nt-item-title-txt::first-letter ,.section-title.p-ttl::first-letter{
    color: #4FC3F7; /* 水色 */
    display: block;
}
.section-title.p-ttl span{
    color: #191D5E;
    font-size: clamp(20px, 4vw, 24px);

}
.nt-item-title-txt{
    font-size: clamp(24px, 4vw, 27px);
    text-transform: uppercase!important;
}

.nt-item-title.is-open {
    background: linear-gradient(90deg, rgba(0,43,105,1) 20%, rgba(0,175,236,1) 50%, rgba(0,43,105,1) 80%);
}
.nt-item-link {
    pointer-events: none;
}
.nt-list {
    margin-top: 10px;
    position: relative;
}
.nt-list::before {
    content: "";
    position: absolute;
    background: url(../img/blue-arrow.png) no-repeat center center / contain;
    top: 0;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    width: 18px;
    height: 18px;
}
.nt-post + .nt-post:not(.latest-box .nt-post + .nt-post) {
    margin-top: 20px;
}
.nt-post-inner {
    display: flex;
    /* background: #fff; */
    border-radius: 0 0 2px 0;
    gap: 15px;
}
.nt-post-img {
    position: relative;
}
.nt-post-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nt-post-text:not(.news-main .nt-post-text){
    width: 77%;
    padding: 0 10px 10px 13px;
}

.nt-post-text p{
    font-weight: normal;
    font-size: 14px;
    color: #1A1A1A;
    display: -webkit-box;
    -webkit-line-clamp: 4!important;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.nt-post a{
   color: #423F3F

}
.nt-post-inner> a:not(.latest-box a,.news-main a){
    width: 33%;
}
.m-dr-item-title{
    color: #423F3F;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.nt-post-data {
    font-size: 10px;
}
.nt-post-title {
    font-size: clamp(14px, 3vw, 16px);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}

.nt-post-tags {
    font-size: 10px;
    color: #939393;
    margin-top: 7px;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.entry-tag,.tag-item {
    background-color: #fff;
    color: #002B69;
    padding: 4px;
    border-radius: 2px;
    display: inline-block;
    margin-bottom: 0px;
    border: 2px solid #002B69;
    cursor: pointer;
}
.nt-post-tag a {
    background-color: #002B69;
    color: #fff;
    padding: 4px;
    border-radius: 2px;
    display: inline-block;
    margin-bottom: 0px;
    border: 2px solid #002B69;
    cursor: pointer;
}

.entry-tag:hover,.tag-item:hover {
    background-color: #002B69;
    color: #fff;
}
.nt-post-tag a:hover{
    background-color: #fff;
    color: #002B69;
}



/* .nt-post-tags li + li {
    margin-top: 2px;
} */
.nt-post-tag{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;    
}
.pu-inner {
    padding: 0 5.1%;
}
.pu-item + .pu-item {
    margin-top: 40px;
}
.pu-item:nth-child(n + 2) {
    display: none;
}
.pu-img {
    width: 100%;
    padding-top: 66%;
    position: relative;
}
.pu-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pu-text {
    margin-top: 10px;
}
.pu-cate {
    background-color: #002B69;
    color: #fff;
    font-size: 12px;
    display: inline;
    padding: 1px 8px 2px;
    border-radius: 2px;
}
.pu-title {
    margin-top: 5px;
    font-size: 18px;
}
.pu-detail {
    font-size: 12px;
    margin-top: 10px;
}
.pu-link {
    margin-top: 15px;
}
.dr-list {
    margin-bottom: 50px;
}
.dr-item {
    background: rgb(0,175,236);
    background: linear-gradient(90deg, rgba(0,175,236,1) 0%, rgba(0,43,105,1) 100%);
    overflow: hidden;
    border-radius: 0 0 3px 0;
}
.dr-item + .dr-item {
    margin-top: 20px;
}
.dr-item-wrap {
    display: flex;
    background-color: #fff;
    position: relative;
    top: -1px;
    left: -1px;
    border-radius: 0 0 2px 0;
}
.dr-img {
    width: 53%;
    padding-top: 35%;
    position: relative;
}
.dr-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dr-text {
    width: 47%;
    padding: 3px 10px 10px 13px;
}
.dr-text-head {
    display: flex;
}
.dr-text-head .number {
    width: 26px;
    height: 33px;
}
.dr-item:nth-child(1) .dr-text-head .number {
    background: url(../img/ranking-1.png) no-repeat center center / contain;
}
.dr-item:nth-child(2) .dr-text-head .number {
    background: url(../img/ranking-2.png) no-repeat center center / contain;
}
.dr-item:nth-child(3) .dr-text-head .number {
    background: url(../img/ranking-3.png) no-repeat center center / contain;
}
.dr-item:nth-child(4) .dr-text-head .number {
    background: url(../img/ranking-4.png) no-repeat center center / contain;
}
.dr-item:nth-child(5) .dr-text-head .number {
    background: url(../img/ranking-5.png) no-repeat center center / contain;
}
.dr-text-head .tags {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 5px;
}
.tag {
    background-color: #002B69;
    color: #fff;
    border-radius: 2px;
    font-size: 10px;
    display: inline;
    padding: 2px 6px;
}
 .h-entry-tag, .category-box .page-title,.article_detail .tag {
    background-color: #fff;
    color: #002B69;
    border-radius: 2px;
    padding: 8px 6px 8px 27px;
    border: 3px solid #002B69;
    position: relative;
    font-weight: bold;
    text-align: center;
    font-size: clamp(18px, 2vw, 20px);
    display: inline-block;
 }
  .h-entry-tag::before, .category-box .page-title::before,.article_detail .tag:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-image: url(../img/tag.svg) ;
    background-size: contain;
    background-repeat: no-repeat;

  }
.category-box{
    display: flex;
    align-items: center;
    gap:20px;
    flex-wrap: wrap;
    padding:0 20px 20px;
}
.dr-date {
    font-size: 10px;
    margin-top: 3px;
}
.dr-title {
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
}
.archive-form {
    width: 100%;
    max-width: 400px;
    position: relative;
    text-align: center;
    margin: 0 auto;
}
.archive-form .label {
    text-align: center;
    width: 100%;
    border-radius: 2px;
    border: 1.8px solid #002B69;
    font-size: 16px;
    padding: 8px 10px;
    text-align: -webkit-center;
    position: absolute;
    z-index: 1;
}
.archive-form .label:hover,
.archive-form select {
    cursor: pointer;
}
.archive-form select {
    position: relative;
    z-index: 2;
    opacity: 0;
    width: 100%;
    font-size: 13px;
}

.banner-list {
    margin-bottom: 60px;
}
.banner-item {
    max-width: 400px;
    margin: 0 auto;
}
.banner-item img {
    width: 100%;
}
.banner-item + .banner-item {
    margin-top: 20px;
}

.page-btns {
    position: fixed;
    bottom: 20px;
    right: 10px;
    width: 30px;
}
.page-btn {
    cursor: pointer;
}
.page-btn.page-up {
    margin-bottom: 20px;
}

/* -----------------
    記事一覧
-------------------*/
.list-img {
    width: 100%;
    margin-top: 30px;
}
.list-img img {
    width: 100%;
}
.entry-list-wrap {
    margin-top: 0px;
    margin-bottom: 30px;
}
.entry-link {
    display: block;
    background-color: #fff;
    position: relative;
    top: -1px;
}
.entry-item .img {
    width: 100%;
    padding-top: 66%;
    position: relative;
}
.entry-item .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.entry-item .text {
    margin-top: 15px;
    padding-bottom: 40px;
}
.entry-item .title{
    color: #423F3F;
}

.entry-item .text-head {
    font-size: 12px;
    display: flex;
    gap: 0 20px;
}
.entry-item .title {
    margin-top: 5px;
    font-size: 17px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.entry-item .detail {
    margin-top: 10px;
    font-size: 12px;
    color: #1A1A1A;
    font-weight: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.entry-item .tags {
    margin-top: 10px o 30px;
   
    font-size: 12px;
    color: #939393;
}
/* .entry-item .tags .tag-item + .tag-item {
    margin-left: 10px;
} */
 .tags {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
}
.entry-list-pagination {
    margin-top: 10px;
}
.previouspostslink {
    width: 20px;
    height: 20px;
    background: url(../img/gallery-left.png) no-repeat center center/ contain;
}
.nextpostslink {
    width: 20px;
    height: 20px;
    background: url(../img/gallery-right.png) no-repeat center center/ contain;
}
a.previouspostslink,
a.nextpostslink {
    opacity: 1;
}
.entry-serial-btn {
    margin-top: 40px;
}
.serial-btn {
    display: block;
    width: 230px;
    margin: 0 auto;
    background-color: #002B69;
    color: #fff;
    font-size: 17px;
    text-align: center;
    padding: 8px 0 10px;
    border-radius: 2px;
}

.picup-content {
    margin-top: 40px;
}
.picup-content .img {
    width: 100%;
    position: relative;
    padding-top: 66%;
}
.picup-content .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.picup-content .title {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.serial-list {
    margin-top: 40px;
    margin-bottom: 60px;
}
.serial-item {
    background: linear-gradient(90deg, rgba(0,175,236,1) 0%, rgba(0,43,105,1) 100%);
    border-radius: 0 0 3px 0;
}
.serial-item + .serial-item {
    margin-top: 40px;
}
.serial-item-link {
    display: block;
    background-color: #fff;
    border-radius: 0 0 2px 0;
    position: relative;
    top: -1px;
    left: -1px;
    padding: 0 10px 20px 0;
}
.serial-item-link .row {
    margin-bottom: 10px;
}
.serial-item-link .row.flex {
    display: flex;
    align-items: center;
}
.serial-item-link .tag {
    display: inline-block;
    min-width: 80px;
    text-align: center;
    font-size: 13px;
}
.serial-item-link .date {
    font-size: 13px;
    padding-left: 5px;
}
.serial-item-link .img {
    width: 28%;
}
.serial-item-link .title {
    width: 72%;
    padding-left: 10px;
    font-size: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}
.serial-item-link .detail {
    font-weight: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #1A1A1A;
    font-size: 15px;
}

.maker-interview {
    margin-top: 40px;
}
.country-icon {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
}
.country-icon li {
    width: calc(25% - 40px * 3 / 4);
}
.country-select {
    margin-top: 0px;
}
.country-form {
    position: relative;
}
.country-form .label {
    font-size: 16px;
    text-align: center;
    width: 100%;
    border-radius: 2px;
    border: 2px solid #002B69;
    padding: 12px 10px;
    background-color:#002B69 ;
    color: #fff;
    position: relative;
}
.country-select-list {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    display: none;
}
.country-select-list li {
    background-color: #002B69;
    color: #fff;
    padding: 12px 10px;
    text-align: center;
    position: relative;
    font-size: 16px;
}
.country-form .label::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 40%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    max-width: 32px;
    height: 32px;
    width: 32px;
    background-color: #fff;
    -webkit-mask: url('../img/arrow.svg') ;
    mask: url('../img/arrow.svg') ;
    transform: translateY(-50%);
}
.country-select-list li:first-child:before{
    content: "";
    position: absolute;
    position: absolute;
    right: 10px;
    top: 20%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    max-width: 32px;
    height: 32px;
    width: 32px;
    background-color: #fff;
    -webkit-mask: url('../img/arrow.svg') ;
    mask: url('../img/arrow.svg') ;
    transform: translateY(-50%);
    transform: rotate(180deg);
    text-align: center;
}
.country-select-list li a {
    display: block;
}
.country-select-list li:nth-child(n + 2) {
    padding: 15px 10px;
}
.country-select-list li + li {
    border-top: 1px solid #B3B3B3;
}
.country-select-bg {
    position: fixed;
    background-color: rgba(0, 0, 0, .05);
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
}
.country-select-bg.is-active {
    display: block;
}

.maker-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 10px;
}
.maker-list li {
    width: calc(50% - 10px);
    background: linear-gradient(90deg, rgba(0,175,236,1) 20%, rgba(0,43,105,1) 100%);
    overflow: hidden;
    border-radius: 0 0 3px 0;
}
.maker-list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    position: relative;
    top: -1px;
    left: -1px;
    border-radius: 2px;
    height: 44px;
    font-size: 11px;
    text-align: center;
    transition: all .4s;
}
.maker-list li a:hover {
    background-color: #002B69;
    color: #fff;
}

.maker-select {
    margin-top: 30px;
}
.maker-content {
    display: none;
}
.maker-content .maker-list li a {
    font-size: 14px;
    height: 70px;
}



/* -----------------
    記事詳細
-------------------*/
/* .sp-top-border {
    border-top: 1px solid #00AFEC;
} */
.topicpath {
    padding: 0 5.1%;
    max-width: 1120px;
    margin:80px auto 0;
    width: 100%;
    padding:0 20px;
}
.topicpath-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.topicpath-list li + li {
    position: relative;
    padding-left: 25px;
}
.topicpath-list li {
    font-size: 15px;
}
.topicpath-list li + li::before {
    content: ">";
    position: absolute;
    top: 50%;
    left: 7px;
    transform: translateY(-50%);
}
.entry-inner,
.carbrand-inner {
    padding: 0px 20px;
}
.entry-inner .section-title {
    font-size: clamp(22x, 3vw, 24px);
    margin: top 20px!important;
}

.entry-head {
    margin: 7px auto 5px;
    flex-basis: 100%;
}
.entry-head-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom:20px;
}
.entry-share {
    display: flex;
    align-items: center;
}
.entry-share span {
    font-size: 13px;
}
.share-list {
    display: flex;
    align-items: center;
    gap: 0 10px;
    margin-left: 5px;
}
.share-list li {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #002B69;
}
.share-list li a {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
}
.share-list li a .--line {
    width: 16px;
    height: 16px;
}
.share-list li a .x-icon {
    width: 13px;
    display: flex;
}
.share-list li a .x-icon svg {
    width: 100%;
}
.entry-title {
    margin-top: 17px;
    font-size: 18px;
    color: #423F3F;
}
.entry-head-txt {
    font-size: 12px;
    margin-top: 10px;
    color: #423F3F;

}
.entry-photo {
    margin-left: 10px;
}
.entry-head-tags {
    font-size: 12px;
    color: #939393;
    margin-top: 10px;
    display: none;
}
.tag-hover a {
    position: relative;
    display: inline-block;
}
.tag-hover a::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #939393;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform .3s;
}
/* .tag-hover a:hover::after {
    transform: scale(1, 1);
} */

.entry-body {
    margin-top: 20px;
}
.main-pic {
    width: 100%;
    padding-top: 66%;
    position: relative;
}
.main-pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.entry-content {
    margin-top: 20px;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    /* text-align: justify; */
    text-justify: inter-ideograph;
}
.entry-content a{
    color:rgb(0,175,236);
}
.entry-content h2,
.entry-content h3,
.entry-content h5,
.entry-content h6,
.entry-content h4{
    margin: 30px 0 20px;
    font-weight: bold;
    color: #423F3F;

}
.entry-content h2{
    font-size: clamp(22px, 3vw, 25px);
}

.entry-content h3{
    font-size: clamp(21px, 3vw, 24px);
    min-height: 36px;
    padding-left: 14px;
    border-left: 12px solid #002B69;
    border-bottom: 1px solid #002B69;
}
.entry-content h4{
    font-size: clamp(15px, 3vw, 21px);
}
.entry-content h5{
    border-bottom: 1px solid #002B69;
    border-top: 1px solid #002B69;
    padding: 10px 0;
    font-size: clamp(14px, 3vw, 20px);
}
.entry-content h6{
    font-size: clamp(14px, 3vw, 19px);
    background-color: #F1F8FF;
    padding: 10px 0;
}



.entry-content > * + * {
    margin-top: 20px;
}
.entry-content > * img {
    margin: 20px 0;
}
.entry-content p {
    line-height: 1.6;
}
#toc_container, #toc-np-container {
    border: 1px solid #00AFEC;
    border-radius: 4px;
    color: #002B69;
    font-weight: bold;
    width: 100%;
    background-color: white;
    padding:0;
}
#toc-np-container .no-bullets{
    padding: 20px 24px;
}
#toc-np-container ul{
    margin-top: 0;
}
 .entry-content :is(h1, h2, h3, h4, h5, h6) [id]::before {
    content: "";
    display: block;
    height: 80px;
    margin-top: -80px;
    visibility: hidden;
}

.toc_title, #toc-np-title {
    border-bottom: 1px solid #00AFEC;
    font-size: 16px;
    padding: 13px 20px!important;
}
.toc_list, .toc-np-list {
    padding: 18px 18px;
    font-size: 12px;
}
.toc_list li a {
    padding-left: 14px;
    background: url(../img/blue-arrow.png) no-repeat top 4px left / 10px auto;
    display: block;
}
.toc_list li ul {
    padding-left: 15px;
}
.toc_list li + li {
    margin-top: 10px;
}
.entry-more {
    margin: 40px auto 0;
    background: #002B69;
    color: #fff;
    display: block;
    text-align: center;
    height: 40px;
    border-radius: 2px;
    font-size: 18px;
    position: relative;
    cursor: pointer;
}
.entry-more::before {
    content: "";
    background: #fff;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
    transition: all .4s;
}
.entry-more span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    color: #fff;
    font-weight: bold;
    width: 100%;
}
.entry-more:hover::before {
    opacity: 1;
}
.entry-more:hover span {
    color: #002B69;
}
.entry-foot {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #B3B3B3;
}
.entry-pr {
    text-align: center;
}
.entry-pr img + img {
    margin-top: 30px;
}
.entry-foot-tags {
    color: #939393;
    font-size: 14px;
    font-weight: 700;
    margin-top: 30px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.entry-foot-tags a {
    color: #002B69;
}
.photo-gallery {
    margin: 60px 0;
}
.photo-gallery.entry-gallery {
    padding-top: 0;
}
.photo-gallery.entry-gallery .section-title img {
    margin-bottom: 0;
}
.photo-gallery.entry-gallery .section-title span::before {
    bottom: 36%;
}
.photo-gallery.entry-gallery .gallery-slider .swiper-slide a img {
    margin: 0;
}
.gallery-slider {
    overflow: hidden;
    margin-top: 35px;
}
.gallery-slider .swiper-slide {
    padding-top: 45%;
    width: 45%;
    position: relative;
}
.gallery-slider .swiper-slide a {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
}
.gallery-slider .swiper-slide a img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
}
.gallery-slider .swiper-button-prev,
.gallery-slider .swiper-button-next {
    display: none;
}
.page-label.prev-label {
    left: 18px;
    padding-left: 18px;
    background: url(../img/prev-arrow-white.png) no-repeat center left 0 / 11px auto;
    width: 20px;
    top: 48%;
}
.photo-page-back.page-break .page-label {
    font-size: 13px;
}


.next-page-title {
    margin-top: 70px;
    position: relative;
    border-top: 1px solid #002B69;
    border-bottom: 1px solid #002B69;
    font-weight: bold;
}
.next-page-label {
    position: absolute;
    top: -24px;
    left: 0;
    z-index: 2;
    color: #3F51B5;;
    display: inline-block;
    border-radius: 2px;
    padding: 5px 10px;
    font-size: 10px;
}
.next-page-title a {
    font-size: 18px;
    color: #002B69;
}
.next-page-txt {
    padding: 10px 20px 3px 30px;
    flex-grow: 1;
}
.pagination {
    margin-top: 12px;
}
.pagination-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
}
.pagination-wrap > * + * {
    margin-left: 25px;
}
.nav-links {
    display: flex;
    align-items: center;
}
.page-numbers {
    margin: 0 10px;
    padding: 0 3px 5px;
    opacity: 0.35;
}
.page-numbers.current {
    opacity: 1;
}
.next.page-numbers {
    font-size: 0;
    background: url(../img/gallery-right.png) no-repeat center center / contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    padding: 0;
    position: relative;
    top: -2px;
}
a.next.page-numbers {
    opacity: 1;
}
.prev.page-numbers {
    font-size: 0;
    background: url(../img/gallery-left.png) no-repeat center center / contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    padding: 0;
    position: relative;
    top: -2px;
}
a.prev.page-numbers {
    opacity: 1;
}
.pagination-wrap .current {
    opacity: 1;
    border-bottom: 2px solid #002B69;
}
.entry-author {
    margin-top: 60px;
    color: #002B69;
    font-weight: bold;
}
.author-grid {
    display: grid;
    grid-template-rows: 80px 180px;
    grid-template-columns: 65px auto;
    border-top: 1px solid #002B69;
    border-bottom: 1px solid #002B69;
    padding: 18px 0 22px;
}
.author-img {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    /*border-radius: 50%;*/
    position: relative;
    overflow: hidden;
}
.author-img img {
    position: absolute;
    left: 0;
    object-fit: cover;
    width: 100%;
    max-height: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0!important;
}
.author-name,
.author-info {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
    padding-left: 14px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.author-name .small,
.author-info .small {
    font-size: 11px;
}
.author-name .name,
.author-info .name {
    margin-top: 3px;
    font-size: 18px;
}
.author-name .name .huri,
.author-info .name-area .huri {
    font-size: 10px;
    vertical-align: 3px;
    padding-left: 10px;
    margin-top: 3px;
}
.author-list {
    grid-row: 2 / 3;
    grid-column: 1 / 3;
    margin-top: 15px;
}
.author-list li {
    font-size: 14px;
    font-weight: 400;
}
.author-list li + li {
    margin-top: 8px;
}
.author-link {
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
}
.author-link a {
    display: inline-block;
    background-color: #002B69;
    border: 1px solid #002B69;
    border-radius: 2px;
    color: #fff;
    padding: 6px 15px 7px;
    font-size: 14px;
    letter-spacing: .12em;
    transition: all .4s;
}
.author-link a:hover {
    background: #fff;
    border: 1px solid #002B69;
    color: #002B69;
}



/* -----------------
    フォトギャラリー
-------------------*/
.photo-contents {
    margin-bottom: 50px;
}
.photo-slider {
    position: relative;
    overflow: hidden;
}
.photo-slider .swiper-button-next,
.photo-slider .swiper-button-prev {
    display: none;
}
/*.photo-slider .swiper-slide {
    position: relative;
    padding-top: 66%;
    width: 100%;
}*/
.photo-thumbnail .swiper-slide {
    position: relative;
    padding-top: 42.2%;
    width: 42.2%;
}
.photo-slider .swiper-slide img,
.photo-thumbnail .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 80%;
}
.swiper-slider-img-wrap{
    position: relative;
    padding-top: 66%;
    width: 100%;

}
.photo-contents .photo-slider .swiper-slide span{
    display: block;
    width: 100%;
    word-break: break-all;
}
.photo-thumbnail {
    overflow: hidden;
    margin: 20px 5.1% 0;
}
.photo-thumbnail .swiper-slide.swiper-slide-active {
    position: relative;
}
.photo-thumbnail .swiper-slide.swiper-slide-active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #00AFEC;
    z-index: 1;
}

/* -----------------
    タグ一覧
-------------------*/
.tag-title-box{
    padding: 70px 20px 0;
    display: flex;
    gap: 5px;
    align-items: center;
}
.tag-icon{
    width: 40px;
    height: 40px;
}
.tag-title {
    font-size: 18px;
    position: relative;
    display: inline-block;
    padding: 70px 20px 0;
}
.tag-title-box .tag-title{
    padding: 0px 0px 0;
}

.tag-list {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 13px 12px;
}
.tag-list-item a {
    display: inline-block;
    font-size: 10px;
    color: #939393;
    border: 0.5px solid #939393;
    border-radius: 2px;
    padding: 3px 6px 4px;
    transition: all .4s;
}
.tag-list-item a:hover {
    background-color: #939393;
    color: #fff;
}
.tag-entry-list {
    margin-top: 20px;
}

/* -----------------
    その他
-------------------*/

.page-contents {
    padding: 0 5.1%;
    margin-top: 20px;
}
.page-contents > * + * {
    margin-top: 30px;
}
.policy-dl dt {
    font-size: 16px;
    border-bottom: 1px solid #002b69;
    border-image: linear-gradient(to right, #00afec 50%, #002b69 100%);
    border-image-slice: 1;
    padding-bottom: 7px;
    margin-bottom: 7px;
}
.policy-dl dd {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
}
.policy-dl dd p + p {
    margin-top: 20px;
}
.policy-box {
    border: 1px solid #002b69;
    border-image: linear-gradient(to right, #00afec 50%, #002b69 100%);
    border-image-slice: 1;
    margin-top: 40px;
    padding: 30px 10px;
    text-align: center;
    font-size: 14px;
}
.policy-box .p-btn {
    margin-top: 10px;
    background-color: #002b69;
    color: #fff;
    padding: 10px 15px;
    display: inline-block;
}
.access-map {
    margin-top: 10px;
    margin-bottom: 20px;
}
.iframe-wrap {
    padding-top: 66%;
    width: 100%;
    position: relative;
}
.iframe-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid-item {
    border-bottom: 1px solid #c6c6c6;
}
.grid-item + .grid-item {
    margin-top: 40px;
}
.grid-flex {
    display: flex;
    flex-direction: column;
}
.grid-text a {
    word-wrap: break-word;
}
.grid-th {
    background-color: #C6C6C6;
    color: #fff;
    padding: 5px 12px 6px;
    font-size: 14px;
}
.grid-td {
    padding: 15px;
    font-size: 14px;
}
.grid-text {
    border-top: 1px dashed #C6C6C6;
    font-size: 12px;
    padding: 15px;
}
.grid-text p + p {
    margin-top: 10px;
}
.grid-item:nth-child(even) .grid-td,
.grid-item:nth-child(even) .grid-text {
    height: 100%;
    background-color: rgba(198, 198, 198, 0.2);
}

.page-contents p {
    font-size: 16px;
    font-weight: 400;
}
.page-contents ol {
    list-style-type: decimal;
    font-size: 16px;
    padding-left: 20px;
    line-height: 1.5;
    font-weight: 400;
}
.page-contents ol li + li {
    margin-top: 5px;
}
.page-contents ol li ol {
    margin-top: 5px;
}
.text-right {
    text-align: right;
}
.terms-list {
    list-style-type: disc;
    padding-left: 17px;
}
.policy-dl dd p + .terms-list {
    margin-top: 10px;
}
.info-text {
    margin-top: 10px;
    padding-left: 12px;
}
.info-text p {
    font-size: 14px;
}
.info-text p + p {
    margin-top: 10px;
}
/* -----------------
    関連記事
-------------------*/
/* a.entry-link.--related-link{
    display: flex;
} */

.related .img {
    padding-top: 0; 
    position: relative;
    aspect-ratio:389/275;

}
.related .img  img{
    aspect-ratio:389/205;
    width: 100%;
    object-fit: cover;
}

.related .text {
    width: 100%;
    padding: 3px 10px 10px 13px;
    margin-top: 0px;
}
.related .tags .tag-item + .tag-item {
    margin-left: 0px; 
}
.related .title {
    -webkit-line-clamp: 2;
    font-size: 13px;
}
.related .img img {
    object-position: top;
}
a.entry-link.--related-link {
    left: -1px;
}

.ap-media-sp {
}
.ap-media-sp .section-title {
    margin-bottom: 40px;
}
.ap-media-sp .m-dr-item {
    /* background: rgb(0, 175, 236);
    background: linear-gradient(90deg, rgba(0, 175, 236, 1) 20%, rgba(0, 43, 105, 1) 100%);
    border-radius: 0 0 3px 0; */
}
.ap-media-sp .m-dr-item > a {
    display: flex;
    gap: 0 10px;
    background: #fff;
    position: relative;
    top: -1px;
    left: -1px;
    border-radius: 0 0 2px 0;
    padding:0px;
}
.ap-media-sp .m-dr-item + .m-dr-item {
    margin-top: 20px;
}
.ap-media-sp .m-dr-item-head {
    width: 30%;
}
.ap-media-sp .m-dr-item-head .img {
    aspect-ratio: 95 / 50;
    width: 100%;
}
.ap-media-sp .m-dr-item-head .img img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.ap-media-sp .m-dr-item-body {
    width: 70%;
}
.ap-media-sp .m-dr-item-title {
    font-size: 13px;
}
.m-dr-item-content{
    width: calc(100% - 80px);

}
.sb-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
}
.sb-menu-list a:hover {
    background: #2E2F6E;
    color: #fff;
    transition: all .2s;
}
.article-more-link:hover{
    background: #fff;
    color: #002B69;
    transition: all .2s;
}
.sb-menu-list li {
  margin-bottom: 12px;
}
.sb-menu-list a,.article-more-link{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    border: 2px solid #2E2F6E;
    color: #2E2F6E;
    text-decoration: none;
    font-weight: bold;
    background: #fff;
    position: relative;
    font-size: clamp(15px, 2.5vw, 16px);
    transition: all .2s;

}
.article-more-link{
    border: 2px solid #2E2F6E;
    color: #fff;
    background: #2E2F6E;
}

.sb-menu-list a{
  width: 100%;
  display: block;
}
.article-more-link{
  max-width: 150px;
  margin:10px 0 0 auto;
}

/* 矢印 */
.sb-menu-list a::after, .article-more-link::after {
  content: "›";
  font-size: 18px;
  position: absolute;
  right: 16px;
  transition: transform 0.3s ease;  
  top: 50%;
  transform: translateY(-50%);
}
li.w-c-item a {
    background-color: #191D5E;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    padding: 10px 20px;
    height: 50px;
    width: 100%;
    cursor: pointer;
}
li.w-c-item img {
    width: 140px;
    margin: 0 auto;
}
li.w-c-item:hover{
    opacity:0.7;
}
.section-contents {
    margin-top: 0px;
}
.mv-inner {
    padding:0 20px 30px;
}
.top-news-box .nt-post-img{
    width: 100%;
    aspect-ratio: 547 / 320;  
    object-fit: cover;
}

.nt-post-img:not(.news-main .nt-post-img) {
    width: 100%;
    aspect-ratio: 165/125;
    object-fit: cover;
    min-width: 135px;
    max-height: 125px;
}

.latest-contents {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 20px;
    width: 100%;
}
.latest-contents > * {
    min-width: 0;
}
.top-news-box .nt-post-img img{
    aspect-ratio: 547 / 320;  
    object-fit: cover;
    height: 100%;
}
.news-right .nt-post-img{
    width: 40%;
}
.news-right .nt-post-img img{
    aspect-ratio: 547 / 320;  
    object-fit: cover;
}
.section-title.sidebar-title {
    text-align: center;
    font-size: 24px;
    border-bottom: 2px solid #002B69;
    padding-bottom: 8px;   
    font-weight: 800;
    line-height: 1.5;
}
.section-title.sidebar-title span {
    text-align: center;
    font-size: 22px;
    font-weight: 800;
    display:block;
}
.m-dr-item-head {
    display: flex;
    gap: 0 10px;

}
.m-dr-list {
    margin-top: 20px;
}
.news-main .nt-post-inner{
    flex-direction: column;
}
.news-main a:has(.nt-post-img) {
    width: 100%;
}
    .top-news-box .nt-post-text {
    width: 100%;
    padding: 0 10px 10px 13px;
}
.news-main .nt-post-text{
    padding: 10px 10px 10px 13px;

}
.header{
    background-color: #fff;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 8px 15px -5px #eaeaeb;
}
.header-inner {
    flex-basis: 100%;
}
.header > .inner {
    flex-basis: 100%;
}
/* .header-nav-inner{
    max-width: 1210px!important;
    padding:0 10px!important;;
} */
.mv-media .m-media-list {
    margin-top: 20px;
}
.header-search-input  {
    border: 2px solid #111!important;
    border-radius: 20px!important;
    padding: 5px 50px 5px 20px!important;
    font-size: 16px;
    width: 100%;
    position: relative;
    height: 35px;
}
.header-search-form .fa-magnifying-glass:before, .fa-search:before {
    content: "\f002";
    font-weight: 300;
    font-family: "FontAwesome";
    position: absolute;
    transform: translate(82%, -50%);
    right: 0;
    font-size: 16px;
    cursor: pointer;
    opacity: 1;
    bottom:0;
}
i.fas.fa-search {
    height: 60px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.sidebar-content .section-title.sidebar-title{
    margin-top:50px;

}
.sidebar-content{
    margin-top:30px;
    padding:0 20px;
}
.mv-inner:has(.latest-box) .sidebar-content{
    padding:0px;
}
blockquote {
    position: relative;
    padding: 10px 10px 10px 32px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #e0e0e0;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    content: "\f10d";
    font-family: FontAwesome;
    color: #e0e0e0;
    font-size: 22px;
    line-height: 1;
    z-index: 2;
    font-weight: 900;
}

blockquote:after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    border-width: 0 0 40px 40px;
    border-style: solid;
    border-color: transparent #ffffff;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
    font-size: 14px;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}
.related .section-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url(../img/kanren.svg);
    background-size: contain;
} 
.related .section-title {
    position: relative;
    padding-left: 25px;
    font-size: 18px;
    font-weight: bold;
    color: #002B69;
    margin:10px 0px 20px;

}

#logly-lift-4311220 .logly-lift-widget-header span::before {
    content: "";
    background: url(../img/r-icon.svg) !important;
    width: 23px!important;
    height: 23px!important;
    position: absolute!important;
    background-size: contain!important;
    transform: translateY(-50%)!important;
    bottom:0!important;
    top:40%!important;
    left: -25px!important;
}
#logly-lift-4311220 .logly-lift-widget-header {
   text-align: left!important;
    font-size: 20px!important;
    font-weight: inherit;
    margin: 0;
    padding-left: 35px!important;

}

#logly-lift-4311220 .logly-lift-widget-header span::after {
    content:none!important;
}
#logly-lift-4311220 #logly-lift-widget-content {
    margin-top: 30px!important;
}
.category-description p{
    font-size:16px;
    
}
.category-description {
    flex-grow: 1;
}
.banner-box{
    margin-top:60px;
}
body{
  padding-bottom:0 !important;
}

@media screen and (min-width: 991px) {
    .top-news-box{

    }
    .header-nav{
        background-color: #191D5E;

    }
    .header-inner {
    display: flex;
    justify-content: center;
    padding: 5px 0 5px;
    }
    .header-left {
    margin: 0;
    }
    .header-right {
        margin-left:0;
    }
    .header-center{
        text-align: center;
        max-width: 450px;
        margin:5px auto;
        translate: -28px;
    }


    .header-logo{
        max-width: 200px;
        margin:5px auto 0px;
        width: 100%;
        transform: translateX(-25px);
    }

    .inner {
        max-width: 1150px;
        padding: 0 20px;
        margin: 0 auto;
    }
    /* .section-title.sidebar-title span::before {
        width: 13px;
    } */
    .section-title.sidebar-title img {
        height: 13px;
    }
    .section-title .js-anchor:hover {
        cursor: pointer;
    }

    .page-title {
        padding: 0;
        font-size: 28px;
    }

    /* -----------------
        header
    -------------------*/
    .header {
        position: relative;
    }
    /* .header-left {
        width: 330px;
    } */

    .sns-icons {
        gap: 0 12px;
    }
    .sns-icons li a {
        font-size: 28px;
        width: 28px;
        position: relative;
    }
    .sns-icons li a::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #002B69;
        transform: scale(0, 1);
        transform-origin: left top;
        transition: transform .3s;
    }
    .sns-icons li a:hover::before {
        transform: scale(1, 1);
    }

    /* .header-nav-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
    } */
    .header-nav-list {
        display: flex;
        align-items: center;
    }
    .header-nav-item {
        font-size: clamp(16px, 3vw, 17px);
        min-width: 110px;
        text-align: center;
        position: relative;
        margin-left: 1px;
        width: 20%;
    }
.header-nav-item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -1px;
    transform: translateY(-50%);
    width: 1px;
    height: 25px;
    background-color: #fff;
}
    .header-nav-item:last-child::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 1px;
        height: 20px;
        background-color: #C6C6C6;
    }
    .header-nav-item > a {
        display: block;
        padding: 5px 12px 6px;
        border-radius: 2px;
        transition: all .4s;
    }
    .header-nav-item > a:hover,
    .header-nav-item > a.is-active {
        background-color: #002B69;
        color: #fff;
    }

    .header-dropdown {
       position: absolute;
       left: 0;
       top: 37px;
       z-index: 10;
       width: 100%;
       display: none;
    }
    .header-dropdown-wrap {
        padding: 3px 3px 10px;
         background-color: #191D5E;
        color: #fff; 

    }
    .header-dd-item a {
        padding: 7px 3px 2px;
        position: relative;
    }
      .header-dd-item a{
       color: #fff;
        background-color: #191D5E;

      }
    /* .header-dd-item a:hover {
        background-color: #fff;
        color:  #002B69;
        width: 100%;
        display: block;

    } */
     .header-dd-item a::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #FFF;
        transform: scale(0, 1);
        transform-origin: left top;
        transition: transform .3s;
        z-index: 99;
    }
    .header-dd-item a:hover::before {
        transform: scale(1, 1);
    } 
    .header-dd-item{
        margin-top:5px;
    }



    .header-search {
        width: 200px;
        font-size: 12px;
        height: 67px;
    }
    .header-search-form {
        position: relative;
    }
    /*.header-search-form::before {
        content: "\f002";
        font-weight: 300;
        font-family: "FontAwesome";
        position: absolute;
        top: -2px;
        left: 0;
        font-size: 16px;
    }*/
    .header-search-form .fas{
        line-height: 1.4;
        cursor: pointer;
    }

    /* .header-search-input {
        padding-left: 22px;
        padding-bottom: 3px;
        border-bottom: 1px solid #002B69;
        outline: none;
        width: 100%;
    } */
    .header-search-input::placeholder {
        color: #002B69;
        opacity: 0.2;
    }
    .header-menu-btn {
        position: absolute;
        left: 50%;
        top: 20px;
        transform: translateX(-50%);
        background: url(../img/header-more-btn.png) no-repeat center center / contain;
        width: 55px;
        height: 55px;
        z-index: 10001;
        display: none;
    }
    .header.fixed .header-menu-btn {
        display: block;
    }

    /* --------------
        footer
    -----------------*/
    .footer {
        margin-top: 100px;
        border: none;
        /* margin-bottom: 110px; */
        padding-bottom:20px;
    }
    .footer a {
        transition: all .4s;
    }
    .footer a:hover {
        opacity: .6;
    }
    .footer-inner {
        max-width: 1070px;
        margin: 0 auto;
        border-top: 1px solid #c6c6c6;
        /* border-image: linear-gradient(to right, #00afec 0%, #002b69 100%); */
        border-image-slice: 1;
    }
    .footer-logo {
        width: 320px;
    }
    .footer-nav-list {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0 30px;
    }
    .copyright {
        margin-top: 10px;
    }

    .footer-media-list li {
        width: calc(33.333% - 15px * 2 / 3);
        text-align: left;
    }

    /* --------------
        top page
    -----------------*/
    .main {
        padding-top: 20px;
    }
    .mv-inner {
        max-width: 1150px;
        padding: 0 20px;
        margin: 0 auto;
    }
    .mv-flex:not {
        display: flex;
        align-items: flex-start;
        gap:30px;
    }
    .top-slider {
        padding-bottom: 30px;
        width: 100%;
        margin:20px auto;
        padding:0px;
    }
    .mv-right {
        /* width: 30%; */
        /* max-width: 322px;
        min-width: 322px; */
    }

    .top-slider-item {
        position: relative;
    }
    .top-slider-img {
        margin-bottom: 0;
    }
    .top-slider-txt {
       /* position: absolute;*/
        /*left: 0;*/
        /*bottom: 0;*/
        color: #fff;
        /*padding: 30px;*/
        /*width: 100%;*/
    }
    a.top-txt-link{
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 30px;
        width: 100%;

    }
    .top-slider-cate {
        background-color: #fff;
        color: #002B69;
    }
    .top-slider-title {
        width: 75%;
        font-size: 22px;
        margin-top: 8px;
    }
    .top-slider-detail {
        width: 75%;
        font-size: 10px;
    }
    .top-slider-link {
        position: absolute;
        bottom: 25px;
        right: 25px;
        margin: 0;
    }
    .util-btn.slider-btn {
        border-color: #fff;
        font-size: 12px;
        padding: 5px 0 6px;
        width: 135px;
        transition: all .4s;
    }
    .util-btn.slider-btn:hover {
        background-color: #fff;
        color: #002B69;
    }
    .swiper-pagination {
        bottom: 0!important;
        top: auto;
    }
    .swiper-pagination-bullet {
        width: 90px;
        height: 4px;
    }
    .swiper-button-prev, .swiper-button-next {
        top: 48%;
        width: 75px;
        height: 75px;
    }
    .swiper-button-prev {
        background: transparent url(../img/slider-arrow-left_pc.png) no-repeat center center / contain;
    }
    .swiper-button-next {
        background: transparent url(../img/slider-arrow-right_pc.png) no-repeat center center / contain;
    }
    .m-dr-heading {
        max-width: 150px;
        padding-left: 18px;
        margin-top: -10px;
    }
    .m-dr-heading.section-title img {
        height: auto;
    }
    .m-dr-heading.section-title span {
        padding-bottom: 4px;
    }
    .m-dr-heading.section-title span::before {
        width: 12px;
        height: 12px;
        top: 11px;
        left: -17px;
    }
    /* .m-dr-item {
        background: rgb(0,175,236);
        background: linear-gradient(90deg, rgba(0,175,236,1) 20%, rgba(0,43,105,1) 100%);
        border-radius: 0 0 3px 0;
    } */
    .m-dr-item + .m-dr-item {
        margin-top: 20px;
    }
    .m-dr-item-wrap {
        display: block;
        background: #fff;
        position: relative;
        top: -1px;
        left: -1px;
        border-radius: 0 0 2px 0;
    }
    .m-dr-item-head .number {
        width: 22px;
        height: 30px;
    }
    .m-dr-item:nth-child(1) .number {
        background: url(../img/ranking-1.png) no-repeat center center / contain;
    }
    .m-dr-item:nth-child(2) .number {
        background: url(../img/ranking-2.png) no-repeat center center / contain;
    }
    .m-dr-item:nth-child(3) .number {
        background: url(../img/ranking-3.png) no-repeat center center / contain;
    }
    .m-dr-item:nth-child(4) .number {
        background: url(../img/ranking-4.png) no-repeat center center / contain;
    }
    .m-dr-item:nth-child(5) .number {
        background: url(../img/ranking-5.png) no-repeat center center / contain;
    }
    .m-dr-item-head .img {
        width: 75px;
        padding-top: 32px;
        position: relative;
    }
    .m-dr-item-head .img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .m-dr-item-txt {
        font-size: 10px;
        padding-left: 10px;
    }
    .m-dr-item-cate {
        background-color: #002B69;
        color: #fff;
        padding: 2px 5px;
        border-radius: 2px;
        display: inline-block;
        margin-bottom: 0px;
    }
    .m-dr-item-body {
        margin-top: 10px;
    }
    .m-dr-item-title {
        font-size: 12px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .mv-media {
        margin-top: 30px;
    }
    .mv-media .m-media-list .img {
        margin-left: 0;
    }
    .mv-media .m-media-list .m-dr-item > a {
        display: flex;
        gap: 0 10px;
    }
    .mv-media .m-media-list .m-dr-item-body {
        margin-top: 0;
    }

    .section {
        padding-top: 100px;
    }
    .section.--border {
        border: none;
        margin-top: 0;
    }
    .section-title img {
        height: 16px;
    }
    /* .section-contents {
        margin-top: 30px;
    } */

    .nt-inner:not(.section-contents:first-child .nt-inner) {
        padding: 20px 0px;
    }
    .section-contents:first-child .nt-inner{
        padding: 0;
    }
    .nt-contents {
        max-width: 1150px;
        margin: 0 auto;
    }
    .nt-list {
        display: block;
    }
    .nt-list::before {
        width: 15px;
        height: 15px;
    }
    .nt-item + .nt-item {
        margin-top: 0;
    }
    .nt-item-link {
        display: inline-block;
        width: 100%;
        pointer-events: auto;
    }
    .nt-post-inner {
        min-height: 120px;
    }
    .nt-post-data {
        position: relative;
        top: -5px;
    }
    .nt-post-tags {
        margin-top: 9px;
    }
    .more-btn {
        width: 45px;
        margin: 30px auto 0px;
    }

    .pu-item:nth-child(n + 2) {
        display: block;
    }
    .pu-inner {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        /* max-width: 1500px; */
        margin: 0 auto;
    }
    .pu-item {
        width: 50%;
        position: relative;
    }
    .pu-item + .pu-item {
        margin-top: 0;
    }
    .pu-text {
        /*position: absolute;*/
        bottom: 0;
        color: #fff;
        /*padding: 40px;*/
       /* width: min(100%, 680px);*/
       margin-top: 0;
    }
    a.pu-txt-link {
        position: absolute;
        bottom: 0;
         padding: 40px; 
        width: min(100%, 680px);
    }
    .pu-item:nth-child(odd) .pu-text {
        right: 0;
    }
    .pu-item:nth-child(even) .pu-text {
        left: 0;
    }
    .pu-cate {
        padding: 0px 5px 2px;
        background-color: #fff;
        color: #002B69;
    }
    .pu-title {
        width: 75%;
    }
    .pu-link {
        position: absolute;
        bottom: 40px;
        right: 40px;
    }
    .pu-link .util-btn {
        border-color: #fff;
        font-size: 12px;
        padding: 5px 0 6px;
        width: 130px;
        transition: all .4s;
    }
    .pu-link .util-btn:hover {
        background-color: #fff;
        color: #002B69;
    }

    .banner-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px 35px;
        max-width: 730px;
        margin: 0 auto;
    }
    .banner-item {
        margin: 0;
        width: 280px;
    }
    .banner-item + .banner-item {
        margin-top: 0;
    }
    .banner-item a {
        transition: all .4s;
    }
    .banner-item a:hover {
        opacity: .6;
    }
    .page-btns {
        right: 7%;
    }

/* -----------------
        記事一覧
    -------------------*/
    .entry-item {
        border-radius: 0 0 3px 0;
        display: flex;
        gap: 10px;
    }
    /* .entry-link {
        display: flex;
        left: -1px;
        border-radius: 0 0 2px 0;
    } */
    .entry-item > a  {
        width: 33%;
    }

    .entry-item .text {
        width: 67%;
        padding: 0 20px 20px 20px;
        margin-top: 0;
    }
    .entry-item .title {
        -webkit-line-clamp: 2;
    }
    .entry-list-pagination {
        margin-top: 30px;
    }
    .previouspostslink,
    .nextpostslink {
        margin-top: 6px;
        width: 17px;
        height: 17px;
    }
    .entry-list-pagination .pagination-wrap {
        gap: 0 5px;
    }

    .sidebar-content  {
        margin-bottom: 50px;
        min-width: 300px;
        max-width: 300px;
        width: 300px;
        padding:0;
    }
    /* .sidebar-content + .sidebar-content {
        margin-top: 50px;
    } */
   
    .picup-content {
        margin-top: 20px;
    }
    .picup-content .title {
        margin-top: 7px;
        font-size: 13px;
        -webkit-line-clamp: 2;
    }
    .serial-list {
        margin-bottom: 0;
        margin-top: 25px;
    }
    .serial-item + .serial-item {
        margin-top: 20px;
    }
    .serial-item-link {
        padding: 0 15px 15px 0;
    }
    .serial-item-link .row {
        margin-bottom: 6px;
    }
    .serial-item-link .tag {
        font-size: 10px;
        min-width: 65px;
    }
    .serial-item-link .date {
        font-size: 12px;
    }
    .serial-item-link .img {
        width: 24%;
    }
    .serial-item-link .title {
        width: 76%;
        font-size: 13px;
    }
    .serial-item-link .detail {
        font-size: 11px;
    }

    .maker-interview {
        margin-top: 20px;
    }
    .country-list {
        margin-top: 0;
    }
    .country-list + .country-list {
        margin-top: 40px;
    }
    .country-list dt span {
        padding: 10px 0 10px 57px;
        font-size: 14px;
    }
    .country-list dt span.japan {
        background: url(../img/country/japan.png) no-repeat center left / 45px auto;
    }
    .country-list dt span.usa {
        background: url(../img/country/usa.png) no-repeat center left / 45px auto;
    }
    .country-list dt span.england {
        background: url(../img/country/england.png) no-repeat center left / 45px auto;
    }
    .country-list dt span.germany {
        background: url(../img/country/germany.png) no-repeat center left / 45px auto;
    }
    .country-list dt span.france {
        background: url(../img/country/france.png) no-repeat center left / 45px auto;
    }
    .country-list dt span.italy {
        background: url(../img/country/italy.png) no-repeat center left / 45px auto;
    }
    .country-list dt span.sweden {
        background: url(../img/country/sweden.png) no-repeat center left / 45px auto;
    }
    .country-list dt span.korea {
        background: url(../img/country/korea.png) no-repeat center left / 45px auto;
    }
    .country-list dt span.china {
        background: url(../img/country/china.png) no-repeat center left / 45px auto;
    }
    .country-list dt span.croatia {
        background: url(../img/country/croatia.png) no-repeat center left / 45px auto;
    }
    .country-list dt span.spain {
        background: url(../img/country/spain.png) no-repeat center left / 45px auto;
    }
    .country-list dd {
        margin-top: 10px;
    }
    .carbrand .country-list dd {
        margin-top: 20px;
    }
    .maker-list.--pc {
        gap: 15px 15px;
    }
    .maker-list.--pc li {
        width: calc(25% - 15px * 3 / 4);
    }
    .maker-list.--pc li a {
        height: 70px;
        font-size: 13px;
    }
    .carbrand .country-list + .country-list {
        margin-top: 50px;
    }



    /* -----------------
        記事詳細
    -------------------*/
    .sp-top-border {
        border-top: none;
    }
    .contents-flex {
        display: flex;
        max-width: 1150px;
        padding:  0 20px;
        margin: 0 auto;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .main-contens {
        width: 68%;
        padding-top: 0;
    }
    .sidebar-border-left {
        border-left: 1px solid #C6C6C6;
    }
    .entry-inner,
    .carbrand-inner {
        padding:0px;
    }

    .entry-head {
        margin: 20px 0;
        
    }
    .share-list {
        margin-left: 5px;
    }
    .share-list li {
        width: 30px;
        height: 30px;
        transition: all .4s;
    }
    .share-list li a {
        font-size: 19px;
    }
    .share-list li a .--line {
        width: 19px;
        height: 19px;
    }
    .share-list li a .x-icon {
        width: 17px;
    }
    .share-list li:hover {
        opacity: 0.7;
    }
    .entry-title {
        font-size: 28px;
    }
    .entry-head-txt {
        margin-top: 20px;
    }
    .entry-head-txt * + * {
        margin-left: 18px;
    }
    .entry-head-tags {
        display: block;
    }
    .entry-body {
        margin-top: 0px;
    }
    .entry-content {
        margin-top: 40px;
    }
    .toc_title {
        font-size: 18px;
        padding: 13px 20px;
    }
    .toc_list {
        padding: 20px 24px;
    }
    .entry-more {
        margin-top: 60px;
    }
    .entry-foot {
        border-top: none;
        padding-top: 0;
    }
    .entry-pr img + img {
        margin-top: 0;
        margin-left: 30px;
    }
    .photo-gallery {
        max-width: 1190px;
        padding: 80px 0px 120px;
        margin: 100px auto 0;
    }
    .photo-gallery.section.--border {
        margin-top: 60px;
        border-top: 1px solid #C6C6C6;
        border-bottom: 1px solid #C6C6C6;
    }
    .photo-gallery.section.--border.entry-gallery {
        border-bottom: none;
        padding-bottom: 20px;
    }
    .photo-gallery.entry-gallery .section-title span::before {
        bottom: 30%;
    }
    .gallery-slider-wrap {
        position: relative;
        max-width: 770px;
        margin: 0 auto 40px
    }
    .gallery-slider {
        margin: 50px auto 0;
        max-width: 690px;
    }
    .gallery-slider .swiper-slide {
        padding-top: 16.5%;
        width: 16.5%;
    }
    .gallery-slider .swiper-button-prev,
    .gallery-slider .swiper-button-next {
        display: block;
        width: 30px;
        height: 30px;
        top: 55%;
    }
    .gallery-slider .swiper-button-prev {
        background-image: url(../img/gallery-left.png);
        left: 0;
    }
    .gallery-slider .swiper-button-next {
        background-image: url(../img/gallery-right.png);
        right: 0;
    }
    .photo-gallery.entry-gallery .gallery-slider .swiper-button-prev {
        left: -38px;
    }
    .photo-gallery.entry-gallery .gallery-slider .swiper-button-next {
        right: -38px;
    }

    .entry-content {
        font-size: 16px;
    }
    .entry-content h2, 
    .entry-content h3, 
    .entry-content h4, 
    .entry-content h5 {
        font-size: 24px;
        margin: 35px 0 26px;
    }
    .entry-content p {
        line-height: 1.8;
    }
    .entry-content > * + * {
        margin-top: 26px;
    }
    .entry-content > * img {
        margin: 30px 0;
    }
    .entry-content :is(h1, h2, h3, h4, h5, h6) [id]::before {
        height: 30px;
        margin-top: -30px;
    }
    .next-page-title {
        margin-top: 70px;
        padding: 0;
        display: flex;
        align-items: center;
    }
    .next-page-label {
        position: static;
        border-radius: 0;
        font-size: 14px;
        letter-spacing: .2em;
        padding: 10px 12px;
        width: 150px;
        text-align: center;
    }
    .next-page-txt {
        padding: 0 0 1px 50px;
        background-position: top 3px left 20px;
    }
    .next-page-title a {
        font-size: 17px;
    }

    .pagination {
        margin-top: 35px;
    }
    .pagination-wrap {
        font-size: 24px;
    }
    .page-numbers {
        margin: 0 15px;
        padding-bottom: 7px;
    }
    .entry-author {
        margin-top: 40px;
    }
    .author-grid {
        grid-template-rows: 63px 180px;
        grid-template-columns: 160px auto;
        padding: 15px 0 18px;
    }
    .author-img {
        grid-row: 1 / 3;
        grid-column: 1 / 2;
    }
    .author-name,
    .author-info {
        grid-row: 1 / 2;
        grid-column: 2 / 3;
        padding-left: 20px;
    }
    .author-list {
        grid-row: 2 / 3;
        grid-column: 2 / 3;
        padding-left: 20px;
        margin-top: 0;
        padding-bottom: 10px;
        min-height: 58px;
        padding-bottom: 0;
    }
    .author-list li {
        font-size: 14px;
        background-position: left top 3px;
    }
    .author-list li + li {
        margin-top: 4px;
    }
    .author-link {
        text-align: right;
    }

    /* -----------------
        フォトギャラリー
    -------------------*/
    .photo-contents {
        position: relative;
        margin-bottom: 0;
    }
    .photo-slider {
        position: static;
    }
    .photo-slider .swiper-button-next,
    .photo-slider .swiper-button-prev {
        display: block;
    }
    .photo-thumbnail {
        margin: 20px 0 0;
    }
    .photo-thumbnail .swiper-slide {
        width: 17.7%;
        padding-top: 17.7%;
        cursor: pointer;
    }
    .photo-slider .swiper-button-prev,
    .photo-slider .swiper-button-next {
        width: 25px;
        height: 25px;
    }
    .photo-slider .swiper-button-prev {
        background: transparent url(../img/gallery-left.png) no-repeat center center / contain;
        left: -34px;
    }
    .photo-slider .swiper-button-next {
        background: transparent url(../img/gallery-right.png) no-repeat center center / contain;
        right: -34px;
    }
    .photo-thumbnail .swiper-slide {
        opacity: 0.5;
    }
    .photo-thumbnail .swiper-slide.swiper-slide-active {
        opacity: 1;
    }
    .photo-thumbnail .swiper-slide.swiper-slide-active::before {
        content: none;
    }
    .entry-list-wrap {
        margin-bottom: 40px;
    }



    /* -----------------
        タグ一覧
    -------------------*/
    .tag-title {
        text-align: left;
        font-size: 28px;
        padding:0px;
    }
    .section-title.tag-title span::before {
        width: 18px;
        height: 18px;
        left: -23px;
    }
    .tag-list {
        gap: 17px 15px;
        margin-top: 40px;
    }
    .tag-list-item a {
        font-size: 12px;
        padding: 4px 8px 5px;
    }
    .tag-entry-list {
        display: flex;
        flex-wrap: wrap;
        gap: 20px 20px;
        margin-top:30px;
    }
    .tag-entry-item {
        width: calc(50% - 20px / 2);
    }
    .tag-entry-item:nth-child(n + 2) {
        margin-top: 0;
    }

    /* -----------------
        その他
    -------------------*/
    .page-contents {
        padding: 0;
        margin-top: 30px;
    }
    .page-contents > * + * {
        margin-top: 40px;
    }
    .page-contents p {
        line-height: 1.6;
        font-size: 16px;
    }
    .policy-dl dt {
        font-size: 20px;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
    .policy-dl dd {
        font-size: 18px;
    }
    .policy-box {
        font-size: 17px;
        padding: 40px 30px;
    }
    .policy-box p {
        font-size: 17px;
    }
    .policy-box .p-btn {
        padding: 10px 20px;
        margin-top: 15px;
    }
    .grid-item + .grid-item {
        margin-top: 0;
    }
    .grid-flex {
        flex-direction: row;
    }
    .grid-flex > div:first-child {
        width: 45%;
    }
    .grid-flex > div:nth-child(2) {
        width: 55%;
    }
    .grid-flex > div + div {
        border-left: 1px solid #c6c6c6;
    }
    .grid-item:first-child .grid-flex > div + div .grid-th {
        border-left: 1px solid #fff;
    }
    .grid-item:nth-child(n + 2) .grid-th {
        display: none;
    }
    .page-contents ol li + li {
        margin-top: 10px;
    }
    .page-contents ol li ol {
        margin-top: 10px;
    }
    .grid-th {
        font-size: 13px;
        padding-left: 20px;
    }
    .grid-td {
        font-size: 13px;
        padding-left: 20px;
    }
    .grid-text {
        padding: 20px;
    }
    .grid-text p {
        font-size: 11px;
    }
    .grid-text p + p {
        margin-top: 7px;
    }

    .info-text {
        margin-top: 20px;
        padding-left: 20px;
    }
    .info-text p {
        font-size: 17px;
    }
    /* -----------------
        関連記事
    -------------------*/
    .related .tags {
        flex-flow: initial;
    }  
    .related .section-title {
        text-align: left;
        font-size: 20px;
        margin:0 0px 20px;

    } 
    .related .title {
        font-size: 17px;
        -webkit-line-clamp: none;
    }
    .top-news-box {
        display: flex;
        gap: 24px;
        }

    /* 左の大きい記事 */

    /* 右のリスト */
    .top-news-box .news-list {
        display: grid;
        gap: 16px;
    }
    .news-main .nt-post-tag,.tag-item{
        font-size: 13px;
    }
    .news-right .nt-contents-list {
       display: flex;
       gap: 2px;
       flex-wrap: wrap;

    }

    .top-left-news{
        width:50%;
    }
     .news-right{
        width: 50%;
     }
     .news-right .nt-contents{
        padding: 0;
     }
    .top-news-box .nt-post-title {
        font-size:14px;
        -webkit-line-clamp: 2!important;
    }
    .news-main .nt-post-title{
        font-size: 17px;
        word-break: break-all;
    }
    .article-more-link{
        min-width: 180px;
        margin:10px 0 0 auto;

    }
   .top-news-box .nt-list  {
        margin-top:0px;
        margin-bottom:8px;

    }
     .news-right  .nt-post-inner {
        min-height: 80px; 
    }   
    .mv-left.main-contents{
        width: calc(100% - 322px);
    }
    .mv-flex {
        display: flex;
        gap: 30px;
    }
    .nt-post-inner> a:not(.latest-box a,.news-main a){
        width: 43%;
    }
    .nt-post-text:not(.news-main .nt-post-text){
        width: 77%;
        padding: 0 10px 0px 13px;
    }
    .latest-contents{
        display:grid;
        gap: 20px 20px;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        margin-top: 30px;
    }



}
    
@media screen and (min-width: 991px) and (max-width: 1080px) {
    .header-nav-list {
        margin-left: 0;
    }
}

/* ===============
    著者一覧
=================*/
.author-inner {
    padding: 22px 0 10px;
}
.author-list-wrap {
    padding: 30px 5.1%;
}
.author-item .author-link {
    text-align: right;
    margin-top: 15px;
    margin-bottom: 50px;
}
/* 追加点 */
.author-info div.name-area {
	display: flex;
	align-items: center;
}
.author-grid .author-list .line-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.author-list .line-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ad-layout {
    text-align: center;
    margin-top: 30px;
}
.latest-box {
    width: 100vw;
    margin:20px calc(50% - 50vw) 20px;
    padding: 20px calc(50vw - 50%) 20px;
    background-color: #191D5E;

}
.latest-contents .nt-post:nth-child(n+7) {
    display: none !important;
}
.latest-box .section-title {
    color: #fff;
}
.latest-box .nt-post a{
    background-color: #ffffff00;
    color: #fff;
    display: block;
    width: 100%;
}
.latest-box .nt-post-tag a  {
    background-color: #fff;
    padding: 4px;
    border-radius: 2px;
    display: inline-block;
    margin-bottom: 0px;
    border: 2px solid #fff;
    pointer-events: all;
    color: #002B69;
    font-size: 11px;
} 
 .latest-box .nt-post-tag a:hover {
    color: #fff;
    background-color: #002B69;
 }
/* .latest-box .nt-post-text{
    min-height: 139px!important;
} */

.latest-box .nt-post-tags{
    gap:10px;
    display: flex;
    font-size: 13px;
    font-weight: 700;
}
.latest-contents .nt-post-text, .latest-contents .nt-post-img img,.latest-contents .nt-post-img{
    width: 100%!important;
}
.latest-box .nt-post-inner {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
}
.nt-post-text p{
    display:none;
}

@media screen and (min-width: 991px) {
    .author-inner {
        max-width: 1150px;
        padding: 0 20px;
        margin: 0 auto;
    }
    .author-list-wrap {
        padding: 30px 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0 60px;
    }
    .author-item {
        flex: 1 0 calc(50% - 60px / 2);
    }

    .ad-layout {
        margin-top: 40px;
    }

    
}
/* ===============
   キャプション　
=================*/
.wp-caption {
    max-width: 100%;
}
.wp-caption img {
    margin-bottom: 0;
}

@media screen and (max-width: 990px) {
    .header-search-form {
        position: relative;
    }
    .header{
        z-index: 100001;
    }
}
/* ===============
   記事スライダー追加　
=================*/

.article-slider-content{
    position: relative;
    height: 530px;

}

.article-slider{
    max-height: 100%;
    width: 100%;
    overflow: hidden;
    position: static;
}
.article-slider img{
 
        margin: 0px!important;
  
}
.article-slider .swiper-button-prev {
    background: transparent url(../img/gallery-left.png) no-repeat center center / contain;
    left: -34px;
}
.article-slider .swiper-button-prev:after, .article-slider  .swiper-button-next:after {
    content: "next";
}
@media screen and (max-width: 912px) {
    .article-slider-content{
        height: auto;
    }
    .article-slider-content .swiper-button-prev, .article-slider-content .swiper-button-next {
        top: 50%!important;
    }
    .header-search-form .fa-magnifying-glass:before, .fa-search:before {
    transform: translate(82%, -60%);
    }
    .header-search-input {
        height: 40px;
    }

}

/* バナー */
.add-banner {
    text-align: center;
    margin-bottom: 20px;
}
.entry-content .add-banner img {
    margin: 60px 0 0;
}
@media screen and (min-width: 991px) {
    .add-banner {
        margin-bottom: 30px;
    }
    .entry-content .add-banner {
        margin-top: 40px;
    }
    .entry-content .add-banner img {
        margin: 0;
    }
}

.top-link-btn {
    display: block;
    padding: 0 20px;
    margin: 0 auto 40px;
    text-align: center;
}
.top-link-btn a {
    display: inline-block;
    border: 2px solid #002B69;
    padding: 10px;
    transition: all .4s ease;
    margin: 0;
}
.top-link-btn a:hover {
    opacity: 0.7;
}
@media screen and (min-width: 991px) {
    .top-link-btn {
        padding: 0;
        text-align: left;
    }
}

/* topメディア記事　ｃｓｓ変更 */
.top-madia-ttl{
    text-align: center;
    font-size: 16px;
}
.mv-top-media .m-dr-item-head .img {
    /* width: 200px; */
    /* padding-top: 32px; */
    height: 100%;
    position: relative;
    aspect-ratio: 280/190;
    width: 180px;
    object-fit: cover;
    margin:0 auto;
    overflow:hidden;

}
.mv-top-media .m-dr-item-head .img img {
    max-width:180px;
    aspect-ratio: 280/190;
    object-fit: cover;
    transition:1s all;

}
.mv-top-media .m-dr-item-head .img img:hover{
    transform:scale(1.2,1.2);
    transition:1s all;
}
.mv-top-media .mv-media {
    padding: 0 10px;
}

.mv-top-media .mv-media .m-media-list .m-dr-item > a {
   flex-wrap: nowrap;
}
.mv-top-media .m-dr-item-wrap  {
    display: block;
    background: #fff;
    position: relative;
    top: -1px;
    left: -1px;
    border-radius: 0 0 2px 0;
    padding: 0 10px 20px 0;
} 
.mv-top-media .m-media-list{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.mv-top-media .mv-media .m-media-list .m-dr-item > a {
    display: flex;
    gap: 0 10px;
}
/* .mv-top-media .section-title span{
    margin: 50px 0px;
} */
.main-contents .section-title{
    margin:0px 0px 30px;
    line-height: 1;
}
.mv-top-media .m-dr-item-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mv-top-media .m-dr-item-body{
    width: calc(100% - 180px);
}
.mv-top-media{
    max-width: 1150px;
    margin:0 auto;
    padding:0 10px;
}
.logly-inner{
    padding:0 20px;

}


@media screen and (min-width: 991px) {
    .mv-top-media .m-media-list{
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 25px 25px;
        align-items: flex-end;
    }
    /* .mv-top-media .section-title span{
        margin: 60px 0px 30px;
    } */
    .top-madia-ttl{
        text-align: center;
        font-size: 18px;
        font-weight: 400;
    }
    .mv-top-media .mv-media {
        padding: 0px;
    }
        .mv-top-media .mv-media {
        padding: 0px;
    }
    .mv-top-media .mv-media .m-media-list .m-dr-item > a {
    flex-direction: column;
      gap: 0 10px;
    }

    .mv-top-media .m-dr-item-head .img {
        aspect-ratio:389/205;
        width: 100%;
    }
    .mv-top-media .m-dr-item-head .img img {
        max-width:100%;
        aspect-ratio:389/205;
    }
    .mv-top-media .m-dr-item-title {
        font-size: 16px;
        -webkit-line-clamp: 2;
    }
    .mv-top-media .m-dr-item-body{
        width: 100%;
        padding-top: 10px;
    }
    .footer-nav-item {
        font-size: 16px;
    }
    .latest-box .nt-post-tag a  {
        padding: 6px;
    } 
    .latest-box {
        margin:50px calc(50% - 50vw) 40px;
        padding: 20px calc(50vw - 50%) 40px;
    }
    .nt-item-title {
        margin-top:0px;
    }
    .nt-post-text p{
        display:-webkit-box;
    }
    .nt-post-title {
        -webkit-line-clamp: 3;
    }
    .nt-post-tag a {
        padding: 6px;
    }
    .nt-post-img:not(.news-main .nt-post-img){
        aspect-ratio: 364/243;
        max-height: 243px;
    }
    .latest-box .nt-post-title{
        min-height: 60px;
    }
    .header{
        display: block;
    }
    .section-title.sidebar-title span {
        font-size: 20px;
    }
    .header{
        box-shadow: none;
    }
    .swiper-pagination {
        top: 64.5vw;
    }
    .category-box{
        padding:0 0 30px;
        flex-wrap: nowrap;
    }
    .tag-title-box{
        padding: 0px;
    }
    .logly-inner{
        padding:0;

    }
    /* .header-top{
        border-top:2px solid #002B69;
    } */
    .sidebar-content{
        margin-top:0px;
    }
    .latest-contents .nt-post:nth-child(n+7) {
        display: block !important;
    }
     .h-entry-tag, .category-box .page-title, .article_detail .tag{
        width: auto;
    }
    .category-description{
        width: 50%;
    }
    .banner-box{
        margin-top:30px;
    }
    .topicpath {
        margin:10px auto 0;
        padding:0px 10px;
    }
    main:has(.top-slider){
    padding-top: 10px;
    }



}