@charset "utf-8";

/* ------------------------------------------------------------------------------------
JSS：事業所(テニス)
------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------
common：共通項目
---------------------------------------------------------------------- */
/* _____ リンク設定 _____ */
a {
    color: #004097;
}

/* テキストリンク設定 */
main a::after {
    border-color: #88C140;
}

/* ----------------------------------------------------------------------
bg-box：after シルエット背景設定
---------------------------------------------------------------------- */
/* トップページCPブロック */
.home-page .border-bk {
    background: #e7f4fa;
}

/* _____ 共通：フッター _____ */
main {
    padding-bottom: 80px !important;
}

.footer-box::after {
    background-image: url(../img/tennis/footer_bg.svg);
    background-size: 1000px auto;
    background-position: center bottom -2px;
    height: 100px;
    top: -100px;
}

/********** サイズ調整 **********/
@media (min-width:1260px) {
    .footer-box::after {
        background-size: 1300px auto;
    }
}

@media (max-width:999px) {
    main {
        padding-bottom: 12% !important;
    }

    .footer-box::after {
        background-image: url(../img/tennis/footer_bg2.svg);
        background-size: 100% auto;
    }
}

/* _____ サブページ：wave-box（ベース：薄水色） _____ */
.wave-box .inner-full {
    background: #EDF6E3;
}

/* ----------------------------------------------------------------------
button：ボタンパターン
---------------------------------------------------------------------- */
.inner .btn a,
#cp_popup .btn a,
.mainimg-box .btn a {
    background: #004097;
    border-color: #004097;
}

.inner .btn a:active,
.inner .btn a:hover,
#cp_popup .btn a:active,
#cp_popup .btn a:hover,
.mainimg-box .btn a:active,
.mainimg-box .btn a:hover {
    border-color: #004097;
    background-color: transparent;
    color: #004097;
}

/* 矢印 */
.inner .btn a:active span::before,
.inner .btn a:hover span::before,
#cp_popup .btn a:active span::before,
#cp_popup .btn a:hover span::before,
.mainimg-box .btn a:active span::before,
.mainimg-box .btn a:hover span::before {
    border-color: #004097;
}


/* _____ btn-more2：もっと見るボタン _____ */
.inner .btn-more2 a {
    background-color: #fff;
    border-color: #5FB7DF;
}

.inner .btn-more2 a span {
    color: #5FB7DF;
}

.inner .btn-more2 a span::before {
    border-color: #5FB7DF;
}

.inner .btn-more2 a:active,
.inner .btn-more2 a:hover {
    background-color: #5FB7DF !important;
    border-color: #5FB7DF !important;
}


/* _____ btn-recurit：採用情報ボタン _____ */
.inner .btn-recurit a {
    background: #fff;
    color: #88C140;
    border-color: #FAF01D;
}

.inner .btn-recurit a span::before {
    border-color: #88C140;
}

.inner .btn-recurit a:hover {
    color: #FAF01D;
    border-color: #FAF01D;
}

.inner .btn-recurit a:hover span::before {
    border-color: #FAF01D;
}

/* ----------------------------------------------------------------------
title：見出し（タイトル）パターン
---------------------------------------------------------------------- *
/* _____ title1 メイン見出し(上線) _____ */
.inner .title1:before {
    background-color: #88c140;
}

/* _____ title2 メイン見出し(角丸ベタ背景) _____ */
.inner .title2 {
    background: #88C140;
    border-color: #88C140;
}

/* _____ title3 中見出し(紺) _____ */
.inner .title3 {
    color: #88C140;
}

/* ----------------------------------------------------------------------
table：テーブル共通設定
---------------------------------------------------------------------- */
.inner table th {
    color: #88C140;
}

/* ----------------------------------------------------------------------
header：ヘッダー
---------------------------------------------------------------------- */
/* _____ ヘッダーメニュー _____ */
/* _____ 施設情報 _____ */
.bottom-head .shop-bk {
    background-image: url(../img/tennis/icon_tennisball.svg), url(../img/tennis/icon_tennisball2.svg);
    background-position: right 48% bottom 6px, right 37% bottom 3px;
    background-size: 130px auto, 20px auto;
}

