/*
Theme Name: Lightning-c
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/

/*@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');*/

.grecaptcha-badge {
  bottom: 120px !important;
}

.widget {
    display: block;
    margin-bottom: 10px;
}

.hover-blue:hover .vk_button_link_txt,
.hover-blue:hover .vk_button_link_after {
    color: #0C4189 !important;
}


.page-header-title, h1.page-header-title {
    font-size: 1.6rem;
}


@media (max-width: 991px) {
    .site-header-logo img {
        max-height: 66px;
		        margin-top: -5px;
    }
}


@media (max-width: 700px) {

.backblue {
	    background: linear-gradient(90deg, rgb(12, 65, 137) 100%, rgba(255, 255, 255, 0) 72%) !important;
}
}

/*フッター関連調整*/

.footer-nav {
	background-color: white;
}

.site-footer {
    border-top: none;
	  background-color: #000000 !important;
}

.site-footer-content {
	padding-top: 0 !important;
}

.site-footer .widget {
	margin-bottom: 0 !important;
}

.site-footer-copyright {
	color: #FFFFFF;
}

/*フッター関連調整*/


/*追加*/
/* テーブル全体のスタイル */
.tbl03 {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
}

/* ヘッダーセルのスタイル */
.tbl03 th {
    background-color: #0071b9;
    color: white;
    padding: 10px;
    text-align: center;
    border: 1px solid #ddd;
    font-weight: bold;
}

/* データセルのスタイル */
.tbl03 td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

/* 奇数行の背景色 */
.tbl03 tr:nth-child(odd) {
    background-color: #f2f2f2;
}

/* 偶数行の背景色 */
.tbl03 tr:nth-child(even) {
    background-color: #ffffff;
}



/* テーブル全体のマージン */
.tbl03 {
    margin: 20px 0;
    border: 1px solid #ddd;
}

/* スクロールヒントのスタイル */
.table-scroll-hint {
    position: relative;
    overflow-x: auto;
}

.scroll-hint {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 113, 185, 0.8);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 14px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
    animation: scroll-hint-animation 1s infinite;
}

@keyframes scroll-hint-animation {
    0% { transform: translate(-50%, -50%); }
    50% { transform: translate(-50%, -60%); }
    100% { transform: translate(-50%, -50%); }
}

.hide {
    opacity: 0 !important;
}

@media (max-width: 767px) {
    .scroll-hint {
        opacity: 1;
    }
}





img{
	vertical-align:top;
}

p.indent {
  text-indent: -1em;
  padding-left: 1em;
}


@media (min-width: 900px) {
	.pc-none,.sp-br {
		display: none !important;
	}
	.sp-none,.pc-br {
		display: block !important;
	}
	
}
@media (max-width: 899px) {
	.sp-none,.pc-br {
		display: none !important;
	}
	.pc-none,.sp-br {
		display: block !important;
	}	
}




/*画像関係-----------------------------------*/


.wink a img {
    transition: filter 0.2s;
}

.wink a:hover img {
    filter: brightness(110%); 
}

.img100 img {
    width: 100% !important;
}

.img100 {
    width: 100% !important;
}




/*フォントサイズ*/
@media (max-width: 575px) {
    .spf-10 {
        font-size: 10px !important;
    }
    .spf-11 {
        font-size: 11px !important;
    }
    .spf-12 {
        font-size: 12px !important;
    }
    .spf-13 {
        font-size: 13px !important;
    }
    .spf-14 {
        font-size: 14px !important;
    }
    .spf-15 {
        font-size: 15px !important;
    }
    .spf-16 {
        font-size: 16px !important;
    }
    .spf-17 {
        font-size: 17px !important;
    }
    .spf-18 {
        font-size: 18px !important;
    }
    .spf-19 {
        font-size: 19px !important;
    }
    .spf-20 {
        font-size: 20px !important;
    }
    .spf-21 {
        font-size: 21px !important;
    }
    .spf-22 {
        font-size: 22px !important;
    }
    .spf-23 {
        font-size: 23px !important;
    }
    .spf-24 {
        font-size: 24px !important;
    }
    .spf-25 {
        font-size: 25px !important;
    }
    .spf-26 {
        font-size: 26px !important;
    }	
    .spf-27 {
        font-size: 27px !important;
    }	
    .spf-28 {
        font-size: 28px !important;
    }		
    .spf-29 {
        font-size: 29px !important;
    }	
    .spf-30 {
        font-size: 30px !important;
    }		
    .spf-31 {
        font-size: 31px !important;
    }		
    .spf-32 {
        font-size: 32px !important;
    }		
    .spf-33 {
        font-size: 33px !important;
    }
    .spf-34 {
        font-size: 34px !important;
    }

    .spf-35 {
        font-size: 35px !important;
    }
    .spf-36 {
        font-size: 36px !important;
    }
    .spf-37 {
        font-size: 37px !important;
    }
    .spf-38 {
        font-size: 38px !important;
    }
    .spf-39 {
        font-size: 39px !important;
    }
    .spf-40 {
        font-size: 40px !important;
    }
    .spf-41 {
        font-size: 41px !important;
    }
    .spf-42 {
        font-size: 42px !important;
    }
    .spf-43 {
        font-size: 43px !important;
    }
    .spf-44 {
        font-size: 44px !important;
    }
    .spf-45 {
        font-size: 45px !important;
    }
    .spf-46 {
        font-size: 46px !important;
    }
    .spf-47 {
        font-size: 47px !important;
    }
    .spf-48 {
        font-size: 48px !important;
    }
    .spf-49 {
        font-size: 49px !important;
    }
    .spf-50 {
        font-size: 50px !important;
    }
	
}



/*ContactForm7カスタマイズ*/

.CF7_table p {
    margin-bottom: 0;
}

.CF7_table th {
    text-align: left;
}

table.CF7_table{
    width:80%;
    margin:0 auto;
    border: 3px solid #e5e5e5;
}

table.CF7_table tr{
    border-top: 1px solid #e5e5e5;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
    display:table;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
    border: 1px solid #d8d8d8;
}

.CF7_table ::placeholder {
    color:#797979;
}

/*「必須」文字*/
.CF7_req{
    font-size:.9em;
    padding: 5px;
    background: #f79034;/*オレンジ*/
    color: #fff;
    border-radius: 3px;
    margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
    font-size:.9em;
    padding: 5px;
    background: #bdbdbd;/*グレー*/
    color: #fff;
    border-radius: 3px;
    margin-right:1em;
}

/* レスポンシブ */
table.CF7_table{
    width:95%;
}
.CF7_table tr, .CF7_table td, .CF7_table th{
    display: block;
    width: 100%;
    line-height:2.5em;
}
.CF7_table th{
    background-color:#ebedf5;
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
    background-color:#f79034; /* オレンジ */
    border:0;
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
    font-family: 'Noto Sans JP', sans-serif; /* フォントを指定 */
    margin:0 auto;
    padding: 10px 20px; /* ボタンの内側のパディング */
    width: 100%; /* ボタンを幅広にする */
    max-width: 400px; /* 最大幅を設定してレスポンシブ対応 */
    display: block; /* センターに配置するための設定 */
}

.CF7_btn {
    text-align: center;
    margin-top: 20px;
}

.wpcf7-spinner {
    width: 0;
    margin: 0;
}

.form-box p {
    font-size: 16px;
    margin: 0;
}

.form-box {
    padding: 1em 1em 1em 0.5em;
    width: 95%;
    margin: 1em auto;
    border: double 5px #9E9E9E;
    background-color: #FFFFFF;
}