/*
Theme Name: 福井市東山健康運動公園
Template: lightning
Version: 0.6.0
*/

/* reCAPTCHAバッジをCSS追記で非表示 */
.grecaptcha-badge {
    visibility: hidden;
}


/*ContactForm7カスタマイズ*/
.wpcf7 p {
    font-size: 14px;
}

table.CF7_table {
    width: 80%;
    margin: auto;
    border: 3px solid #e5e5e5;
    text-align: left;
}

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 th {
    vertical-align: middle;
}

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

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

/*「必須」文字*/
.CF7_req {
    font-size: .9em;
    padding: 5px;
    background: #cf2e2e;
    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;
}

/* タイトル列 */
@media screen and (min-width: 768px) {
    .CF7_table th {
        width: 30%;
        background-color: #f5f8ff;
    }
}

/* レスポンシブ */
@media screen and (max-width: 768px) {
    table.CF7_table {
        width: 95%;
    }

    .CF7_table tr,
    .CF7_table td,
    .CF7_table th {
        display: block;
        line-height: 2.5em;
    }

    .CF7_table th {
        background-color: #f5f8ff;
    }
}

/* 確認ボタン */
.wpcf7 input.wpcf7-submit {
    background-color: #00509C;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 225px;
    height: 48px;
    margin: 30px auto 0;
    border: none !important;
}

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

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

.CF7_pp {
    text-align: center;
}


/* 確認画面 */
#wpcf7cpcnf {
    margin: 2.5% !important;
}

#wpcf7cpcnf table {
    width: 95% !important;
    border: 3px solid #e5e5e5;
    text-align: left;
}

button.wpcf7cp-cfm-edit-btn {
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 225px;
    height: 48px;
    margin: 30px auto 0;
    border: none !important;
    background-color: #333333;
    color: #fff;
	border-radius: var(--vk-size-radius-btn-primary);
}

.wpcf7 .wpcf7-submit {
    background-color: #00509C;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 225px;
    height: 48px;
    margin: 30px auto 0;
    border: none !important;
	border-radius: var(--vk-size-radius-btn-primary);
}

#wpcf7cpcnf th {
    width: 30%;
    background-color: #f5f8ff;
}

@media screen and (max-width: 768px) {

    #wpcf7cpcnf tr,
    #wpcf7cpcnf th,
    #wpcf7cpcnf td {
        width: auto;
        display: block;
        line-height: 2.5em;
    }
}

/*ContactForm7にてメール送信後にメッセージをアニメーションさせる*/
.wpcf7 form.sent .CF7_table,
.wpcf7 form.sent p,
.wpcf7 form.sent input,
.wpcf7 form.sent br,
.wpcf7 form.sent .wpcf7-spinner {
    display: none;
}

.wpcf7 form .wpcf7-response-output {
    transform: translateY(50px);
    padding: 1rem;
    line-height: 1.4;
    border-radius: 5px;
    text-align: center;
}

.wpcf7 form .wpcf7-response-output.tt-show {
    display: block;
    transform: translateY(0px);
    transition: all .5s ease-out;
    opacity: 1;
}


.wp-block-file:not(.wp-element-button) {
    font-size: 100% !important;
}


.wpcf7 p {
    line-height: 2em;
    margin: 2%;
}



/*土曜日*/
/*見出しの背景色*/
.eo-fullcalendar .fc-day-header.fc-sat {
    background: #98E7FD;
}

/*枠の背景色*/
.eo-fullcalendar .fc-bg .fc-sat {
    background: #EBFAFD;
}

/*日曜日*/
/*見出しの背景色*/
.eo-fullcalendar .fc-day-header.fc-sun{
    background: #FDA4A7;
}

/*枠の背景色*/
.eo-fullcalendar .fc-bg .fc-sun{
    background: #FDEDEE;
}


/* 初心者マーク */
.icon-beginner {
	position: relative;
	display: inline-block;
	width: 1em;
	height: 1.2em;
	vertical-align: middle;
	margin-right: .4em;
}
.icon-beginner::before,
.icon-beginner::after {
	position: absolute;
	top: 0;
	content: "";
	display: block;
	width: 50%;
	height: 100%;
	border: .1em solid #333;
	border-bottom-width: .15em;
	box-sizing: border-box;
}
.icon-beginner::before {
	left: 0;
	background: #FFFF00;
	transform: skewY(45deg);
	border-radius: .3em 0 0 .1em;
	border-right: none;
}
.icon-beginner::after {
	right: 0;
	background: #008000;
	transform: skewY(-45deg);
	border-radius: 0 .3em .1em 0;
	border-left: none
}

#block-19{
  margin-bottom: 0px;
}


/* カレンダー */
.fc-toolbar .fc-left {
    float: left;
    font-size: xx-large;
}

.media-img{
	display:none;
}

@media screen and (max-width: 768px) {

    .fc-toolbar .fc-left {
    font-size: 18px;
    }
}


.widget ul.wp-block-social-links {
  margin-top: 15%;
}