/* _____ Gナビ _____ */
@media (min-width:1000px) {
    .nav-bk .navigation_wrapper li {
        margin: 0 14px;
    }
}

@media (min-width:1199px) {
    /* _____ 施設情報 _____ */
    .bottom-head .shop-bk {
        background-position: right 48% bottom 6px, right 37% bottom 3px;
        background-size: 160px auto, 26px auto;
    }

    .nav-bk .navigation_wrapper li {
        margin: 0 14px;
    }
}

@media (max-width:999px) {
    /* _____ 施設情報 _____ */
    .bottom-head .shop-bk {
        background-image: url(../img/tennis/icon_tennisball.svg);
        background-size: 100px auto;
        background-position: right 2% bottom 6px !important;
    }
}

/* ----------------------------------------------------------------------
footer：フッター
---------------------------------------------------------------------- */
@media (min-width: 441px) {
    footer nav li br {
        display: none;
    }
}

/* ----------------------------------------------------------------------
top：トップページ
---------------------------------------------------------------------- */
.home-page main {
    background: #EDF6E3;
}

/* _____ mainimg-box：メインビジュアル _____ */
/* スライダー共通はslick.cssに記述中 */
.mainimg-box {
    background: #BEE7ED;
}

/********** サイズ調整 **********/
@media (max-width:640px) {
    .mainimg-box .catch-bk {
        background: #3FA5F0;
    }
}

/* _____ border-bk：CP・トップメニューブロック _____ */
/* _____ campaign-box：キャンペーンブロック _____ */
/* キャンペーンタイマー */
.campaign-box .timer-bk {
    background-color: #88C140;
}

/* カウントダウンタイマー */
/* タイマー */
.campaign-box .yycountdown-box * {
    color: #FAF01D;
}

.campaign-box #timer-box {
    border-color: #FAF01D;
}

.campaign-box .character {
    left: 140px;
    top: -30px;
}

.campaign-box .character img {
    width: 50px;
    height: auto;
}

/********** サイズ調整 **********/
@media (max-width:1199px) {
    .campaign-box .character {
        left: 60px;
    }
}

@media (max-width:999px) {
    .campaign-box .character {
        top: -40px;
    }

    .campaign-box .character img {
        width: 40px;
        height: auto;
    }
}

/* _____ menu-box：メニューブロック _____ */
.menu-list li a {
    background: #88C140;
    border-color: #88C140;
}

.menu-list li a .menu-icon {
    background-color: #88C140;
}

.menu-list li a span {
    bottom: 25px;
}

.menu-list li a:active span,
.menu-list li a:hover span {
    color: #88C140;
}

.menu-list li a .info span,
.menu-list li a .schedule span {
    bottom: 15px !important;
}

/* 各種ボタン */
.menu-list li a .menu-icon::after {
    width: 100px;
    height: 100px;
    top: 10%;
}

/* スクールのご案内 */
.menu-list li .info::after {
    background-image: url(../img/tennis/icon_info.svg);
    background-size: auto 80px;
}

.menu-list li a:active .info::after,
.menu-list li a:hover .info::after {
    background-image: url(../img/tennis/icon_info_green.svg);
}

/* 入会のご案内 */
.menu-list li .guidance::after {
    background-image: url(../img/tennis/icon_guidance.svg);
    background-size: auto 100px;
}

.menu-list li a:active .guidance::after,
.menu-list li a:hover .guidance::after {
    background-image: url(../img/tennis/icon_guidance_green.svg);
}

/* スクールバス */
.menu-list li .schoolbus::after {
    background-image: url(../img/tennis/icon_schoolbus.svg);
    background-size: auto 110px;
}

.menu-list li a:active .schoolbus::after,
.menu-list li a:hover .schoolbus::after {
    background-image: url(../img/tennis/icon_schoolbus_green.svg);
}

.menu-list li .program::after {
    background-image: url(../img/tennis/icon_program.svg);
    background-size: auto 90px;
}

