@charset "utf-8";

#message {
    font-size: 0.8125rem;
    font-weight: bold;
    text-align: left;
    color: #30699F !important;
    margin-left: 16px;
    background-image: url(../images/memo.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 25px;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    margin-right: 16px !important;
}

/* Card */
.bootstrap .card {
    border: 0;
    border-radius: 0;
}

.card img {
    border-radius: 0px !important;
}

.card-footer img {
    /* width: auto !important;
    max-width: 100% !important; */
}

/* スライド */
.swiper-slide a:hover p {
    text-decoration: underline;
}

.bootstrap .text-white {
    color: #fff !important;
}

/* コンテンツタブ */
.bootstrap .nav-tabs .nav-link {
    margin-bottom: -0.2rem;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0px;
}

.bootstrap .nav-tabs .nav-item.show .nav-link,
.bootstrap .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-left: 0.2rem solid #30699F;
    border-right: 0.2rem solid #30699F;
    border-bottom: 0.2rem solid #fff;
    border-top-color: #30699F;
    border-top-style: solid;
    border-top-width: 0.2rem;
}

.bootstrap .nav-tabs {
    border-bottom: 0.2rem solid #30699F;
}

.nav-tabs .nav-link:hover {
    /* border-bottom: 2.5px solid #30699F; */
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-image: none !important;
    color: #30699F !important;
}

/* コンテンツタブ */
#nav-tabContent-tabs button {
    font-size: 0.875rem;
}

#nav-tabContent-tabs button {
    border-radius: 0px;
}

#nav-tabContent-tabs .nav-link:hover {
    border-color: rgb(0 0 0 / 0%);
    /* border-top: 0.15rem solid gray;
    border-right: 0.15rem solid gray; */
}

#nav-tabContent-tabs button.active:hover {
    border-top: 0.2rem solid #30699F;
    border-left: 0.2rem solid #30699F;
    border-right: 0.2rem solid #30699F;
    border-bottom: 0.2rem solid #fff;
}

#nav-tabContent-tabs button {
    /* background-image: url(../images/border.png); */

    background-repeat: no-repeat;
    background-position: right top;
    color: #484848;
    flex-basis: calc(100%/6);
    padding: 0;
}

#nav-tabContent-tabs button span {
    display: inline-block;
    margin-bottom: 5px;
    /* border-top: 0.15rem solid gray;
    border-right: 0.15rem solid gray; */
    padding-top: 8px;
    width: 100%
}

#nav-tabContent-tabs button:not(.active) span {
    border-top: 0.2rem solid gray;
    border-right: 0.2rem solid gray;
}

#nav-tabContent-tabs button:not(.active) {
    /* border-top: 0.15rem solid gray;
    border-right: 0.15rem solid gray; */
}

#nav-tabContent .contentsBlock .firstBlock .card-body {
    /* padding-left: 0rem; */
}

.contentsBlock h5 {
    font-weight: bold;
    font-size: 1.3125rem;
    text-align: left;
    /* padding-top: 20px;
    padding-bottom: 20px; */
    line-height: 1.5;
}

.contentsBlock .card-footer {
    background-color: #FFFFFF !important;
}

.contentsBlock-right h5 {
    font-size: 1rem;
    line-height: 1.5;
    padding-bottom: 0px !important;
}

.contentsBlock-right .font-small {
    /* margin-top: 0px !important;
    margin-bottom: 5px !important; */
}

.contentsBlock-bottom .card {
    /* border-top: 1px solid #707070; */
    /* margin-left: 1rem; */
}

.contentsBlock-bottom h5 {
    font-size: 0.9rem;
    line-height: 1.5;
    /* padding-bottom: 0px !important;
    margin-left: 16px;
    padding-top: 0px !important; */
}

.contentsBlock-bottom .font-small {
    /* margin-top: 0px !important;
    margin-bottom: 5px !important; */
}

.contentsBlock-bottom .text-muted p,
.firstBlock .text-muted p {
    margin-bottom: 0rem !important;
}

.contentsBlock-bottom .card-footer {
    /* padding-top: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 0rem !important; */
}



.contentsBlock-bottom .card-body {
    /* flex: 1 1 auto;
    padding-top: 1rem;
    padding-right: 0rem;
    padding-left: 0rem;
    padding-bottom: 1rem; */
}

