/*
Theme Name: Arkhe Child
Theme URI: https://arkhe-theme.com/
Template: arkhe
Author: LOOS,Inc.
Author URI: https://loos.co.jp/
Description: A very simple theme for production templates. Customize as you like.
Tags: two-columns,one-column,right-sidebar,custom-colors,custom-menu,editor-style,theme-options,block-styles,wide-blocks
Version: 3.10.0.1729487039
Updated: 2024-10-21 14:03:59

*/

/* 全体のフォント指定　*/
body {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
}

/* 説明文のフォント指定　*/
p {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;    
}

/* 説明文注釈　*/
.annotation {
  font-size:.75rem;    
}

/* グローバルナビゲーションのフォント指定　*/
.c-gnav {
    font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
}

/* ヘッダー上部余白追加　*/
.l-header__body {
    align-items: center;
    column-gap: 0;
    display: grid;
    position: relative;
    width: 100%;
    z-index: 1;
    margin-top: 2rem;
}

/* ロゴ画像を縮小表示　*/
.c-headLogo__img {
    height: 100%;
    object-fit: contain;
    width: auto;
}

/* コンテンツ上下左右の余白　*/
.l-content__body {
    margin: 1.5rem auto;
}

/* コンテナー上下左右の余白　*/
.l-container {
    padding: 0 2rem;
}

/* 記事タイトル　*/
.c-pageTitle__main {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
    font-size: 1.2rem;
    line-height: 1.5;
    position: relative;
	margin: 0 0 1rem 0;
}

/* 記事の日付・カテゴリ　*/
.p-entry__head .c-postMetas {
    font-size:.75rem;
    letter-spacing:.1px;
    margin-top:0rem;
}

/* 記事の日付アイコン（時計）の非表示　*/
.c-postMetas__icon {
    display:none;
}

/* 記事の日付の余白　*/
.c-postTimes__item {
    margin-right:.5rem;
	margin-bottom: 0rem;
}

ul {
    margin:0;
    padding:var(--ark-list-padding,0 0 0 0);
}

/* 記事内容の上部余白　*/
.l-main__body>.c-postContent {
    margin-top: 1rem;
}

/* トップへ戻るボタン　*/
.c-fixBtn {
    background: var(--ark-color--main);
    border-radius: 1px;
    box-shadow: 0 2px 8px #0003,0 4px 4px -4px #00000026;
    color: #fff;
    cursor: pointer;
    height: 32px;
    line-height: 1;
    opacity: .5;
    overflow: hidden;
    transition: opacity .25s;
    width: 32px;
}

/* お問い合わせ */
/* Contact Form7 */
.contact7 div {
    display: block;
    margin: auto;
}

.contact7 dl {
    display:flex;
    flex-flow: row wrap;
    width: 100%;
    font-family: "Noto Sans JP", sans-serif;
}
.contact7 dt {
    flex-basis: 20%;
}
.contact7 dd {
    flex-basis: 80%;
    margin-bottom: 1rem;
}

/* ラベルのスタイル */
.contact7 label {
    display: block;
    margin: 0.1rem 0;
    font-size: 1rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    color: #444444;
}

/* 必須フィールドのラベルスタイル */
.contact7 .required {
    background-color: #ff51a8;
    color: white;
    padding: 0.2rem 0.4rem;
    margin: 0 0.5rem 0.5rem 0;
    border-radius: 3px;
    font-size: 0.8rem;
    font-weight: normal;
}

/* 任意フィールドのラベルスタイル */
.contact7 .optional {
    background-color: #cccccc;
    color: white;
    padding: 0.2rem 0.4rem;
    margin: 0 0.5rem 0.5rem 0;
    border-radius: 3px;
    font-size: 0.8rem;
    font-weight: normal;
}

/* テキストエリアのスタイル */
.contact7 textarea {
    padding: 0 0.5rem;
    border-radius: 3px;
    margin-bottom: 0.1rem;
    font-size: 1rem;
    background-color: #ffffff;
    width: 90%;
}

/* インプットフィールドのスタイル */
.contact7 text {
    height: 1rem;
}

/* 送信ボタンのスタイル */
.contact7 input[type="submit"] {
    width: 50%;
    border-radius: 3px;
    background-color: #444444;
    color: #ffffff;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border: none;
}

.contact7 input[type="submit"]:hover {
    width: 50%;
    background-color: #ff51a8;
}

/* エラーメッセージと成功メッセージのスタイル */
.contact7 .wpcf7-not-valid-tip {
    color: #ff51a8;
    font-size: 14px;
    font-family: "Noto Sans JP", sans-serif;
}
.contact7 .wpcf7-mail-sent-ok {
    color: #ff51a8;
    font-size: 16px;
    margin-bottom: 20px;
}

/* タブレットとスマホのスタイル */
@media screen and (max-width: 559px) {
.contact7 div {
    display: block;
    margin: auto;
}
.contact7 dl {
    flex-flow: column wrap;
    max-width: 100%;
    font-family: "Noto Sans JP", sans-serif;
}
}