/* プログラム */
.menu-list li a:active .program::after,
.menu-list li a:hover .program::after {
    background-image: url(../img/tennis/icon_program_green.svg);
}

/* レッスンスケジュール */
.menu-list li .schedule::after {
    background-image: url(../img/tennis/icon_schedule.svg);
    background-size: auto 90px;
}

.menu-list li a:active .schedule::after,
.menu-list li a:hover .schedule::after {
    background-image: url(../img/tennis/icon_schedule_green.svg);
}

/********** サイズ調整 **********/
@media (min-width:1000px) {
    .menu-list li a .menu-icon::after {
        top: 10%;
    }

    .menu-list li a span {
        font-size: 19px;
    }
}

@media (min-width:900px) {
    .menu-list li {
        width: 25%;
        padding: 15px;
    }
}

@media (max-width:999px) {

    /* 各種ボタン */
    .menu-list li a .menu-icon::after {
        width: 90px;
        height: 90px;
        top: 5%;
    }

    /* スクールのご案内 */
    .menu-list li .info::after {
        background-size: auto 60px;
    }

    /* 入会のご案内 */
    .menu-list li .guidance::after {
        background-size: auto 80px;
    }

    /* スクールバス */
    .menu-list li .schoolbus::after {
        background-size: auto 90px;
    }

    /* プログラム */
    .menu-list li .program::after {
        background-size: auto 70px;
    }

    /* レッスンスケジュール */
    .menu-list li .schedule::after {
        background-size: auto 70px;
    }
}

@media (max-width:899px) and (min-width:681px) {
    .menu-list li {
        width: 50%;
    }

    .menu-list li a .menu-icon::after {
        width: 70px;
        height: 70px;
        top: 10%;
    }
}

@media (max-width: 380px) {
    .menu-list li a .menu-icon::after {
        top: 10%;
    }

    .menu-list li a .menu-icon::after {
        width: 55px;
        height: 55px;
        background-size: auto 55px;
    }
}

@media (max-width:320px) {

    /* 各種ボタン */
    /* スクールのご案内 */
    .menu-list li .info::after {
        background-size: auto 40px;
    }

    /* 入会のご案内 */
    .menu-list li .guidance::after {
        background-size: auto 60px;
    }

    /* スクールバス */
    .menu-list li .schoolbus::after {
        background-size: auto 70px;
    }

    /* プログラム */
    .menu-list li .program::after {
        background-size: auto 50px;
    }

    /* レッスンスケジュール */
    .menu-list li .schedule::after {
        background-size: auto 50px;
    }
}

/* _____ news-box：お知らせブロック _____ */
.home-page .news-box .character img {
    width: 150px;
    height: auto;
}

.news-data li a::before {
    border-top-color: #88C140;
    border-right-color: #88C140;
}

.news-data li a .name::after {
    border-bottom-color: #88C140;
}

/********** サイズ調整 **********/
@media (min-width:1000px) {
    .home-page .news-box .character {
        top: 55px;
    }
}

@media (max-width:640px) {
    .home-page .news-box .character img {
        width: 100px;
        height: auto;
    }
}

/* _____ blog-box：スタッフブログブロック _____ */
.blog-data li .name {
    color: #004097;
}

.blog-data li .day .new {
    background: #004097;
}

/* _____ price-box：プログラム概要・料金ブロック _____ */
/* レッスンスケジュールと共通 */
.pdf-attend-data {
    border-color: #5FB7DF;
}

.pdf-attend-data .title-bk {
    background: #DFF0F8;
}

.pdf-attend-data .arrow-bk::after {
    background: url(../img/tennis/triangle_bg_bottom.svg) no-repeat center top;
    background-size: contain;
}

.pdf-attend-data .detail .title {
    color: #5FB7DF;
}

.pdf-attend-data .title-bk::after {
    background: #5FB7DF;
}

/* _____ schedule-box：レッスンスケジュールブロック _____ */
.schedule-box .pdf-attend-data {
    border-color: #88C140;
}