.taglink {
    z-index: 2;
}

.taglink>p {
    /* display: flex;
    column-gap: 0.25rem; */
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.taglink>p:empty::after {
    content: '';
    display: inline-block;
}

.taglink a {
    color: #707070 !important;
    text-decoration: none;
}

.contentsBlock-bottom {
    position: relative;
}

.contentsBlock-bottom .card-body a {
    /* display: flex; */
}



.contentsBlock-bottom .card-body>a:hover+div>h5 {
    text-decoration: underline;
}

.contentsBlock-bottom .card-footer {
    /* position: absolute;
    left: 112px;
    top: 46px; */
}

.contentsBlock-right .card {
    width: calc(100%/2) !important;
}

.contentsBlock .firstBlock {
    /* border-right: 1px solid #707070 !important;
    border-radius: 0px; */
}

.contentsBlock .firstBlock .card-body {
    /* padding-top: 0px !important; */
}

.contentsBlock-right .card .card-body {
    /* padding-top: 0px !important;
    padding-left: 1rem !important;
    padding-right: 0rem !important; */
}

.contentsBlock-right,
.contentsBlock-bottom {
    /* padding-right: 1rem !important; */
}

.contentsBlock {
    /* margin-top: 1rem; */
}

.contentsBlock-bottom .card {
    /* border-top: 1px solid #707070 !important;
    border-radius: 0px !important; */
}

.contentsBlock .card a {
    text-decoration: none;
    color: #30699F;
}

.contentsBlock .card a:hover {
    text-decoration: underline;
    color: #30699F;
}

.contentsBlock .card h5 {
    color: #30699F;
}

.contentsBlock .card-body p:nth-child(2) a,
.contentsBlock-right .card-footer p:nth-child(1) a,
.contentsBlock-bottom .card-footer p:nth-child(1) a {
    /* color: #707070; */
}

.firstBlock {
    max-width: 444px;
    width: 100%;
}

.article-img-l img {
    /* height: 285px; */
    width: 427px;
    object-fit: cover;
    object-position: 50% 33%;
    aspect-ratio: 3 / 2;
}

.article-title-l {
    height: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.article-l .taglink p {
    max-width: 427px;
}

.article-img-m img {
    /* height: 168px; */
    width: 252px;
    object-fit: cover;
    object-position: 50% 33%;
    aspect-ratio: 3 / 2;
}

.article-title-m {
    min-height: 3rem;
    max-height: 3rem;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.article-m .taglink p {
    max-width: 252px;
}

.article-img-s img {
    /* height: 75px; */
    width: 112px;
    object-fit: cover;
    object-position: 50% 33%;
    aspect-ratio: 3 / 2;
}

.article-title-s {
    min-height: 2.2rem;
    max-height: 2.2rem;
    font-size: .9rem;
    line-height: 1.1 !important;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.article-s .taglink p {
    max-width: 392px;
}

.contentsBlock-bottom .card-body .card-img {
    /* height: 90px;
    width: 100%;
    object-fit: cover; */
}

.matome p:last-child {
    /* margin-right: 50px; */
}

.matome p {
    font-size: 0.6875rem;
    /* margin-bottom: 0px; */
}

/*
.matome p:last-child a {
    background-image: url(../../images/202210/btn_read_matome.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}
*/
.matome p a.voice {
    /* background-image: url(../../images/202210/btn_read_matome.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;   */
}

.matome p a {
    color: #30699F;
    text-decoration: none;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.matome p a:hover {
    text-decoration: underline;
}

/* 電子版オリジナル記事 */
.original {
    background-color: #30699F;
    margin-top: 24px;
    padding-bottom: 20px;
    position: relative;
}

.original h2 {
    color: #FFFFFF;
    font-size: 1.25rem;
    font-weight: bold;
    text-align: left;
    padding-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    position: relative;
}

.original a {
    text-decoration: none;
}

.original a:hover {
    text-decoration: underline;
    color: #FFFFFF;
}

.original .swiper {
    max-width: 887px !important;
    width: 100% !important;
}

.original .card {
    /* max-width: 208px !important;
width: 100% !important; */
    /* margin-right: 19px !important;
background-color: #FFFFFF; */
}

.original .card img {
    object-fit: cover !important;
    /* width: 208px !important; */
    /* height: auto !important; */
    object-position: 50% 33%;
}

.original .card-img-top {
    height: 146px;
}

.original .badge {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0.6875rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}


.original-title p {
    font-size: 0.6875rem;
    padding-top: 10px;
    margin-right: 20px;
}

.original-title p a {
    color: #FFFFFF;
}

.original .card-title {
    font-size: 0.9375rem;
    padding-top: 13px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    margin-bottom: 1rem;
    height: 55px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
}

.original .card-text {
    font-size: 0.750rem;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    /* color: #8F8F8F; */
}

/* 電子版オリジナル記事 バッチ色指定
 コーナー：co_コーナーコード
 連載　　：se_連載コード
 カテゴリ：ca_カテゴリコード
*/
.original .badge {
    background-color: #699f30;
}

.original .badge.co_haiken {
    background-color: #9F9E30;
}

.original .badge.co_ichigo {
    background-color: #309F9E;
}

.original .badge.co_vineyard {
    background-color: #9F3069;
}

.original .badge.se_0655 {
    /* ニュース みんなで考えよう */
    background-color: #e68600;
}

.original .badge.se_0507 {
    /* マキタスポーツ　大無尽 */
    background-color: #c58a3d;
}

.original .badge.se_0502 {
    /* 高瀬真奈 カメラの向こうに */
    background-color: #c86999;
}

.original .badge.se_0455 {
    /* やまなし新しいお店 */
    background-color: #ca5152;
}

/* 連載・特集 */
.opinion {
    background-color: #E6E6E6;
    margin-top: 17px;
    padding-bottom: 20px;
    position: relative;
}

.opinion-title {}

.opinion a {
    text-decoration: none;
}

.opinion a:hover {
    text-decoration: underline;
}

.opinion h2 {
    color: #51ADCA;
    font-size: 1.25rem;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
    margin-left: 20px;
}

.opinion-title p {
    font-size: 0.6875rem;
    padding-top: 10px;
    margin-right: 20px;
}

.opinion-title p a {
    color: #51ADCA;
}

.opinion .card {
    max-width: 223px !important;
    width: 100% !important;
    background-color: #FFFFFF;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.opinion .card h3 {
    color: #484848;
    font-weight: bold;
    text-align: left;
    font-size: 1rem;
    margin-bottom: 0px;
    height: 38px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.opinion .card-body {
    border-bottom: 1px solid #707070;
}

.opinion .card-body img {
    object-fit: contain !important;
    width: 94px;
    height: 62px;
    min-width: 94px;
    /* margin-right: 8px; */
}

.opinion .card-body p {
    /* color: #484848; */
    font-size: 0.625rem;
    margin-bottom: 0rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    height: 76px;
    line-height: 1.5;
}

.opinion .card-body a {
    font-size: 0.625rem;
    color: #51ADCA;
}

.opinion .card-footer .card-title {
    font-size: 0.9375rem;
    line-height: 1.4;
    height: 39px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.opinion .card-footer span {
    font-size: 0.750rem;
}

.opinion .swiper {
    max-width: 972px !important;
    width: 100% !important;
    margin-left: 4px;
}

.opinion .swiper-wrapper {
    transition-timing-function: linear;
}

.sw-bottom {
    border-top: 1px solid #707070;
    padding-top: 10px;
}

.sw-bottom h4 {
    font-size: 0.875rem;
    font-weight: bold;
    text-align: left;
    line-height: 1.4;
}

.sw-bottom h4 a {
    color: #484848;
}

.sw-bottom_time {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sw-bottom_time p {
    margin-bottom: 0rem;
    padding-bottom: 0rem;
    color: #8F8F8F;
    font-size: 0.750rem;
}

.sw-bottom h4 a {
    text-decoration: none;
}

.sw-bottom h4 a:hover {
    text-decoration: underline;
}

/* フォルツァ！ヴァンフォーレ */
#vf {
    border: 2px solid #30699F;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
    padding-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.vf-tit h2 {
    font-size: 1.25rem;
    color: #30699F;
    font-weight: bold;
}

#vf-contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#vf-contents .card {
    flex-direction: row;
}

#vf-contents .card-footer p {
    /* font-size: 0.750rem; */
}

.vf-info {
    width: 48% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
}

.vf-img {
    width: 126px;
    align-self: baseline;
    height: 91px;
    object-fit: cover;
    object-position: 50% 33%;
}

.vf-info .card-body {
    width: auto !important;
}

.vf-info h3.card-title {
    font-size: 0.9375rem;
    font-weight: bold;
    text-align: left;
    height: 53px;
    width: 310px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.vf-info h3.card-title a {
    color: #484848;
    text-decoration: none;
}

.vf-info h3.card-title a:hover {
    text-decoration: underline;
}

.vf-info .card-footer {
    margin-bottom: 0rem;
    padding-bottom: 0px;
    background-color: #FFFFFF;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

.vf-info .card-footer p {
    /* margin-bottom: 0rem;
    padding-bottom: 0rem;
    text-align: left; */
}

.vf-info .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 0px;
    padding-bottom: 0px;
}

#vf-contents .vf-info:first-child,
#vf-contents .vf-info:nth-child(2) {
    border-bottom: 1px solid #707070 !important;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-radius: 0px !important;
}

#vf p.text-end {
    font-weight: bold;
    padding-top: 0.5rem;
    padding-bottom: 0rem;
    margin-bottom: 0rem;
}

#vf p.text-end a {
    color: #30699F;
    text-decoration: none;
}

#vf p.text-end a:hover {
    text-decoration: underline;
}

#vf p.text-end a:first-child {
    margin-right: 20px;
}

#vf-contents .card {
    width: auto;
}

.vfBlock {
    display: flex;
}

.vf-info {
    position: relative;
}

.vf-info .card-body {
    position: absolute;
    top: 53px;
    left: 120px;
    z-index: 5;
}

.vf-info .vf-img {
    margin-right: 0.5rem;
}

/* 動画ニュース */
#movieNews {
    margin-top: 20px;
    background-color: #F5F5F5;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 25px;
    padding-right: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.movieNews-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.movieNews-tit h2 {
    color: #30699F;
    font-weight: bold;
    font-size: 1.25rem;
}

.movieNews-tit p {
    font-size: 0.6875rem;
}

.movieNews-tit p a {
    color: #30699F;
    text-decoration: none;
}

.movieNews-tit p a:hover {
    color: #30699F;
    text-decoration: underline;
}

.movieNews-container {
    display: flex;
}

.movieNews-container .card .card-body {
    text-align: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.movieNews-container .m-link p {
    /* font-size: 0.6875rem;
    font-weight: bold;
    margin-top: 0rem;
    padding-top: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
    text-align: left;
    color: #8F8F8F; */
    margin: 0;
    padding: 0;
}

.movieNews-container .m-link p a {
    color: #8F8F8F;
    text-decoration: none;
}

.movieNews-container .m-link p a:hover {
    color: #8F8F8F;
    text-decoration: underline;
}

.movieNews-container .m-info p.card-text {
    font-size: 0.750rem;
    font-weight: bold;
    margin-top: 0rem;
    padding-top: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
    text-align: left;
    color: #8F8F8F;
}

.movieBlock {
    width: calc(100%/4 - 24px);
    margin-right: 12px;
    margin-left: 12px;
    background-color: #FFFFFF;
}

.movieBlock h3 {
    font-weight: bold;
    font-size: 0.9375rem;
    line-height: 1.4;
    margin-bottom: 0rem !important;
    padding-left: 1rem;
    padding-bottom: 0rem;
    margin-top: 15px;
    height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
}

.movieBlock h3 a {
    color: #484848;
    text-decoration: none;
}

.movieBlock h3 a:hover {
    text-decoration: underline;
}

.movieBlock .card .card-footer {
    background-color: #FFFFFF;
    margin-top: 0rem;
    padding-top: 0rem;
    margin-bottom: 0rem;
    padding-bottom: 0.5rem;
}

.movieBlock {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #FFFFFF;
}

.movieBlock .card {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.movieBlock .card-footer {
    background-color: #FFFFFF;
}

.movieBlock .card-img-top {
    width: 100% !important;
    height: 128px;
    object-fit: cover;
    object-position: 50% 33%;
}

/* きょうの富士山・わが家のペット */
#fuji-pet {
    /* display: flex;
    justify-content: space-between;
    margin-top: 20px; */
}

.fp-tit {
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
}

.fp-tit h2 {
    font-weight: bold;
    font-size: 1.25rem;
}

.fp-tit p {
    font-size: 0.6875rem;
}

.fp-tit p a {
    text-decoration: none;
}

.fp-tit p a:hover {
    text-decoration: underline;
}

.fpList {
    /* display: flex !important;
    justify-content: space-between !important; */
}

.fpList .card {
    max-width: 132px !important;
    width: 100%;
    /* margin-left: auto;
    margin-right: auto; */
    /* text-align: center !important; */
    /* border-radius: 0px; */
}

.fpList .card .card-footer p {
    margin-bottom: 0rem;
    bottom: 0rem;
    text-align: center !important;
    font-size: 0.750rem;
    font-weight: bold;
}

.fpList .card .card-footer {
    padding-left: 10px;
    padding-right: 10px;
}

.fpList .card .card-footer p a {
    text-decoration: none;
    color: #FFFFFF;
}

.fpList .card .card-footer p a:hover {
    text-decoration: underline;
}

.fpList .card .card-img-top {
    width: 132px;
    height: 132px;
    object-fit: cover;
    object-position: 50% 33%;
    border-radius: 0px;
}

/* きょうの富士山 */
#fuji {
    max-width: 480px;
    width: 100%;
    background-color: #F5F5F5;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 27px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#fuji .fp-tit h2,
#fuji .fp-tit p a {
    color: #51ADCA;
}

#fuji .card .card-footer {
    background-color: #51ADCA;
    max-height: 4rem;
    min-height: 4rem;
}

