@charset "utf-8";

.klo_fo_01a {width: 100%; margin-bottom: 12px; border-bottom: solid 1px #9F6027; overflow: hidden;}
.klo_fo_01a p {display: inline-block; float: left;}
.klo_fo_01a_left {width: 60%;}
.klo_fo_01a_left_mark img {display: inline-block; width: 22px;}
.klo_fo_01a_left_title {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .klo_fo_01a_left_title {font-size: 22px; color: #7F4620; position: relative; top: -2px;}
.klo_fo_01a_right {width: 40%; text-align: right; padding-top: 5px;}
.klo_fo_01a_right_en {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .klo_fo_01a_right_en {font-size: 14px; color: #E89213;}
.klo_fo_01a_body {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .klo_fo_01a_body {font-size: 16px; color: #7F4620; padding: 0px 15px 30px 15px;}
.klo_fo_spacer {width: 100%; height: 200px;}
@media (max-width: 768px) {
.klo_fo_01a_left_mark img {width: 15px;}
.klo_fo_01a_left_title {font-size: 16px;}
.klo_fo_01a_right {padding-top: 0px;}
.klo_fo_01a_right_en {font-size: 12px;}
.klo_fo_spacer {width: 100%; height: 0px;}
}

/* ーーーーー　コラム　ーーーーー */
#toggleIcon {width: 100%; height: 24px; vertical-align: middle; border-bottom: 1px solid #fff; background-color: #624b35; color: #ffffff; text-align: center;}
#toggleIcon {font-family: "Noto Sans JP", system-ui; font-optical-sizing: auto; font-weight: 400; font-style: normal;}  #toggleIcon {font-size: 15px;}
.ac-parent {width: 100%; border-bottom: 1px solid #fff; background-color: #7F4620; color: #ffffff; text-align: center;}
.ac-parent {font-family: "Noto Sans JP", system-ui; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 13px;}
.ac-child_span {display: block; padding: 5px 0px 5px 5px;}
.ac-child a {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}  .ac-child a {font-size: 13px; color: #000; border-top: solid 1px #624b35; text-decoration: none; width: 98%; height: auto;}

/* アコーディオンメニュー全体のサイズ・位置 */
.ac {width: 100%;}
/* クリック領域 */
.ac-parent {position: relative; height: 24px; border-bottom: 1px solid #fff; background-color: #826c5a; color: #fff; text-align: center; cursor: pointer;}
/* 擬似要素で下三角形を作成 */
.ac-parent:after {content: ""; display: inline-block; position: absolute; top: 45%; right: 15px; width: 8px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: translateY(-50%) rotate(45deg); transition: .3s;}
/* オープン時にopenクラスを付与 */
.ac-parent.open:after {transform: rotate(225deg);}
/* クリックしたら表示される領域 */
.ac-child {width: 100%; display: none; background-color: #eae4da; text-align: left;}