.schedule-box .pdf-attend-data .title-bk {
    background-color: #E6F3D9;
}

.schedule-box .pdf-attend-data .arrow-bk::after {
    background-color: #E6F3D9;
    background: url(../img/tennis/triangle_bg_bottom2.svg) no-repeat center top;
    background-size: contain;
}

.schedule-box .pdf-attend-data .detail .title {
    color: #88C140;
}

.schedule-box .pdf-attend-data .title-bk::after {
    background: #88C140;
}

.schedule-box .pdf-attend-data .btn-more2 a {
    border-color: #88C140;
}

.schedule-box .pdf-attend-data .btn-more2 a span {
    color: #88C140;
}

.schedule-box .pdf-attend-data .btn-more2 a span::before {
    border-color: #88C140;
}

.schedule-box .pdf-attend-data .btn-more2 a:active,
.schedule-box .pdf-attend-data .btn-more2 a:hover {
    background-color: #88C140 !important;
    border-color: #88C140 !important;
}

/* _____ guidance-box：入会のご案内ブロック _____ */
.guidance-box {
    background: #e7f4fa;
}

.guidance-box .title3 {
    color: #88C140;
}

/* ステップデータ */
.guidance-box .step-data .title2 .number {
    background: #88C140;
    border-color: #88C140;
}

.guidance-box .step-data.step1 .data-bk {
    background-image: url(../img/tennis/icon_bottle.svg);
    background-position: right 60px center;
    background-size: 90px auto;
}

.guidance-box .step-data.step2 .data-bk {
    background-image: url(../img/tennis/icon_tennisball3.svg);
    background-position: right 55px bottom 20px;
    background-size: 40px auto;
}

.guidance-box .step-data.step3 .data-bk {
    background-image: url(../img/tennis/icon_racket.svg);
    background-position: right 60px center;
    background-size: 100px auto;
}

/********** サイズ調整 **********/
@media (max-width:640px) {
    .guidance-box .step-data.step1 .data-bk {
        background-size: 70px auto;
        background-position: right 28px bottom 10px;
    }

    .guidance-box .step-data.step2 .data-bk {
        background-position: right 28px bottom 10px;
    }

    .guidance-box .step-data.step3 .data-bk {
        background-size: 70px auto;
        background-position: right 28px bottom 10px;
    }
}

/* _____ info-box：施設情報ブロック _____ */
/* スクールバス情報 */
.schoolbus-box .text-data {
    background-image: url(../img/tennis/icon_schoolbus_green.svg);
}

.schoolbus-box li .title {
    color: #88C140;
}

.schoolbus-box li .title::before {
    color: #88C140;
}

/* _____ recruit-box：採用情報 _____ */
.home-page .recruit-box {
    background: #88C140;
}

/* ----------------------------------------------------------------------
subpage：サブページ共通項目
---------------------------------------------------------------------- */
/* _____ ぱんくずブロック _____ */
.pankuzu-box .inner li a {
    color: #88C140;
}

/* _____ ページタイトルブロック _____ */
.pagetitle-box {
    background: #bfe3f3;
}

/* _____ PDF埋め込みブロック _____ */
.sub-content-bk .pdf-data .title {
    background: #88C140;
}

.sub-content-bk .pdf-data .title::after {
    color: #88C140;
}

/* _____ フローナビ _____ */
.flow-nav li {
    background: #C8E3AA;
}

/* フロー矢印 */
.flow-nav li .title::after {
    border-left-color: #C8E3AA;
}

/* 完了ステップ */
.contact-page .flow-nav li.nav1,
.contact-page .confirm-box .flow-nav li.nav2,
.thanks-page .flow-nav li,
.guidance-page .flow-nav li.nav1,
.admission_guide-page .flow-nav li.nav1,
.agreement_tennis-page .flow-nav li.nav1,
.agreement_tennis-page .flow-nav li.nav2 {
    background: #88C140;
}