/* わが家のペット */
#pet {
    max-width: 480px;
    width: 100%;
    background-color: #F5F5F5;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 27px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#pet .fp-tit h2,
#pet .fp-tit p a {
    color: #CA518F;
}

#pet .fpList .card .card-footer p {
    font-size: 0.625rem !important;
    text-align: left;
    margin-right: 0rem;
    padding-right: 0rem;
    margin-left: 0rem;
    padding-left: 0rem;
}

#pet .card .card-footer {
    background-color: #CA518F;
    max-height: 4rem;
    min-height: 4rem;
}

#pet .card-footer figure {
    color: #FFFFFF;
    font-size: 7px;
}

.pet-watch {
    min-width: 2rem;
}

.pet-name {
    line-break: anywhere;
}

/* デジ缶 */
#digican {
    background-color: #F5F5F5;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 25px;
    padding-right: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#digican .digican-title h2 {
    color: #30699F;
    font-weight: bold;
    font-size: 1.25rem;
}

#digican .digican-title p {
    font-size: 0.6875rem;
}

#digican .digican-title p a {
    color: #30699F;
    text-decoration: none;
}

#digican .digican-list .card {
    width: calc(100%/4);
    font-size: .85rem;
}

#digican .digican-list .card .digican-image img {
    width: 6rem;
    aspect-ratio: 1 / 1;
}

