/*
Theme Name: motoukeka_2025
Theme URI: https://
Author: design Xanthus
Author URI: https://d-xanthus.com/
Description: This theme is a simple blank site for WordPress developed by design Xanthus.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Requires at least: 5.0
Tested up to: 6.7.1
Requires PHP: 7.4.1
Text Domain: motoukeka_2025
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-header, custom-menu, custom-logo, editor-style, footer-widgets, sticky-post, theme-options, translation-ready
*/

/** ----------------------------------------------------------
　テキストカラー関連
---------------------------------------------------------- **/

/** ============================================================================
 *  基本レイアウトブロック
============================================================================ **/

/** ----------------------------------------------------------
　基本ブロックエレメント
---------------------------------------------------------- **/

.wp-block-heading.is-style-heading_underline { border-width: 3px; }

/** ============================================================================
 * 基本・汎用クラス
============================================================================ **/

img.aligncenter {
	display: block;
	width: max-content;
}

/** ----------------------------------------------------------
　テキスト関連
---------------------------------------------------------- **/

/** ----------------------------------------------------------
　テーブル関連
---------------------------------------------------------- **/


/** ----------------------------------------------------------
 * リスト関連
---------------------------------------------------------- **/


/** ============================================================================
 * オリジナルデザイン 基本設定
============================================================================ **/

/** ----------------------------------------------------------
 ヘッダー&フッター&サイドバー 基本設定
---------------------------------------------------------- **/


/** ----------------------------------------------------------
　ヘッダー設定
---------------------------------------------------------- **/

.header-widget-area > .widget-container {
	width: max-content;
	margin: 0 auto;
}

/** ----------------------------------------------------------
　ナビゲーション設定
---------------------------------------------------------- **/

/* スマートフォン設定
----------------------------- */


/* タブレット・PC用 カラー設定
----------------------------- */


/** ----------------------------------------------------------
　フッター設定
---------------------------------------------------------- **/

.full-sidebox {
	border-top: 1px solid #ccc;
	/*background: #f5f5f5;*/
}

.footadd-ul .f-officename { display: none; }

.site-footer .foot-contact a:hover {
	color: var(--wp--preset--color--text-black);
	background: var(--wp--preset--color--bamboo);
	border-color: var(--wp--preset--color--bamboo);
}

/* トップへ戻るボタン
----------------------------- */

/** ============================================================================
 * ウィジェット関連
============================================================================ **/

/* サイド バナーウィジェット
----------------------------- */

.widget_simpleimage { background: var(--wp--preset--gradient--grade-ivygreen-saxblue); }

.widget_simpleimage .widget-title { display: none; }

.widget_simpleimage:not(:first-child) { margin-top: 1em; }

.simple-image + p,
.widget_simpleimage p.more {
	left: 1rem;
	width: 48%;
}

.simple-image + p,
.widget_simpleimage p.more a {
	color: #fff;
}

.simple-image + p {
	font-size: 0.8125rem;
	font-family: var( --font-mincho );
	top: 8px;
}

.widget_simpleimage p.more {
	font-size: 1.125rem;
	font-weight: 700;
}

/** ============================================================================
 * Wrapper部共通
============================================================================ **/

/* パンくずリスト
----------------------------- */

.bread-crumb-wrap {
	padding: 0;
	margin-bottom: 80px;
}


/** ----------------------------------------------------------
 * primary-wrap
---------------------------------------------------------- **/

.primary-contents { padding: 40px 0; }

.primary-contents > :not(.alignfull.has-background):last-child {
    margin-bottom: 0;
}

.home .primary-contents { padding: 0; }

.primary-contents > .wh-box {
		padding: 40px 3%;
	}

@media screen and ( min-width: 641px ) {

	.primary-contents { padding: 80px 0; }

	.primary-contents > .wh-box {
		padding: 80px 5%;
	}
}

 .home .entry-contents > .alignfull.has-background:first-child,
 .home .entry-contents > .alignfull.wp-block-cover:first-child {
    margin-top: 0;
  }


/** ----------------------------------------------------------
 * * contents部分基本
---------------------------------------------------------- **/

.entry-contents { letter-spacing: 1px; }


