/**
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Template: astra
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Version: 4.11.7
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 9.6
Tested up to: 6.8
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */

/* data-aos="zoom-in" を持つ全ての要素のアニメーション時間を変更 */
[data-aos="zoom-in"] {
	/* 1000ms (1秒) に変更 */
	transition-duration: 1000ms !important;
}

/* data-aos="fade-up" を持つ全ての要素のアニメーション時間を変更 */
[data-aos="fade-up"] {
	/* 2000ms (2秒) に変更 */
	transition-duration: 2000ms !important;
}

/* ----- 共通設定 ----- */
/* H2見出し */
.ribbon-h2 {
  border-bottom: 3px solid #729c03;
}
.ribbon-h2 h2 {
  --c: #729c03;
  --slant: 40px; /* 斜めの出っ張り分 */

  display: inline-block;
  position: relative;
  font-weight: bold;
  padding: 0.5em 3.4em 0.3em 0.6em;
  color: #fff;
  background:
    linear-gradient(
      45deg,
      var(--c) 0,
      var(--c) calc(100% - var(--slant)),
      transparent calc(100% - var(--slant))
    );
}

/* ----- フッターメニュー ----- */
.site-footer .wp-block-list li {
	padding: 5px 0 !important;
	color: #fff !important;
}

.site-footer .wp-block-list .wp-block-list {
	padding-left: 20px !important;
}

/* ----- サイドバー ----- */
.sidebar-main .wp-block-search__input {
	width: 50% !important;
}

.sidebar-main .wp-element-button {
	font-size: 14px !important;
}

.sidebar-main .wp-block-heading {
	font-size: 16px !important;
	padding-bottom: 10px !important;
}

.sidebar-main ul {
	padding-left: 1em !important;
}

.sidebar-main ul li {
	font-size: 14px !important;
	list-style: circle inside !important;
}

/* ----- トップページ ----- */

/* ----- 注文について ----- */
.shiharai-tb td:first-child,
.shiharai-tb th:first-child {
	white-space: nowrap; /* テキストの自動改行を禁止 */
}

.shiharai-tb {
	/* テーブル全体のレイアウトを調整したい場合の設定例 */
	width: 100%;
	table-layout: fixed; /* テーブルの幅を固定し、はみ出た場合は隣のセルに影響が出ないように調整 */
}

.shiharai-tb td,
.shiharai-tb th {
	/* 他のセルのデフォルトの折り返し設定 (normalはデフォルト値) */
	white-space: normal;
	word-break: break-word; /* 長い単語でも強制的に改行させる */
}

/* ----- ブログ記事 ----- */
/* 見出し */
body.single-post h2:not(.uagb-heading-text) {
	padding: 0.5em;
	background: aliceblue;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
}

body.single-post h3 {
	padding: 0.25em 0.5em;
	background: transparent;/*背景透明に*/
	border-left: solid 5px #7db4e6;/*左線*/
}

.blog-table tr,
.blog-table th,
.blog-table td {
	 border: 1px solid #eee;
}

/* ボタン */
#new-blog .wp-block-button {
	display: table !important;
	margin-left: auto !important;
	margin-right: auto !important;
}


@media screen and (max-width:640px) {
	input[type="button"],input[type="submit"] {
		-webkit-appearance: none;
	}

	.break:before {
		content: "\A";
		white-space: pre;
	}

	/* トップへ戻る */
	.ast-scroll-to-top-right,
	.ast-scroll-to-top-left {
		bottom: 80px !important;
	}

	body.ast-plain-container .site-main {
		padding-top: 40px;
	}
	body.home .site-main {
		padding-top: 0;
		padding-bottom: 0;
	}

	/* HEROエリア */
	#hero h1.uagb-heading-text {
		display: block !important;
		text-align: center !important;
	}

	#hero .wp-block-uagb-container .has-text-align-left,
	#hero .uagb-buttons-layout-wrap  {
		text-align: center !important;
	}

	#hero .uagb-buttons-layout-wrap  {
		justify-content: center !important;
	}

	/* フッターメニュー */
	.site-footer .wp-block-list li {
		padding: 10px 0 !important;
	}

	/* 初期は下に隠しておく＋フェード */
	.bnav_bottom_nav_wrapper{
		display:flex !important;           /* プラグイン上書き */
		position:fixed; left:0; right:0; bottom:0; /* 念のため固定 */
		z-index:9999;

		opacity:0;
		transform: translateY(100%);       /* 画面外に退避 */
		pointer-events:none;

		transition:
		transform .32s ease,             /* スライド */
		opacity   .28s ease;             /* フェード */
		will-change: transform, opacity;   /* モバイルで滑らかに */
	}

	/* 画面最下部にスマホ用固定メニューの表示 */
	/* 表示時：スッと上がってくる */
	.bnav_bottom_nav_wrapper.show{
		opacity:1;
		transform: translateY(0);
		pointer-events:auto;
	}

	/* iPhoneのホームインジケータを避ける（必要なら） */
	.bnav_bottom_nav_wrapper{
		padding-bottom: calc(8px + env(safe-area-inset-bottom));
	}

	/* ユーザーが簡易表示を希望している場合はアニメーションを無効化 */
	@media (prefers-reduced-motion: reduce){
		.bnav_bottom_nav_wrapper{ transition:none; }
	}

	/* コンテナを横並び＋等分 */
	/* コンテナは横幅いっぱいに */
	.bnav_main_menu_container { width: 100%; }

	/* ULを等分カラムに（アイテム数に応じて自動調整） */
	.bnav_main_menu {
		display: grid !important;
		grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
		align-items: stretch;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	/* 各LIを等幅に。古い指定をリセット */
	.bnav_main_menu > li {
		margin: 0 !important;
		width: auto !important;
		max-width: none !important;
		float: none !important;
		box-sizing: border-box;
		text-align: center;
	}

	/* クリック面を全面化して中央寄せ（アイコン＋テキスト縦積み） */
	.bnav_main_menu > li > a.menu-link {
		display: flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: .25rem;              /* アイコンとテキストの間隔 */
		min-height: 56px;         /* 好みで高さ調整 */
		padding: .5rem 0;
		text-decoration: none;
	}

	/* アイコン回り（任意で微調整） */
	.bnav_main_menu .bnav_flex { display: contents; } /* 余計なラッパーを無視 */
	.bnav_main_menu .icon_wrapper { line-height: 1; }
	.bnav_main_menu .text_wrapper { font-size: .85rem; }

	/* （保険）5分割固定などの強い指定を無効化したいとき */
	.bnav_main_menu > li[style],
	.bnav_main_menu > li { width: auto !important; }

	/* アイコンを中央に配置、下に5px余白 */
	.bnav_main_menu .icon_wrapper {
		display: block;        /* ブロック化して中央寄せが効くように */
		text-align: center;    /* 中央寄せ */
		margin: 0 auto 5px;    /* 下に5pxの余白 */
	}

	/* アイコンとテキストを縦積みにするための保険 */
	.bnav_main_menu .bnav_flex {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
}