/* visualnews */
#visualnews {
    background-color: #F5F5F5;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 25px;
    padding-right: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#visualnews .visualnews-title h2 {
    color: #30699F;
    font-weight: bold;
    font-size: 1.25rem;
}

#visualnews .visualnews-title p {
    font-size: 0.6875rem;
}

#visualnews .visualnews-title p a {
    color: #30699F;
    text-decoration: none;
}

#visualnews .visualnews-list .card {
    width: calc(100%/4);
    font-size: .85rem;
}

#visualnews .visualnews-list .card .visualnews-image img {
    width: 6rem;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

/* 山梨のニュース */
#yamanashiNews {
    border: 2px solid #707070;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 17px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

#yamanashiNews h2 {
    text-align: left;
    color: #30699F;
    font-weight: bold;
    font-size: 1.25rem;
    padding-bottom: 7px;
}

#ynContainer {
    display: flex;
    justify-content: space-between;
}

#ynContainer .taglink p {
    max-width: 327px;
}

#ynBlock {
    border-right: 1px solid #707070;
    padding-right: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
}

#ynBlock2 {
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
}

.newsList+.newsList {
    max-width: 445px;
    width: 100%;
    margin-top: 40px;
}

.newsList h3 {
    color: #30699F;
    font-size: 1.1rem;
    font-weight: bold;
    display: inline-block;
    max-width: 146px;
    width: 100%;
    border-bottom: 2px solid #707070;
    text-align: left;
}