.contact-page .flow-nav li.nav1 .title::after,
.contact-page .confirm-box .flow-nav li.nav2 .title::after,
.thanks-page .flow-nav li .title::after,
.guidance-page .flow-nav li.nav1 .title::after,
.admission_guide-page .flow-nav li.nav1 .title::after,
.agreement_tennis-page .flow-nav li.nav1 .title::after,
.agreement_tennis-page .flow-nav li.nav2 .title::after {
    border-left-color: #88C140;
}

/* _____ フローデータ _____ */
.flow-box .flow-data {
    border-color: #88C140;
}

.flow-box .flow-data .step {
    color: #88C140;
}

.flow-box .flow-data::after {
    background: url(../img/tennis/flow_arrow.svg) no-repeat center bottom;
}

.flow-box .flow-end {
    border-color: #004097;
}

.flow-box .flow-end p {
    color: #004097;
}

.flow-box .flow-end a {
    color: #004097;
}

.flow-box .flow-end a:hover {
    color: #009fb9;
}

/* _____ 入会に必要なもの・注意事項 _____ */
/* 入会に必要なもの */
.need-data>.title {
    background: #004097;
    border-color: #004097;
}

.need-data ol li::before {
    color: #88C140;
}

.need-data .data-bk>p strong {
    color: #88C140;
}

/* _____ アコーディオン _____ */
.accordion-data label {
    background: #88C140;
}

/* ----------------------------------------------------------------------
program：プログラム料金
---------------------------------------------------------------------- */
.program-box .inner {
    background-image: url(../img/tennis/icon_racket.svg);
    background-position: right 200px top 50px;
    background-size: 110px auto;
}

.program-page .program-box .inner {
    background-position: right 220px top 140px;
}

/* _____ プログラム紹介 _____ */
/* キャッチ */
.program-page .program-box .inner>.catch {
    margin-bottom: 60px;
}

/* 説明ブロック */
.program-page .program-box .data-bk {
    padding: 0;
    margin-bottom: 40px
}

.program-page .program-box .data-bk .movie-list {
    margin: 40px;
    width: auto;
}

/* テニス動画説明枠 */
.program-page .program-box .data-bk .movie-list2 .full-size {
    width: 100%;
    display: table;
    padding-right: 0;
    margin-bottom: 30px;
}

.program-page .program-box .data-bk .movie-list2 .full-size .img,
.program-page .program-box .data-bk .movie-list2 .full-size .text-data {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}

.program-page .program-box .data-bk .movie-list2 .full-size .img {
    padding-right: 30px;
}

.program-page .program-box .data-bk .movie-list2 .full-size .text-data {
    padding-left: 30px;
}

/* タイトル */
.program-page .program-box .data-bk .movie-list li .title {
    position: relative;
    border-top: dotted 4px #fff;
    padding: 20px 135px 0 0;
    margin-bottom: 8px;
}

.program-page .program-box .data-bk .movie-list li .title span {
    line-height: 130%;
}

/* 対象 */
.program-page .program-box .data-bk .movie-list .age {
    position: absolute;
    right: 0;
    top: 25px;
    background: #88c140;
    border-radius: 20px;
    min-width: 130px;
    line-height: 180%;
    text-align: center;
}

.program-page .program-box .data-bk .movie-list li:nth-child(2n+1) .age {
    right: 30px;
}

.program-page .program-box .data-bk .movie-list .age span {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 120%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    transform: rotate(0.03deg) !important;
    padding-bottom: 7px;
}

/* キャッチ */
.program-page .program-box .data-bk .movie-list .catch {
    color: #88C140;
    font-size: 18px;
    line-height: 180%;
}

.program-sougou {
    padding: 0 40px;
}

/* 説明 */
.program-page .program-box .data-bk .movie-list .text {
    margin-top: 0;
}

.program-page .program-box .data-bk .movie-list2 .full-size .text-data .btn {
    text-align: center;
}

/* _____ プログラムの概要と料金 _____ */
.program-page .price-box>.inner {
    background-image: url(../img/com/icon_penta10.png);
    background-size: 145px auto;
}

