/**
Theme Name: SakaiitCustom
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sakaiitcustom
Template: astra
*/



/***-----------全てのテキストリンクの下線表示を無効にする--*/
.ast-single-post .entry-content a{
	text-decoration-line: none!important;
}
/*-----*/
/***-----------トップページ背景--*/
.decor-bg {
  position: relative;
}

.decor-bg::before,
.decor-bg::after {
  content: "";
  position: absolute;
  top: clamp(20px, 3vw, 60px);                 /* ←追加 */
  width: 20vw;
  aspect-ratio: 1 / 2;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: -1;
}

.decor-bg::before {
  left: 5vw;
  background-image: url(http://uchuu.main.jp/wp-content/uploads/de92520b27bc5ba0c6b6b1dbea7f5ac5-1.jpg);
  background-position: left top;
}

.decor-bg::after {
  right: 5vw;
  background-image: url(http://uchuu.main.jp/wp-content/uploads/4d9c32c23df5d234e629c922c58d8e12-1.jpg);
  background-position: right top;
}

@media (max-width: 768px) {
  .decor-bg::before,
  .decor-bg::after {
    display: none;
  }
	}
/*-----*/
/***-----------トップページメイン画像＿コンテナ幅を背景画像に合わせる--*/
.mein{
	background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 41.74%;
	background-color:#FFFFFF;
}
/*-----*/


/***----------- トップページ活動予定 縦並びリスト (.my-vertical-list-1) --***/

/* 外枠（全体がaタグ化されたリンクカード） */
.my-vertical-list-1 .wp-show-posts-inner,
.my-vertical-list-1.infopra .wp-show-posts-inner {
    display: block;                  /* aタグのブロック要素化 */
    text-decoration: none !important; /* カード全体の下線消去 */
    color: inherit;
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 1.2em;
    transition: background-color 0.2s ease;
    overflow: hidden;
}

.my-vertical-list-1 .wp-show-posts-inner:hover,
.my-vertical-list-1.infopra .wp-show-posts-inner:hover {
    background: #f2f2f2;
}

.my-vertical-list-1 .wp-show-posts-inner:last-of-type,
.my-vertical-list-1.infopra .wp-show-posts-inner:last-of-type {
    border-bottom: none;
}

/* 画像エリア設定（div指定からクラス名指定に緩和） */
.my-vertical-list-1 .wp-show-posts-image {
    display: flex;
    align-items: center;
    width: 40% !important;
    height: 11vw;
    padding-right: 1.5em;
    float: left;
    overflow: hidden;
}

.my-vertical-list-1 .wp-show-posts-image img {
    margin: 0 !important;
    vertical-align: bottom;
    height: auto;
    width: 100%;
    object-fit: cover;
}

/* テキストエリア */
.my-vertical-list-1 .wp-show-posts-entry-header {
    overflow: hidden; /* float解除 */
}

/* 日付・カテゴリ（メタ情報）設定 */
.my-vertical-list-1 .wp-show-posts-entry-meta {
    padding: 0 0 0.5em 0;
    line-height: 1.4;
    color: #666;
}

/* カテゴリタグのスタイル調整 */
.my-vertical-list-1 .wp-show-posts-entry-meta .postscategory {
    background-color: #123CB2;
    border-radius: 5px;
    margin: 0 0.8em 0 0;
    padding: 0.2em 0.6em;
    color: #ffffff !important;
    font-size: 0.9em;
}

.my-vertical-list-1 .wp-show-posts-entry-meta .postscategory a {
    color: #ffffff !important;
}

/* アイコン設定（時計マークを確実に表示） */
.my-vertical-list-1 .wp-show-posts-entry-meta .fa:before,
.my-vertical-list-1 .wp-show-posts-entry-meta i:before {
    content: "\f017" !important;
    font-family: "FontAwesome", "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
    font-weight: 900;
    margin-right: 4px;
    display: inline-block;
}

/* 記事タイトル */
.my-vertical-list-1 h2.wp-show-posts-entry-title {
    display: inline-block;
    font-size: 22px;
    padding-bottom: 0.5em;
    margin: 0;
    color: #51D519; /* 緑色タイトル */
    line-height: 1.4;
}

.my-vertical-list-1 .wp-show-posts-inner:hover h2.wp-show-posts-entry-title {
    color: #3fb012;
}

/* タイトル前の緑丸「›」アイコン */
.my-vertical-list-1 h2.wp-show-posts-entry-title::before {
    content: "›";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    background: #51D519;
    border-radius: 50%;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 7px;
    box-sizing: border-box;
    position: relative;
}

/* 本文概要 */
.my-vertical-list-1 .wp-show-posts-entry-summary p {
    line-height: 1.5em;
    color: #333;
    margin: 0;
}

.my-vertical-list-1 .wp-show-posts-single.post {
    margin-bottom: 0;
}

.my-vertical-list-1 .wp-show-posts-inner :last-child {
    margin-bottom: 0;
}

/* レスポンシブ対応 (767px以下) */
@media (max-width: 767px) {
    .my-vertical-list-1 .wp-show-posts-image {
        width: 100% !important;
        height: auto;
        float: none;
        padding-right: 0;
        margin-bottom: 1em;
    }

    .my-vertical-list-1 .wp-show-posts-entry-header {
        width: 100% !important;
        float: none;
    }

    .my-vertical-list-1 h2.wp-show-posts-entry-title {
        font-size: 18px !important;
    }

    .my-vertical-list-1 .elementor-98 .elementor-element .elementor-button {
        padding: 20px 30px 20px 50px !important;
    }
}

/***----------- トップページ活動報告　3列カード型リスト (.my-card-style-list-1) --***/

/* カード全体を包むグリッドコンテナ */
.my-card-style-list-1 .infopra {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 2em;
}

/* 個々のカード枠（全体がクリック可能なリンク要素） */
.my-card-style-list-1 a.wp-show-posts-inner {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 0;
    text-decoration: none !important; /* リンクの下線を消す */
    color: inherit;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* ホバー時の演出 */
.my-card-style-list-1 a.wp-show-posts-inner:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    background: #fff;
}

/* 画像エリア */
.my-card-style-list-1 .wp-show-posts-image {
    width: 100% !important;
    float: none !important;
    height: 180px;
    overflow: hidden;
    padding: 0 !important;
}

.my-card-style-list-1 .wp-show-posts-image img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.my-card-style-list-1 a.wp-show-posts-inner:hover .wp-show-posts-image img {
    transform: scale(1.05);
}

/* テキストエリア */
.my-card-style-list-1 .wp-show-posts-entry-header {
    width: 100% !important;
    float: none !important;
    padding: 1.2em;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* メタ情報（日付・カテゴリ） */
.my-card-style-list-1 .wp-show-posts-entry-meta {
    padding: 0 0 0.6em 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    color: #666666;
}

.my-card-style-list-1 .wp-show-posts-entry-meta .postscategory {
    background-color: #123CB2;
    border-radius: 4px;
    padding: 0.2em 0.6em;
    color: #ffffff !important;
    font-size: 0.85em;
    font-weight: normal;
}

/* 時計アイコン */
.my-card-style-list-1 .wp-show-posts-entry-meta .fa:before,
.my-card-style-list-1 .wp-show-posts-entry-meta i:before {
    content: "\f017" !important;
    font-family: "FontAwesome", "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
    font-weight: 900;
    margin-right: 4px;
    display: inline-block;
}

/* 記事タイトル（大きめ・指定色 #01418F） */
.my-card-style-list-1 h2.wp-show-posts-entry-title {
    font-size: 1.4em !important;    
    color: #01418F !important;     /* 指定色 */
    line-height: 1.4;
    padding-bottom: 0.5em;
    margin: 0;
    font-weight: 700;
}

/* ホバー時にタイトルを少し明るく */
.my-card-style-list-1 a.wp-show-posts-inner:hover h2.wp-show-posts-entry-title {
    color: #0056b3 !important;
}

.my-card-style-list-1 .wp-show-posts-entry-title::before {
    display: none;
}

/* 記事本文（概要） */
.my-card-style-list-1 .wp-show-posts-entry-summary p {
    font-size: 14px;
    color: #555555;
    line-height: 1.5;
    margin: 0;
}

.my-card-style-list-1 .wpsp-clear {
    display: none;
}

/* レスポンシブ設定 */
@media (max-width: 1024px) {
    .my-card-style-list-1 .infopra {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .my-card-style-list-1 .infopra {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .my-card-style-list-1 .wp-show-posts-image {
        height: 200px;
    }
    
    .my-card-style-list-1 h2.wp-show-posts-entry-title {
        font-size: 18px !important; /* スマホでは収まりが良いよう18pxに */
    }
}

/***-----------育成会-----------***/

/* PC用テーブル */
.sponsor-table-container {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 10px 0;
  box-sizing: border-box;
}

.sponsor-table {
  width: 100% !important;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #333333;
}

.sponsor-table td {
  width: 33.333%;
  padding: 16px 20px;
  border: 1px solid #e2e8f0;
  background-color: #ffffff;
  text-align: left;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}

.sponsor-table tr:nth-child(even) td {
  background-color: #f7fafc;
}


/* スマートフォン用協賛者一覧 */
/* スマホ用コンテナ内のウィジェットを横幅いっぱいにする */
.sponsor-mobile-area .elementor-widget,
.sponsor-mobile-area .elementor-widget-container,
.sponsor-mobile-area .elementor-text-editor {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}

/* 協賛者一覧 */
.sponsor-mobile-list {
  width: 100% !important;
  max-width: 768px !important; !important;
  margin: 0 !important;
  border: 1px solid #e2e8f0;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #333;
}

.sponsor-mobile-list > div {
  width: 100%;
  padding: 14px 16px;
  border-bottom: 1px solid #e2e8f0;
  box-sizing: border-box;
}

.sponsor-mobile-list > div:last-child {
  border-bottom: none;
}

.sponsor-mobile-list > div:nth-child(odd) {
  background-color: #fff;
}

.sponsor-mobile-list > div:nth-child(even) {
  background-color: #f7fafc;
}
/***-----------申し込みフォーム--*/

.rocket-form .cf7-row{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:14px 24px !important;
}

.rocket-form .cf7-col{
    width:calc(50% - 12px) !important;
    margin:0 !important;
    padding:0 !important;
}

.rocket-form .cf7-col p{
    margin:0 !important;
}

.rocket-form label{
    display:block !important;
    margin:0 0 4px !important;
    font-weight:600;
}

.rocket-form input[type="text"],
.rocket-form input[type="email"],
.rocket-form input[type="tel"],
.rocket-form input[type="number"]{
    height:36px !important;
    padding:6px 10px !important;
    margin:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
}

.rocket-form .wpcf7-form-control-wrap{
    display:block !important;
}

.rocket-form .wpcf7-not-valid-tip{
    margin-top:3px !important;
    font-size:13px !important;
}

.rocket-form .wpcf7-list-item{
    margin:0 20px 0 0 !important;
}

@media (max-width:768px){
    .rocket-form .cf7-col{
        width:100% !important;
    }
}


/***-----------活動予定＆報告一覧ページ--*/
.news-tab__content--wrap {
    display: flex;
    align-items: center;
    gap: 22px;
    list-style: none;
    margin: 0;
    padding: 12px 10px;
    border-top: 1px solid #ddd;
}

.news-tab__content--wrap:last-of-type {
    border-bottom: 1px solid #ddd;
}

.news-tab__content--thumb {
    flex-shrink: 0;
}

.news-tab__content--thumb img {
    width: 84px;
    height: 72px;
    object-fit: cover;
    border-radius: 3px;
    display: block;
}

.news-tab__content--body {
    list-style: none;
}

.news-tab__content--date {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    margin-bottom: 3px;
}

/* タイトル文字色（#01418Fに変更） */
.news-tab__content--text a {
    position: relative;
    display: inline-block;
    padding-left: 31px;
    font-size: 20px;
    font-weight: 700;
    color: #01418F;
    text-decoration: none;
}

.news-tab__content--text a:hover {
    color: #002b61; /* ホバー時に少し濃い青へ */
}

/* 「›」アイコンの背景色（#01418Fに変更） */
.news-tab__content--text a::before {
    content: "›";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

    width: 22px;
    height: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #01418F;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    
    line-height: 18px;
    padding-bottom: 5px;
}

.news-tab__content--wrap {
    transition: background-color .2s ease;
    cursor: pointer;
}

.news-tab__content--wrap:hover {
    background-color: #F4F4F5;
}

.news-tab__content--cat,
.news-tab__content--cat a {
    font-size: 15px;
    color: #111;
    text-decoration: none;
}

.news-tab__content--cat ul,
.news-tab__content--cat li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ページネーション（文字色・リンク色を #01418F に変更） */
.pagination {
    margin-top: 20px;
}

.pagination .page-numbers {
    display: inline-block;
    margin-right: 15px;
    color: #01418F;
    font-weight: bold;
    text-decoration: none;
}

.pagination .next {
    position: relative;
    padding-left: 30px;
}

.pagination .next::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;

    width: 22px;
    height: 22px;

    border-radius: 50%;
    background: #01418F;

    transform: translateY(-50%);
}

.pagination .next::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;

    width: 6px;
    height: 6px;

    border-top: 3px solid #fff;
    border-right: 3px solid #fff;

    transform: translateY(-50%) rotate(45deg);
}

.pagination .next {
    padding-left: 0;
}

.pagination .next::before,
.pagination .next::after {
    display: none;
}

.pagination .current {
    color: #01418F;
    font-weight: bold;
}

.pagination a.page-numbers {
    color: #000;
    text-decoration: none;
}

.pagination a.page-numbers:hover {
    color: #01418F;
}

.pagination .next {
    color: #000;
    transition: .2s;
}

.pagination .next:hover {
    color: #01418F;
}

/* スマホ用 */
@media screen and (max-width: 767px) {

    .news-tab__content--wrap {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        grid-template-areas:
            "date cat"
            "text text";
        column-gap: 12px !important;
        row-gap: 6px !important;

        align-items: center !important;
        padding: 15px 10px !important;
    }

    /* 開催日時：左上 */
    .news-tab__content--date {
        grid-area: date;
        font-size: 16px !important;
        margin: 0 !important;
        min-width: 0;
    }

    /* 分類：右上 */
    .news-tab__content--cat {
        grid-area: cat;
        margin: 0 !important;
        text-align: right;
        white-space: nowrap;
    }

    /* タイトル：2行目全体 */
    .news-tab__content--text {
        grid-area: text;
        width: 100%;
        margin: 0 !important;
        min-width: 0;
    }

    .news-tab__content--text a {
        display: block !important;
        width: 100% !important;
        padding-left: 26px !important;
        font-size: 17px !important;
        line-height: 1.5;
        box-sizing: border-box;
        overflow-wrap: anywhere;
    }

    .news-tab__content--text a::before {
        width: 18px !important;
        height: 18px !important;
        font-size: 18px !important;
        line-height: 1 !important;
        padding-bottom: 3px !important;
    }
}

/* ---------------- 活動予定＆報告記事 --- */
/* - 画像3枚横並び - */
.activity-photo-container {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}

.activity-photo-item {
    /* 3枚の時の1枚分の幅（約33.3%から隙間分を引いたサイズ）をベースにする */
    flex: 0 0 calc((100% - 30px) / 3); 
    max-width: calc((100% - 30px) / 3);
    min-width: 0;
}

.activity-photo-item a {
    display: block;
    width: 100%;
    cursor: zoom-in; /* カーソルを虫眼鏡（拡大）に */
    transition: opacity 0.2s ease;
}

.activity-photo-item a:hover {
    opacity: 0.8;
}

.activity-photo-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 4 / 3; /* 3枚の比率をきれいに揃える */
    border-radius: 4px;
    display: block;
}

@media (max-width: 768px) {
    .activity-photo-container {
        flex-direction: column; /* スマホでは縦並び */
    }
    
    /* スマホ（縦並び）の時は画面幅いっぱいに伸ばす */
    .activity-photo-item {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

/* --- 自作ライトボックス（ポップアップ）のスタイル --- */
.custom-lightbox {
    display: none; /* 最初は非表示 */
    position: fixed;
    z-index: 9999; /* 一番手前に表示 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85); /* 背景を暗く */
    justify-content: center;
    align-items: center;
    cursor: zoom-out; /* クリックで閉じられることを示す */
}

/* 拡大画像 */
.lightbox-content {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    animation: zoomIn 0.25s ease; /* 開くときのアニメーション */
}

/* 閉じるボタン (右上の×) */
.lightbox-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

/* 開くときのスムーズなアニメーション */
@keyframes zoomIn {
    from { transform: scale(0.95); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

/* ==========================================
   活動タイトルの調整
========================================== */
.activity-title {
    /* タイトルの下に余白（padding）を入れる */
    padding-bottom: 20px; 
    /* 必要に応じて、下線のデザインなどがあればここに追加 */
}

/* ==========================================
   各セクションの見出し（h2）の調整
   「開催要領」と「当日の様子」を小さく・薄く
========================================== */
.activity-details h2,
.activity-report-area h2 {
    font-size: 1.25rem;       /* 文字の大きさを小さく（元の大きさからお好みで調整してください） */
    color: #666666;           /* 文字の色を薄いグレーに調整 */
    font-weight: 600;         /* 太さを少し抑える場合は 500 や 600 に設定 */
    margin-bottom: 12px;      /* 見出しと本文・写真の間の余白 */
}
/****------------------------------------------------------------------------------------------------------------------------------------------------------------ContactForm7汎用ここから		-----***/
		
.wpcf7 form>div, .wpcf7 form>p {		
    margin-bottom: 1.2em!important;		
}			
		
.wpcf7-radio .wpcf7-list-item {		
    display: block;		
}		
		
.wpcf7 .wpcf7-text {		
    width: 100%;		
    box-sizing: border-box;		
    padding: 10px;		
    background-color: #f7f7f7;		
    border: 1px solid #ccc;		
    transition: 0.3s ease-out;		
    border-radius: 4px;		
}		
		
.wpcf7 .label_element {		
    color: #111827;		
    font-size: 14px;		
    font-style: normal;		
    font-weight: 500;		
    line-height: 20px;		
}		
		
.wpcf7 .label_element .wpcf7-list-item{		
	padding-top: 0.5em;	
}		
		
.wpcf7 input:not([type=submit]):focus{		
    background-color: #FFF;		
	border: 1px solid #ccc;	
}		
		
.wpcf7 .wpcf7-textarea {		
    width: 100%;		
    box-sizing: border-box;		
    padding: 10px;		
    background-color: #f7f7f7;		
    border: 1px solid #ccc;		
    transition: 0.3s ease-out;		
    border-radius: 4px;		
}		
		
.wpcf7 .wpcf7-textarea:focus {		
    background-color: #fff;		
    border: 1px solid #ccc;		
}		
		
.wpcf7 .wpcf7-submit {		
    display: block;		
    margin: 0px auto;		
	background-color:#01418F;	
	border: none;	
    text-align: center;		
    font-size: 1.2em;		
	color: #fff;	
    border-radius: 4px;		
    transition: 0.3s ease-out;		
    padding: 10px 20px;		
}		
		
.wpcf7 .wpcf7-submit:hover {		
	border-color:#C4E5F6;	
	background-color:#C4E5F6;	
	color:#fff;	
	cursor: pointer;	
    opacity: 0.6;		
}		
		
input.uploadfile{		
	font-size:14px!important;	
}		
input.has-spinner,input[type="submit"]:focus{		
	border-color:#1D1D1D;	
	background-color:#1D1D1D;	
	color: #fff;	
	border-top-left-radius: 0px!important;	
    border-top-right-radius: 0px!important;		
    border-bottom-right-radius: 0px!important;		
    border-bottom-left-radius: 0px!important;		
}		
		
input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {		
    background-color: #f7f7f7;		
    border-color: #ccc;		
    border-radius: 5px;		
}		
		
input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number:focus {		
    background-color: #fff;		
    border-color: #eaeaea;		
}		
		
		
.wpcf7-form span.hissu {		
    background: #ca005f;		
    padding: 0px 7px;		
    margin-left: 6px;		
    margin-right: 6px;		
    border-radius: 6px;		
    color: #ffffff;		
    font-size: 0.8em;		
}		
		
.wpcf7-form span.nini {		
    background: #666;		
    padding: 0px 7px;		
    margin-left: 6px;		
    margin-right: 6px;		
    border-radius: 6px;		
    color: #ffffff;		
    font-size: 0.8em;		
}		
		
.wpcf7-form .wpcf7-list-item {		
    display: inline-block!important;		
}		
		
.wpcf7-form span.wpcf7-form-control.wpcf7-radio {		
    display: block;		
}		
		
.wpcf7-form .wpcf7 form div.inv-recaptcha-holder {		
    display: block;		
    margin-left: auto;		
    margin-right: auto;		
    width: 50%;		
}		
.wpcf7 form .wpcf7-response-output{		
	margin:-1em;	
}		
		
.wpcf7-form table.websatei{		
	border-width:0 0 0 0;	
}		
.wpcf7-form table.websatei td{		
	border-width:0 0 0 0;	
}
/*--- 名前とメールアドレスの横並び設定（テーマのpタグ余白を完全リセット） ---*/

/* PC・タブレット（横並び） */
@media screen and (min-width: 768px) {
    .wpcf7 div.form-row {
        display: flex !important;
        gap: 20px !important;
        margin-bottom: 1.2em !important; 
    }
    
    .wpcf7 div.form-row div.form-col {
        flex: 1 1 0% !important; 
        margin-bottom: 0px !important; 
    }


    .wpcf7 div.form-row p {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        padding: 0px !important;
    }

    .wpcf7 .form-row .form-col label {
        display: block !important;
        width: 100% !important;
        margin-bottom: 0px !important;
    }
}

/* スマホ（縦並び） */
@media screen and (max-width: 767px) {
    .wpcf7 div.form-row {
        margin-bottom: 0px !important;
    }

    .wpcf7 div.form-row div.form-col {
        margin-bottom: 1.2em !important;
    }

    .wpcf7 div.form-row p {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }
}

/****------------------------------------------------------------------------------------------------------------------------------------------------------------ContactForm7汎用ここまで　-----***/		
/*▼Contactform7 reCAPTCHA for WordPress 用	*/	
.grecaptcha-badge{		
	display:none;	
}		
body.page-id-749 div div.grecaptcha-badge{		
	display:block!important;	
	bottom:70px!important;	
}		
		
.wpcf7 .wpcf7-submit{		
	width:200px;	
	height:50px;	
}		
/*▲Invisible reCAPTCHA for WordPress 用*/		



/***********************************/