.newsList-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 13px;
}

.newsList-tit p {
    font-size: 0.75rem;
}

.newsList-tit p a {
    color: #30699F;
    text-decoration: none;
    background-image: url(../../images/202210/yajirushi.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
    font-weight: bold;
}

.newsList-tit p a:nth-child(n + 2) {
    margin-left: 10px;
}

.newsList-tit p a:hover {
    text-decoration: underline;
}

.newsContents {
    border-bottom: 1px solid #707070;
    padding-bottom: 5px;
    margin-bottom: 5px;
    position: relative;
}

.newsContents:last-child {
    border-bottom: 2px dotted #707070;
}

.newsImg {
    width: 98px;
    height: 71px;
    object-fit: cover;
    object-position: 50% 33%;
}

.nc-title h4 {
    margin-right: 17px;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: left;
    width: 327px;
    height: 35px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.nc-title h4 a {
    color: #484848;
    text-decoration: none;
}

.nc-title h4 a:hover {
    text-decoration: underline;
}

.bootstrap .nc-title {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.nc-bottom {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 5;
}

.nc-bottom aside {
    font-size: 0.6875rem;
    text-align: left;
    width: 327px;
}

.nc-bottom aside a {
    color: #8F8F8F;
    text-decoration: none;
}

.nc-bottom aside a:hover {
    color: #8F8F8F;
    text-decoration: underline;
}

.nc-bottom div {
    display: flex;
    align-items: center;
}

.nc-bottom div p {
    font-size: 0.750rem;
    margin-right: 15px;
    margin-bottom: 0rem;
    padding-bottom: 0rem;
}

.nc-bottom div span {
    margin-right: 5px;
}

/* インフィード広告 */
#infeed_ad{
    margin-top: 24px;
}
#infeed_ad_area {
    background-color: #F5F5F5;
    padding: 8px 4px;
    text-align: left;
}

#infeed_ad #infeed_ad_area .infeed_ad_pr_tag {
    background: #999999;
    padding: 2px 10px 0px 10px;
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
}

