/* パークゴルフ場 項目 */
div.to-map {
    text-align: right;
}
div.pg_data dl {
  display:flex;
	justify-content:flex-start;
	margin-bottom: 0.2em;
}
div.pg_data dl dt {
	width: 25%;
	border: none;
  margin: 0;
  padding: 0.5em;
  background-color: #B7D8F2;
  font-weight: bold;
  border-radius: 4px;
}
div.pg_data dl dd {
	width: 75%;
  border: none;
	margin: 0;
  padding: 0.5em;
}

/* コース注意書き */
p.warning {
    font-weight: bold;
    color: #ff0000;
    margin-top:3em;
}
a.bpress-viewall {
	margin: 0;
  padding: 0.5em;
  background-color: #B7D8F2;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
}
.bpress-viewall, .bpress-viewall:link, .bpress-viewall:visited {
    color: #000;
}


/* FAQ全体のコンテナ */
.ewd-ufaq-faq-list {
    max-width: 800px;
    margin: 0 auto;
    font-family: sans-serif;
}
div.ewd-ufaq-faqs h3 {
    border-left:20px solid #30B6A7;
	padding-left:6px;
}

/* 各質問の親要素 */
.ewd-ufaq-faq-div {
    border-bottom: 1px solid #eeeeee !important; /* 下線のみのシンプルスタイル */
    margin-bottom: 0 !important;
    padding: 10px 0;
}

/* 質問タイトル部分 */
.ewd-ufaq-faq-title {
    background: transparent !important; /* 背景を消す */
    padding: 15px 10px !important;
    cursor: pointer;
    transition: color 0.3s ease;
}

.ewd-ufaq-faq-title h4 {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin: 0 !important;
}

/* ホバー時に少し色を変える（親切設計） */
.ewd-ufaq-faq-title:hover h4 {
    color: #0073aa !important; /* サイトのアクセントカラーに合わせて変更してください */
}

/* 回答部分 */
.ewd-ufaq-faq-body {
    background: #f9f9f9 !important; /* 回答には薄いグレーを敷いて区別 */
    padding: 20px !important;
    border-radius: 8px;
    margin: 10px 0 20px 0;
    line-height: 1.8;
    color: #555;
}

/* アイコンのカスタマイズ（もしプラグイン設定で表示している場合） */
.ewd-ufaq-post-margin-symbol {
    float: right !important; /* アイコンを右側に寄せる */
    font-weight: 300;
    color: #ccc;
}


/* Contact Form7 */

.contact7 {
    max-width: 100%;
    box-sizing: border-box;
}
.contact7 dd {
    margin: 0 0 10px 0;
}
.contact7 dt {
    font-weight: normal;
}

/* 必須マーク */
.contact7 .must {
    background: #FF1A00;
}

/* 任意マーク */
.contact7 .optional {
    background: #999;
}
.contact7 .must, .contact7 .optional {
    color: #FFF;
    border-radius: 3px;
    font-size: 10px;
    margin-left: 10px;
    padding: 5px 10px;
    letter-spacing: 2px;
}
.btn_contact7 {
    text-align: center;
}
.btn_contact7 input {
    width: 70%;
    background-color: #005513;
    color: #FFF;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: 0.2em;
    border: 1px solid #005513;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.btn_contact7 input:hover {
    background-color: #FFF;
    color: #005513;
}

@media screen and (min-width: 768px) {
    .contact7 dt {
        float: left;
        clear: left;
        width: 35%;
        padding: 5px 10px 5px 0;
    }
    .contact7 dd {
        margin-left: 35%;
    }
    .btn_contact7 input {
        width: 70%;
        background-color: #005513;
        color: #FFF;
        font-size: 1.1em;
        font-weight: bold;
        letter-spacing: 0.2em;
        border: 1px solid #005513;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }
    .btn_contact7 input:hover {
        background-color: #FFF;
        color: #005513;
    }
}