/********** サイズ調整 **********/
@media (min-width:1200px) {
    .program-box .inner {
        background-position: right 300px top 50px;
    }

    .program-page .program-box .data-bk .movie-list {
        margin: 60px 84px;
    }

    .program-sougou {
        padding: 0 84px;
    }

    /* _____ プログラムの概要と料金 _____ */
    .program-page .price-box>.inner {
        background-position: left 220px top 50px;
    }
}

@media (max-width:999px) {
    .program-box .inner {
        background-position: right 20% top 20px;
        background-size: 80px auto;
    }

    .program-page .program-box .inner {
        background-position: right 20% top 80px;
    }

    .program-page .program-box .inner>.catch {
        margin-bottom: 30px;
    }

    .program-page .program-box .data-bk .movie-list {
        margin: 20px;
    }

    .program-page .program-box .data-bk .movie-list2 .full-size .img {
        padding-right: 15px;
    }

    .program-page .program-box .data-bk .movie-list2 .full-size .text-data {
        padding-left: 15px;
    }

    .program-page .program-box .data-bk .movie-list li .title {
        padding-right: 125px;
    }

    .program-page .program-box .data-bk .movie-list .age {
        min-width: 120px;
        top: 20px;
    }

    .program-page .program-box .data-bk .movie-list li:nth-child(2n+1) .age {
        right: 15px;
    }

    .program-page .program-box .data-bk .movie-list .age span {
        font-size: 13px;
        padding-bottom: 7px;
    }

    .program-page .program-box .data-bk .movie-list .catch {
        font-size: 14px;
    }

    .program-sougou {
        padding: 0 20px;
    }

    /* _____ プログラムの概要と料金 _____ */
    .program-page .price-box>.inner {
        background-position: left 18% top;
        background-size: 110px auto;
    }
}

@media (max-width:640px) {
    .program-box .inner {
        background-position: right 10px top 20px;
        background-size: 70px auto;
    }

    .program-page .program-box .inner {
        background-position: right 5px top 80px;
    }

    .program-page .program-box .data-bk .movie-list2 .full-size {
        display: block;
        margin-bottom: 0;
    }

    .program-page .program-box .data-bk .movie-list2 .full-size .img,
    .program-page .program-box .data-bk .movie-list2 .full-size .text-data {
        display: block;
        width: 100%;
        padding: 0;
    }

    .program-page .program-box .data-bk .movie-list2 .full-size .img {
        margin-bottom: 15px;
    }

    .program-page .program-box .data-bk .movie-list li:nth-child(2n+1) .age {
        right: 0;
    }

    /* _____ プログラムの概要と料金 _____ */
    .program-page .price-box>.inner {
        background-position: left 5px top 0;
    }
}

@media (max-width:374px) {
    .program-page .program-box .data-bk .movie-list li .title {
        padding-right: 0;
    }

    .program-page .program-box .data-bk .movie-list .age {
        position: static;
        margin-bottom: 5px;
    }
}
/* ----------------------------------------------------------------------
contact：お問い合わせ
thanks：お問い合わせ完了
---------------------------------------------------------------------- */
/* キャッチカラー */
.contact-box .inner .catch {
    color: #88C140;
}

.contact-box .inner .text2 {
    color: #88C140;
}

/* ----------------------------------------------------------------------
admission_guide：WEB入会予約について
agreement_tennins：WEB入会予約 会員規約
---------------------------------------------------------------------- */
/* 説明ブロック */
/* テキストデータ */
.admission-box .inner .text2 {
    color: #88C140;
}

/* _____ admission_guide：WEB入会予約について _____ */
/* 入会状況 */
.class-box .need-data .data-bk .class-detail li {
    color: #88C140;
}

/* クラステーブル */
.class-box .need-data .data-bk .class-tbl-bk th,
.class-box .need-data .data-bk .class-tbl-bk td.week {
    color: #88C140;
}

/* 重要事項 */
.guidance-page .attend-box li span,
.admission_guide-page .attend-box li span {
    color: #88C140;
}

.guidance-page .attend-box .attend-bk,
.admission_guide-page .attend-box .attend-bk {
    background: #EDF6E3;
    color: #88C140;
}