#infeed_ad #infeed_ad_area a {
    color: #484848;
    text-decoration: none;
    vertical-align: middle;
}

/* PRスペース */
#top-pr {
    margin-top: 1rem;
    margin-bottom: -27px;
}

#top-pr #prarea {
    background-color: #F5F5F5;
    padding: 8px 4px;
    text-align: left;
}

#top-pr #prarea img {
    width: 75px;
    height: 28px;
}

#top-pr #prarea a {
    color: #484848;
    text-decoration: none;
    vertical-align: middle;
}

/* SNS */
#sns {
    background-color: #F5F5F5;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 43px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#sns h2 {
    color: #3959A0;
    font-weight: bold;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0rem;
}

#sns h2 img {
    margin-right: 10px;
}

/* Facebook */
#fb {
    max-width: 455px;
    width: 100%;
    border: 2px solid #3959A0;
}

#fb h2 {
    border-bottom: 2px solid #3959A0;
}

/* Twitter */
#tw {
    max-width: 455px;
    width: 100%;
    border: 2px solid #1D9CF1;
}

#tw h2 {
    border-bottom: 2px solid #1D9CF1;
}


/* .swiper-button-prev2 {
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 20;
}

.swiper-button-next2 {
    position: absolute;
    right: 0px;
    top: 50%;
    z-index: 20;
} */

#wrapper #info_title_single h1 {
    width: 65;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: #fccb7e;
    display: block;
    margin: 0;
    padding: 10px;
    font-size: 1.4em;
    font-weight: bold;
    color: #d16219;
    text-align: left;
}

#wrapper #info_title_single .nhonbun h1 {
    margin-bottom: 30px;
}

#wrapper #info_title_single h1 a {
    color: #d16219;
}

#wrapper #top_info {
    width: 980px;
    padding: 0 10px 3px 10px;
    margin: 0 0 20px 0;
    border: 1px solid #fccb7e;
}

#wrapper #top_info .title {
    font-size: 1em;
    font-weight: bold;
    margin: 15px 0 5px 0;
    padding: 0;
}

#wrapper #top_info .title a {
    font-size: 1em;
    font-weight: bold;
    margin: 15px 0 5px 0;
    padding: 0;
}

#wrapper #top_info p {
    font-size: 0.8em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-align: left
}

/* 中段バナーエリア */
.banner_middle {
    margin: 10px 0 -10px 0;
}

.banner_middle a {
    display: inline-block;
    margin: 10px 0;
}