@charset "UTF-8";
/*!
Theme Name: 志命発見.com 子テーマ
Description: Cocoon専用の子テーマ - 志命発見.com
Theme URI: https://志命発見.com/
Author: 志命発見.com
Author URI: https://nelog.jp/
Template: cocoon-master
Version: 1.2.0
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 全体的なレイアウト調整 */
body {
  margin: 0 !important;
  padding: 0 !important;
}
* {
  box-sizing: border-box !important;
}
html, body {
  width: 100% !important;
  overflow-x: hidden !important;
}
.main {
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  position: static !important;
  z-index: auto !important;
}
#main-content {
  margin-top: 0; /* コンテンツの上部余白を削除 */
}
#main-content {
  max-width: 100vw;
  width: 100%;
  margin: 0 auto;
}
/* 固定ページ内のセクションの間隔を調整 */
.section {
  margin-top: 0;
  margin-bottom: 40px; /* セクション間のスペースを調整 */
}
/* 固定ページ内全体のレイアウト */
.wrap {
  width: 100%;
  margin: 0 auto;
}
.main {
  width: 100%;
  max-width: 1920px; /* 最大幅を1920pxに変更 */
}
.content {
  margin-top: 0;
}
.content-in {
  overflow: hidden; /* floatが要素からはみ出さないようにする */
}
.content-in > * {
  float: left; /* 子要素を横並びにする */
  margin-right: 0; /* 要素間のスペースを調整（必要に応じて変更） */
  margin-bottom: 0; /* ラップ時の間隔を調整（必要に応じて変更） */
}
/* 最後の子要素の右余白をなくす */
.content-in > *:last-child {
  margin-right: 0;
}
.sidebar {
  display: none;
}
/* Cocoonテーマの全体の目次の非表示 */
#toc {
  display: none;
}
/* Cocoonテーマのsnsボタンsnsシェアボタン非表示 */
.sns-share-buttons.sns-buttons {
  display: none;
}
/* Cocoonテーマの日付タグ固定ページでは非表示 */
.page .date-tags {
  display: none;
}
.single .date-tags {
  display: block; /* 必要に応じて適切な display プロパティを設定 */
}
/* Cocoonテーマのシェアするメッセージ非表示 */
.sns-follow-message {
  display: none;
}
/* Cocoonテーマのシェアするfooter付近ボタン非表示 */
.sns-buttons {
  display: none;
}
/* Cocoonテーマのえんぴつマーク非表示 */
.page .fa-pencil {
  display: none;
}
.single .fa-pencil {
  display: inline-block; /* 必要に応じて適切な display プロパティを設定 */
}
.page .edit-link {
  display: none;
}
.sns-share-message {
  display: none;
}
.page .author-link {
  display: none;
}
.single .author-link {
  display: inline-block; /* 必要に応じて適切な display プロパティを設定 */
}
.single .edit-link {
  display: block; /* 投稿ページでは表示 */
}
/* Cocoonテーマのfooter非表示にする */
.footer {
  margin-top: 0;
  padding: 0;
}
.footer-bottom {
  display: none;
}
.custom-service-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    padding: 30px 0;
}

.service-circle-link {
    position: relative;
    width: 310px;
    height: 310px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: opacity 0.6s ease-in-out;
}

.service-circle-link:hover {
    opacity: 0.7;
}

.circle-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.circle-bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text-overlay-red {
    position: relative;
    z-index: 2;
    width: 100%;
    background-color: rgba(210, 172, 172, 0.7);
    padding: 15px 0;
    text-align: center;
}

.main-text {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    font-family: "Yu Mincho", "Hiragino Mincho ProN";
    letter-spacing: 1.5px;
    display: inline-block;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
  .mobile-menu-buttons {
    display: none !important;
  }
  /*必要ならばここにコードを書く*/
}
/* 834px以下 */
@media screen and (max-width: 834px) {}
@media screen and (max-width: 768px) {
  #main-content {
    max-width: 100%;
    padding: 0 10px; /* 画面端とコンテンツの間に余白を追加 */
  }
	.main-text {
        font-size: 23px;
    }
}
/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
}