@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* コンテンツの左下に余計な表示が出ているため非表示対応 */
#breadcrumb {
  display: none;
}

/*「Cocoon 設定」で指定できない、全体の背景色と文字色指定*/
body {
    background-color: #fff;
}
.header-container, .main, .sidebar, .footer {
    background-color: #fff;
    color: #000000;
}
.site-name-text-link {
    color: #000000;
}
.a-wrap {
    color: #000000;
}
.sidebar {
    background-color: #fff;
}
/* -「Cocoon 設定」で指定できない、全体の背景色と文字色指定- ここまで */

/*グローバルナビメニュー*/
/*グローバルナビメニュー マウスオーバーでアンダーライン*/
#navi .navi-in a:after{
	position: absolute;/*線の位置を絶対配置に*/
	content: "";/*文字はなし*/
	left: 5%;/*線の位置*/
	bottom: 10px;/*線の位置*/
	height: 1px;/*線の高さ*/
	width: 90%;/*幅いっぱいに線を引く*/
	background: #1b68ae;/*線の色*/
	transform: scale(0,1);/*マウスオーバーの前は線を消す*/
	transition: 0.3s;/*線が0→100%になるまでの秒数*/
}
#navi .navi-in a:hover:after{
	transform: scale(1);/*マウスオーバー後、線を100%出す*/
}

/* メニュー項目の指定 */
.navi-in > ul li {
  display: block;
  width: 176px;
  height: 40px;
  line-height: 40px;
  position: relative;
}
/* -グローバルナビメニュー- ここまで*/

/* メインコンテンツ */
.content {
 margin-top: 0; /* グローバルナビメニューと各ページのタイトルが離れすぎているため、TOPのマージン設定を0に */
}

/* メインコンテンツのタイトル指定 */
.entry-title {
	text-align: center;
}
/* メインコンテンツとアーカイブのタイトル指定 アーカイブは現状未使用 */
.entry-title, .archive-title {
    font-size: 24px;
    margin: 16px 0;
    line-height: 1.3;
}
/* -メインコンテンツ-ここまで */

/* フッター指定 */

/* フッター全体のpadding指定 */
.footer {
  padding: 8px;
}

/* フッターリンクのディスプレイのプロパティ指定 */
#footer a {
  display: inline-block;
}

/* コピーライト */
.copyright {
  margin-top: 8px;
}

/* PCフッターメニューのホバー */
.footer .widget_nav_menu a:hover {
  background-color: #a09693;
  text-decoration: underline;
}

/* Pマークの画像指定 */
.image-p-mark {
  background-color: #fff;
  mix-blend-mode: multiply;
}

/* フッターの文字が未指定だと離れすぎるため0で間隔を狭めている */
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a,
.widget_block ul li a {
  padding: 0;
}

/* フッターウィジェット全体を中央寄せしつつ、列幅は維持 */
#footer-in .footer-widgets {
  display: flex;
  justify-content: center;
}

#footer-in .footer-left {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 48px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

#footer-in .footer-left .widget {
  width: auto;
  margin: 0;
}

#footer-in .footer-left .widget_nav_menu {
  min-width: 170px;
}

#footer-in .footer-left .widget_text {
  min-width: 170px;
}

#footer-in .footer-left a {
  white-space: nowrap;
}

/* フッターバナー */
.banner_box {
  margin-bottom: 8px;
  line-height: 0;
}

.banner_box:last-child {
  margin-bottom: 0;
}

.banner_box a {
  display: inline-block;
  line-height: 0;
}

.banner_box a:hover {
  background: transparent !important;
}

.banner_box img {
  display: block;
  transition: opacity 0.2s ease;
}

.banner_box a:hover img {
  opacity: 0.7;
}

/* -フッター指定- ここまで */

/*TOPバナーのサイズ指定*/
#appeal {
    height: calc(100vw * calc(353 / 2044));
}

/*プライバシーポリシーのインデント指定*/
.indent-normal-1{
	margin-left: 1em; /*全体を1文字分右へ*/
	text-indent: 1em; /*1行めだけ1文字分左へ*/
}
.indent-4{
	margin-left: 4em; /*全体を4文字分右へ*/
	text-indent: -2.5em; /*1行めだけ-2.5文字分左へ*/
}
.indent-5{
	margin-left: 5em; /*全体を5文字分右へ*/
	text-indent: -2.5em; /*1行めだけ-2.5文字分左へ*/
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/
}

/* 941px〜1024px：タブレット幅のPC用フッター調整 */
@media screen and (min-width: 941px) and (max-width: 1024px) {
  #footer-in .footer-left {
    gap: 24px;
    flex-wrap: nowrap;
  }
  #footer-in .footer-left .widget_nav_menu {
    min-width: 135px;
    font-size: 14px;
  }
  #footer-in .footer-left .widget_text {
    min-width: 180px;
  }
}

/*940px以下*/
@media screen and (max-width: 940px){
  /* PC用フッターを非表示 */
  .footer-widgets {
    display: none !important;
  }
  /* モバイル用フッター */
  .footer-widgets-mobile {
    margin: 10px auto;
    display: flex;
    justify-content: center;
  }
  .footer-mobile {
    padding: 10px 16px;
    text-align: center;
    line-height: 3em;
  }
  /* モバイルの場合TOPバナー非表示 */
  #appeal {
    height: 0;
    width: 0;
  }
}

/*835px以上*/
@media screen and (min-width: 835px){
/*表示・非表示にするフッターの設定*/
}

/*834px以下*/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
}