/*
Theme Name: fukuoka kodomo shokudo network
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/


/* Contact Form 7 */


/* 必須マーク */

.must {
    color: #fff;
    margin-right: 10px;
    padding: 6px 10px;
    background: #f58694;
    /* 背景色 */
    border-radius: 5px;
}


/* 任意マーク */

.free {
    color: #fff;
    margin-right: 10px;
    padding: 6px 10px;
    background: #7fbfff;
    /* 背景色 */
    border-radius: 5px;
}


/* 項目名を太字にする */

form p {
    font-weight: 600;
}


/* 入力項目を見やすくする */

input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: 8px 15px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #d0d5d8;
    /* 枠線の色 */
    border-radius: 3px;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    height: 200px;
}

input .wpcf7-form-control .wpcf7-file .wpcf7-validates-as-required {
    width: 100%;
    padding: 8px 15px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #d0d5d8;
    /* 枠線の色 */
    border-radius: 3px;
}


/* 必須項目の入力欄を見やすくする */

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background: #eff1f5;
    /* 背景色 */
}


/* 送信ボタンを見やすくする */

input.wpcf7-submit {
    width: 100%;
    /* 好みで60〜80%でもOK */
    height: 60px;
    /* border-color: #ffbf7f; */
    /* 枠線の色 */
    /* background: #ffbf7f; */
    /* ボタンの色 */
    color: #000;
    font-size: 20px;
    font-weight: 600;
    border-radius: 2px;
}


/* エラーメッセージを見やすくする */

span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
    color: red;
    font-weight: 600;
}

body:not(.home) .entry-body {
    background-color: #fff;
    padding: 5%;
    border-radius: 2rem;
    background: #ffffff;
    box-shadow: 0.5rem 0.5rem 1.5rem #d9d9d9, -0.5rem -0.4rem 1.5rem #d9d9d9;
}

.global-nav-list .sub-menu li a,
.global-nav-list .sub-menu li a:hover {
    color: #000;
}

.shadow_02 {
    color: #666;
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-in-out;
}

.shadow_02:hover {
    text-shadow: 1px 1px 8px rgba(0, 0, 0, .75);
}

input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  }

/* 画像にシャドウ♪♪ */

.shadow_02_box {
    display: inline-block;
    transition: all .4s ease-in-out;
    border-radius: 10%;
}

.shadow_02_box img {
    display: block;
}

.shadow_02_box:hover {
    box-shadow: 1px 1px 12px rgba(0, 0, 0, .65);
}

input.donation-submit {
    width: 75%;
    /* 好みで60〜80%でもOK */
    height: 50px;
    /* border-color: #ffbf7f; */
    /* 枠線の色 */
    /* background: #ffbf7f; */
    /* ボタンの色 */
    color: #333;
/*     font-size: 20px; */
    font-weight: 500;
    border-radius: 30px;
}

.donation-top {
	text-align:center;
}

.donation-price {
	text-align:center;
}

.donation-item {
   float: left;
}
body.form .form-input-text-wrapper .form-input-text {
    padding-left: 50px;
    padding-right: 50px;
    text-align: center;
    color: #222;
    font-size: 24px;
    font-weight: 600;
}

body.form .form-input-text {
    height: 50px;
    padding: 5px 17px;
    background: #f8f8f8;
    font-size: 16px;
}

.kodai-table {
	table-layout: fixed;
}


/* ヘッダー */
.kodai-table thead td {
	background:#5BAD92;
	font-weight: bold;
	color:#fff;
}

/* ボディ項目・フッター項目 */
.kodai-table tbody td,
.kodai-table tfoot td{
	background:#FCFAF2;
}

/* ボディデータ・フッターデータ */
.kodai-table tbody td,
.kodai-table tfoot td {
	text-align:center;
}

input.donation-price {
    width: 50%;
    padding: 8px 15px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #333;
    /* 枠線の色 */
    border-radius: 3px;
}

input{
	font-family: Zen Maru Gothic;
	font-size: var(--vk-size-text);
}

.donation-block {
	display:inline-block;
}