/*========================================================
　アーカイブ & 固定 ＆ シングル&固定共通（サイズ以外）
========================================================*/

	/* ページタイトル
	----------------------------- */

	.contents-head {
		text-align: center;
		max-width: 1080px;
		padding: 2em 0;
	}

	.layout-full .contents-head { margin: 0 3% 16px; }

	.main-title {
		letter-spacing: 0.05em;
		position: relative;
		padding: 0;
	}

	.main-title::after {
		content: '';
		display: block;
		height: 2px;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		background: var(--wp--preset--color--sax-blue);
	}

	.sub-title,
	.before-arc-title,
	.column-before  {
		font-weight: 400;
		display: block;
	}

	.before-arc-title,
	.column-before { font-size: 0.75em; }

	.before-title {
		font-size: 1.125rem;
		display: block;
	}

	@media screen and ( min-width: 641px )  {

		.contents-head { margin-bottom: 80px; }

		.entry-title { font-size: 2.25em; }

		.main-title {
			display: inline-block;
			padding: 0 1.5em 0.1em;
			width: max-content;
			max-width: 100%;

		}
	}

	@media screen and ( min-width: 1144px )  {

		.layout-full .contents-head { margin: 0 auto 32px; }
	}

	/* イメージタイトル licensed
	-------------------------------*/

	.contents-head.img-head {
		text-align: center;
		padding: 0;
		position: relative;
	}

	.contents-head.img-head .entry-title { position: relative; }

	.tit-img,
	.title-imgtxt { display: block; }

	.tit-img {
		height: 120px;
		overflow: hidden;
		position: relative;
	}

	.tit-img > img {
		max-width: none;
		width: 100%;
	}

	.tit-img::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(22, 34, 40, 0.2);
	}

	.img-head .entry-txtwrap { margin-top: 1em }

	.title-imgtxt .main-title::after { background: var(--wp--preset--color--sax-blue); }

	@media screen and ( min-width: 641px ) {

		.tit-img {
			min-height: 200px;
		}

		.img-head .entry-txtwrap {
			color: var( --text-white );
			text-shadow: 0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5);
			margin: 0;
			position: absolute;
			top: 50%;
			right: 10%;
			left: 10%;
			-ms-transform: translateX(0) translateY(-50%);
			transform: translate(0,-50%);
		}

		.title-imgtxt .main-title { color: #fff; }
	}


/** ============================================================================
 *  アーカイブページ
============================================================================ **/

.second-cat-section { margin-top: 40px; }

@media screen and ( min-width: 641px ) {

	.second-cat-section { margin-top: 80px; }
}

.loop-section-tit {
	padding-bottom: 0.3em;
	border-bottom: 1px solid var(--wp--preset--color--ivy-green);
}

.loop-section-tit::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 1em;
	background: var(--wp--preset--color--ivy-green);
	margin-right: 0.5em;
	vertical-align: -0.1em;
}

.thum-box { border: 1px solid #eee; }

.loop-meta + .loop-title { margin-top: 0; }

/**
	Page Navi プラグイン設定
-------------------------------*/


/** ============================================================================
 * シングルページ 固定ページ
============================================================================ **/


/* シングルページ
----------------------------- */


/** ----------------------------------------------------------
　各ページ個別
---------------------------------------------------------- **/

/* 新着一覧
----------------------------- */

.news-all-list li > a { display: block; }

.new-icon .news-meta + a:after {
	content: 'NEW';
	color: var(--wp--preset--color--vivid-red);
	font-size: 0.785em;
	line-height: 1;
	display: inline-block;
	padding: 0.2em 0.5em;
	border: 1px solid;
	margin-left: 0.5em;
	vertical-align: 0.1em;
}


/** ============================================================================
 * ホーム(トップ)ページ
============================================================================ **/

/* ホームビジュアル
----------------------------- */

/* スリックスライダー
----------------------------- */

button.slick-arrow:hover::after {
	border-color: var(--wp--preset--color--vivid-red);
}

.slick-dots .slick-active button,
.slick-dots li button:hover { background: var(--wp--preset--color--vivid-red); }

.slick-dots {
	top: auto;
	bottom: 16px;
}

/* スリックスライダー
----------------------------- */

.slide-contents > .slide-figure { position: relative; }

.slide-contents > .slide-figure::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba( 0,0,0,0.2 );
}

.slide-txtwrap .slidetxt-bg {
	color: #fff;
	font-family: Frank Ruhl Libre, "Yu Mincho", "YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.2;
	letter-spacing: 2px;
	padding: 0.5em 1em;
	display: inline-block;
	background: rgba( 38,38,38,0.6 );
	width: 100%;
}

@media screen and ( min-width: 768px ) {

	.slide-txtwrap { font-size: 1.375em; }
}

@media screen and ( min-width: 1144px ) {

	.slide-txtwrap { font-size: 1.625em; }
}

/** ----------------------------------------------------------
 * ホーム共通
---------------------------------------------------------- **/

/* あいさつ
----------------------------- */

.home-greeting-media.wp-block-media-text { gap: 1em; }

.home-greeting-media .wp-block-media-text__content,
.home-greeting-media .wp-block-media-text__content h2 {
	line-height: 1.8;
}

@media screen and ( min-width: 601px ) {

	.home-greeting-area.wp-block-group.alignfull.has-background {
		padding: 0 0 0 3%;
	}

	.home-greeting-media.wp-block-media-text { gap: 0; }

	.home-greeting-media .wp-block-media-text__content {
		margin-right: -76%;
		position: relative;
		z-index: 5;
	}
}

@media screen and ( min-width: 960px ) {

	.home-greeting-area.wp-block-group.alignfull.has-background {
		padding: 0;
	}

	.home-greeting-media .wp-block-media-text__content h2 {
		font-size: 2.25em;
	}

}

/* ホームブログ
----------------------------- */

.post-row > .loop-article {
	background: #fff;
	box-shadow: 0 1px 3px rgba( 0,0,0,0.3 );
}

.post-row > .loop-article .thum-box { margin: 0; }

.post-row .loopflex-wrap {
	padding: 0 5% 1em;
}