/* _____ agreement_tennis：WEB入会予約 会員規約 _____ */
.guideline-box .detail-box .title,
.privacy-box .text-data .title {
    border-color: #88C140;
}

.guideline-box .detail-box .title span,
.privacy-box .text-data .title span {
    color: #88C140;
}

/* 同意ブロック */
.agreement-box {
    background: #EDF6E3;
}

.agreement-box .attend-bk {
    color: #88C140;
}

/* ----------------------------------------------------------------------
category/news：お知らせ
category/blog：スタッフブログ
---------------------------------------------------------------------- */
/* タイトル */
.archive-page .post-bk>.title {
    border-color: #88C140;
}

.archive-page .post-bk>.title span {
    color: #88C140;
}

/* アイコン */
.archive-page .post-bk .icon-title-day .icon-title a {
    background: #88C140;
}

.archive-page .post-bk .icon-title-day .icon-title-blog a {
    background: #004097;
}

/* ページナビゲーション */
.pagination {
    color: #88C140;
}

.pagination li a {
    color: #88C140;
    border-color: #88C140;
}

.pagination li a:hover,
.pagination li span {
    background: #88C140;
    border-color: #88C140 !important;
}

/* _____ サイドバー_____ */
.archive-page .sideber-bk .side-block>.title {
    border-color: #88C140;
}

.archive-page .sideber-bk .side-block>.title span {
    color: #88C140;
}

/* ----------------------------------------------------------------------
contactform7：お問い合わせ項目設定
---------------------------------------------------------------------- */
/* 注意事項・必須項目 */
.wpcf7 .wpcf7-form p.must-attend span,
.wpcf7 .wpcf7-form table tr td .attend,
span.wpcf7-not-valid-tip {
    color: #88C140;
}

.wpcf7 .wpcf7-form table tr th.title-must label::after,
.wpcf7 .wpcf7-form table tr td .wpcf7-not-valid-tip::before {
    color: #88C140;
}

/* 入力項目ごとの見出し */
.wpcf7 .wpcf7-form .form-title span {
    color: #88C140;
}

.wpcf7 .wpcf7-form table tr:first-child {
    border-color: #88C140 !important;
}

/* 送信ボックス */
.wpcf7 .wpcf7-form .form-btn li input[type="reset"],
.wpcf7 .wpcf7-form .form-btn li input[type="submit"],
.wpcf7 .wpcf7-form .form-btn li input[type="button"] {
    background-color: #5FB6E1;
    border-color: #5FB6E1;
}

.wpcf7 .wpcf7-form .form-btn li:active input[type="reset"],
.wpcf7 .wpcf7-form .form-btn li:hover input[type="reset"],
.wpcf7 .wpcf7-form .form-btn li:active input[type="submit"],
.wpcf7 .wpcf7-form .form-btn li:hover input[type="submit"],
.wpcf7 .wpcf7-form .form-btn li:active input[type="button"],
.wpcf7 .wpcf7-form .form-btn li:hover input[type="button"] {
    color: #5FB6E1;
}

.wpcf7 .wpcf7-form .form-btn li:hover::before {
    border-color: #5FB6E1;
}

/* アラート */
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border-color: #009fb9;
}

/********** サイズ調整 **********/
@media (max-width:999px) {

    /* 入力項目ごとの見出し */
    .wpcf7 .wpcf7-form .form-title span {
        color: #88C140;
    }
}

/* ----------------------------------------------------------------------
other：個別対応
---------------------------------------------------------------------- */
/* _____ 富山テニス：お知らせページ見出し設定_2021.01.28 _____ */
.toyamatennis.news-page .pagetitle-box {
    background-image: url(/com/img/tennis/pagetitle_news_toyama.jpg) !important;
}

/* _____ ジャンボテニス：お知らせページ見出し設定_2021.03.01 _____ */
.jumbotennis.news-page .pagetitle-box {
    background-image: url(/com/img/tennis/pagetitle_news_jumbo.jpg) !important;
}