@charset "UTF-8";
/*
Theme Name:Hibino Dental
Theme URI:
Description:WordPressテーマ「Hibino Dental」のテーマ
Template:monad_tcd110
Author:YOO
Author URI:https://koo.jp/
Version:saku1.0
*/

/*
  ここから下にCSSを追記してください。
*/


/**
■■■■■外部cssを読み込む場合 ■■■■■■■■■■■■■■■■■
■■先頭行で指定（但し、文字コード指定宣言がある場合はその直後）■
■■注意: ＠import は文頭以外(フッター)に書くと無視されます。   ■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
@import url("https://koo.jp/pub_css/ortho_day.css");
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

■■■■■■■■■■
cssファイルの読み込み順 （後に読まれたCSSが上書き適用されるので優先度が高い）
	style.css (外観→テーマファイルエディタ→style.css)
	このファイル (TCDテーマ→基本設定→カスタムCSS)
	追加CSS (外観→カスタマイズ→追加CSS)
■■■■■■■■■■

■■■
Theme Name:MONAD child
Theme URI:https://tcd-theme.com/tcd110
Description:WordPressテーマ「MONAD」の子テーマ
Template:monad_tcd110
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
■■■
  ここから下にCSSを追記してください。
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/


/* WEBフォント定義 */
@font-face {
	font-family: "Hibino Dental";
	src: 
		url("../../../pub/fonts/HibinoDental.woff2") format('woff2');
	font-display: swap;
}

@font-face {
	font-family: "Materialicons";
	src: url("../../../pub/fonts/MaterialIcons-Regular.woff2") format('woff2');
	font-display: swap;
}

@font-face {
	font-family: "Icomoon";
	src: url("../../../pub/fonts/icomoon.woff2") format('woff2');
	font-display: swap;
}

@font-face {
	font-family: "HuiMoji";
	src: url("../../../pub/fonts/HuiFont29.woff2") format('woff2');
	font-display: swap;
}






.zen-maru-gothic-regular {
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.shippori-antique-regular {
	font-family: "Shippori Antique", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.yuji-syuku-regular {
	font-family: "Yuji Syuku", serif;
	font-weight: 400;
	font-style: normal;
}

.zen-kaku-gothic-new-regular {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.line-seed-jp-regular {
	font-family: "LINE Seed JP", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.sawarabi-gothic-regular {
	font-family: "Sawarabi Gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.m-plus-rounded-1c-regular {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.dela-gothic-one-regular {
	font-family: "Dela Gothic One", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.hachi-maru-pop-regular {
	font-family: "Hachi Maru Pop", cursive;
	font-weight: 400;
	font-style: normal;
}

.potta-one-regular {
	font-family: "Potta One", system-ui;
	font-weight: 400;
	font-style: normal;
}

.yuji-mai-regular {
	font-family: "Yuji Mai", serif;
	font-weight: 400;
	font-style: normal;
}

.rocknroll-one-regular {
	font-family: "RocknRoll One", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.zen-kurenaido-regular {
	font-family: "Zen Kurenaido", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.zen-antique-regular {
	font-family: "Zen Antique", serif;
	font-weight: 400;
	font-style: normal;
}

/*
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Hachi+Maru+Pop&family=M+PLUS+Rounded+1c&family=Potta+One&family=RocknRoll+One&family=Sawarabi+Gothic&family=Yuji+Mai&family=Zen+Antique&family=Zen+Kurenaido&display=swap" rel="stylesheet">

.sawarabi-gothic-regular {
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.dela-gothic-one-regular {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.hachi-maru-pop-regular {
  font-family: "Hachi Maru Pop", cursive;
  font-weight: 400;
  font-style: normal;
}

.potta-one-regular {
  font-family: "Potta One", system-ui;
  font-weight: 400;
  font-style: normal;
}

.yuji-mai-regular {
  font-family: "Yuji Mai", serif;
  font-weight: 400;
  font-style: normal;
}

.rocknroll-one-regular {
  font-family: "RocknRoll One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.zen-kurenaido-regular {
  font-family: "Zen Kurenaido", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.zen-antique-regular {
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-style: normal;
}


お知らせ一覧表示ボタン背景色
	--main_color: #5fa8c4;
	--font_1: "Sawarabi Gothic", sans-serif;
	--font_2: "M PLUS Rounded 1c", sans-serif;
	--font_3: "Dela Gothic One", sans-serif;
	--font_4: "Hachi Maru Pop", cursive;
	--font_5: "Potta One", system-ui;
	--font_6: "Yuji Mai", serif;
	--font_7: "RocknRoll One", sans-serif;
	--font_8: "Zen Kurenaido", sans-serif;
	--font_9: "Zen Antique", serif;

パターン2
--main_color: #2b9ecd;
background-color: #003b58;

background-color: #fafff0;
background-color: #fffdf1;
background-color: #f5fff5;
background-color: #f0fcff;

NEWS background: #c6e6d0;
background: #a0bfcb;

#2b9ecd hamburger or #16648a
background: #2b9ecd;
background: #16648a;

#4f690b;裏メニューバー
#9e8951;裏メニュー全体

:root {
	--color_white: 
color-mix(in srgb, #ffffff 100%, transparent);
	--color_white2: 
color-mix(in srgb, #FDFDFC 100%, transparent);
	--color_white3: 
color-mix(in srgb, #F8F8F3 100%, transparent);
	--color_white4: 
color-mix(in srgb, #F5F5EE 100%, transparent);
	--color_gray1: 
color-mix(in srgb, #E6E6D3 100%, transparent);
	--color_gray2: 
color-mix(in srgb, #e0e0dc 100%, transparent);
	--color_gray3: 
color-mix(in srgb, #C4C2BE 100%, transparent);
	--color_gray4: 
color-mix(in srgb, #7B8F85 100%, transparent);
	--color_orange1: 
color-mix(in srgb, #EFA661 100%, transparent);
	--color_green1: 
color-mix(in srgb, #00b0ce 100%, transparent);
	--color_green2: 
color-mix(in srgb, #c23e72 100%, transparent);
	--color_green3: 
color-mix(in srgb, #003b58 100%, transparent);
	--color_tohmei: transparent;
}
*/

:root {

	--tcdce-base-line-height-sp: 1.8;

	/* 基本 */
	--yoo_bg_black: var(--yoo_color00);
	--yoo_bg_white: var(--yoo_color90);
	--yoo_tx_black: var(--yoo_color00);
	--yoo_tx_white: var(--yoo_color90);

	/* 透明 */
	--yoo_colorxx: #ffffff00;
	/* 茶(系統) */
	--yoo_color10: #A52A2A;
	--yoo_color11: #8c854d;
	--yoo_color12: #9f4639;
	--yoo_color13: #A52A2A;
	--yoo_color14: #A52A2A;
	--yoo_color15: #A52A2A;
	--yoo_color16: #A52A2A;
	--yoo_color17: #A52A2A;
	--yoo_color18: #A52A2A;
	--yoo_color19: #A52A2A;
	/* 赤 */
	--yoo_color20: #FF0000;
	--yoo_color21: #ff0e00;
	--yoo_color22: #FF0000;
	--yoo_color23: #FF0000;
	--yoo_color24: #FF0000;
	--yoo_color25: #FF0000;
	--yoo_color26: #FF0000;
	--yoo_color27: #FF0000;
	--yoo_color28: #FF0000;
	--yoo_color29: #FF0000;
	/* 橙 */
	--yoo_color30: #FFA500;
	--yoo_color31: #efa661;
	--yoo_color32: #d16308;
	--yoo_color33: #ffd7bd;
	--yoo_color34: #fdbdac;
	--yoo_color35: #FFA500;
	--yoo_color36: #FFA500;
	--yoo_color37: #FFA500;
	--yoo_color38: #FFA500;
	--yoo_color39: #FFA500;
	/* 黄 */
	--yoo_color40: #FFFF00;
	--yoo_color41: #b2b05c;
	--yoo_color42: #FFFF00;
	--yoo_color43: #FFFF00;
	--yoo_color44: #FFFF00;
	--yoo_color45: #FFFF00;
	--yoo_color46: #FFFF00;
	--yoo_color47: #FFFF00;
	--yoo_color48: #FFFF00;
	--yoo_color49: #FFFF00;
	/* 緑 */
	--yoo_color50: #008000;
	--yoo_color51: #00664f;
	--yoo_color52: #000000;
	--yoo_color52b: #003b58;
	--yoo_color53: #349f87;
	--yoo_color54: #168169;
	--yoo_color55: #48b39b;
	--yoo_color56: #349f8780;
	--yoo_color57: #4f690b;
	--yoo_color58: #25350a;
	--yoo_color5a: #34739f;

	/* 青 */
	--yoo_color60: #0000FF;
	--yoo_color61: #2b9ecd;
	--yoo_color62: #2b9ecdc4;
	--yoo_color63: #16648a;
	--yoo_color64: #0000FF;
	--yoo_color65: #a0bfcb;
	--yoo_color66: #61beff21;
	--yoo_color67: #3da3e1;
	--yoo_color68: #0000FF;
	--yoo_color69: #003b58;
	/* 紫 */
	--yoo_color70: #800080;
	--yoo_color71: #46008b;
	--yoo_color72: #800080;
	--yoo_color73: #800080;
	--yoo_color74: #800080;
	--yoo_color75: #800080;
	--yoo_color76: #800080;
	--yoo_color77: #800080;
	--yoo_color78: #800080;
	--yoo_color79: #800080;
	/* 灰 */
	--yoo_color80: #808080;
	--yoo_color81: #e0e0dc;
	--yoo_color82: #C4C2BE;
	--yoo_color83: #7B8F85;
	--yoo_color84: #ccc;
	--yoo_color85: #eee;
	--yoo_color86: #808080;
	--yoo_color87: #808080;
	--yoo_color88: #808080;
	--yoo_color89: #808080;
	/* 白 */
	--yoo_color90: #FFFFFF;
	--yoo_color91: #FDFDFC;
	--yoo_color92: #F8F8F3;
	--yoo_color93: #fafff0;
	--yoo_color94: #e6e6d3;
	--yoo_color95: #fffef7;
	--yoo_color96: #fffdf6;
	--yoo_color97: #fdfdfe;
	--yoo_color98: #FFFFFF;
	--yoo_color99: #FFFFFF;
	/* 黒 */
	--yoo_color00: #000000;
	--yoo_color01: #002a1d;
	--yoo_color02: #000000;
	--yoo_color03: #000000;
	--yoo_color04: #000000;
	--yoo_color05: #00000030;
	/* スマホフッターアイコンバー */
	--yoo_color06: #0000004d;
	--yoo_color07: #000000;
	--yoo_color08: #000000;
	--yoo_color09: #000000;
	--yoo_img-filter01: radial-gradient(at 40% 20%, hsl(206.57deg 89.74% 54.12% / 15%) 0px, #ffffff00 50%), radial-gradient(at 80% 0%, hsl(178.15deg 63.32% 78.96% / 8%) 0px, transparent 50%), radial-gradient(at 51% 66%, hsl(189deg 100% 56% / 13%) 0px, transparent 71%), radial-gradient(at 0% 50%, hsl(355deg 100% 93% / 0%) 0px, transparent 50%), radial-gradient(at 80% 50%, hsl(0deg 0% 100%) 0px, transparent 50%), radial-gradient(at 27% 86%, hsl(58deg 82% 86% / 0%) 0px, transparent 61%), radial-gradient(at 80% 100%, hsl(242deg 100% 70% / 0%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(60deg 25.93% 94.71%) 0px, transparent 50%);

	/* ロゴ */
	--yoo_bg_logo: var(--yoo_color52);
	--yoo_tx_logo: var(--yoo_tx_white);

	/* 電話番号 */
	--yoo_bg_tel: var(--yoo_color61);
	--yoo_tx_tel: var(--yoo_tx_white);

	/* ハンバーガー */
	--yoo_bg_hamburger: var(--yoo_color63);
	--yoo_tx_hamburger: var(--yoo_tx_white);

	/* スマホメニュー */
	--yoo_bg_spmenu: var(--yoo_color11);
	--yoo_tx_spmenu: var(--yoo_tx_white);

	--yoo_bg_spmenu2: var(--yoo_color57);
	--yoo_bg_spmenu3: var(--yoo_color58);

	/* YOOヘッダー */
	--yoo_bg_yheader: var(--yoo_color62);

	/* ニュースティッカー */
	--yoo_bg_newstick: var(--yoo_color65);
	--yoo_tx_newstick: var(--yoo_color52);

	/* ボトムメニュー */
	--yoo_bg_bottom-menu: var(--yoo_color63);
	--yoo_tx_bottom-menu: var(--yoo_tx_white);

	/* セクション */
	--yoo_bg_sections: var(--yoo_color66);

	/* リスト */
	--yoo_bg_lists: var(--yoo_color95);
	--yoo_tx_lists: var(--yoo_tx_black);

	--yoo_bg_lists2: var(--yoo_color95);
	--yoo_tx_lists2: var(--yoo_tx_black);

	/* サブジェクト（表題） */
	--yoo_bg_bottom-subjects: var(--yoo_color11);
	--yoo_tx_bottom-subjects: var(--yoo_tx_white);

	/* H2-H6 */
	--yoo_tx_h1: #000000;
	--yoo_tx_h2: #000000;
	--yoo_tx_h3: #000000;
	--yoo_tx_h4: #000000;
	--yoo_tx_h5: #000000;
	--yoo_tx_h6: #000000;
	--yoo_tx_h7: #000000;
	--yoo_tx_h8: #000000;
	--yoo_tx_h9: #000000;

	/* ボトムアイコン */
	--yoo_bg_bottom-ico1: #000000;
	--yoo_bg_bottom-ico2: #000000;
	--yoo_bg_bottom-ico3: #000000;
	--yoo_bg_bottom-ico4: #000000;
	--yoo_bg_bottom-ico5: #000000;
	--yoo_bg_bottom-ico6: #000000;

	/* フィルター */
	--yoo_filter_ico: #000000;
	--yoo_filter_section: var(yoo_img-filter01);
	--yoo_filter_yheader: #000000;

	--color_white: #fff;
	--color_white2: #FDFDFC;
	--color_white3: #F8F8F3;
	--color_white4: #fafff0;
	--color_gray1: #E6E6D3;
	--color_gray2: #e0e0dc;
	--color_gray3: #C4C2BE;
	--color_gray4: #7B8F85;
	--color_orange1: #EFA661;
	--color_green1: #2b9ecd;
	--color_green2: #00664f;
	--color_green3: #003b58;
	--smp_border-dashed: 1px dashed #C4C2BE;
	--smp_font-gothic: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	--smp_font-mincho: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	--smp_font-roboto: "Roboto Condensed", sans-serif;
	--font_line: "LINE Seed JP", sans-serif;
	--font_maru: "Zen Maru Gothic", sans-serif;
	--font_kaku: "Zen Kaku Gothic New", sans-serif;
	--font_yuji: "Yuji Syuku", sans-serif;
	--font_sippori: "Shippori Antique", sans-serif;
	--font_hbd: "Hibino Dental", sans-serif;




	--font_1: "Sawarabi Gothic", sans-serif;
	--font_2: "M PLUS Rounded 1c", sans-serif;
	--font_3: "Dela Gothic One", sans-serif;
	--font_4: "Hachi Maru Pop", cursive;
	--font_5: "Potta One", system-ui;
	--font_6: "Yuji Mai", serif;
	--font_7: "RocknRoll One", sans-serif;
	--font_8: "Zen Kurenaido", sans-serif;
	--font_9: "Zen Antique", serif;
	--font_10: "HuiMoji", serif;

}


@media screen and (max-width: 800px) {
    div#header_slider_container.height_type2 {
        margin-bottom: 15px;
        height: calc(100vh - 170px) !important;
    }
}



@media screen and (max-width: 767px) {
	#header_slider_container.height_type2 {
		aspect-ratio: 512 / 1380;
		width: calc(60% - 30px);
	}
}
@media screen and (max-width: 1300px) {
	#header_slider_container.height_type2 {
		width: calc(74% - 80px);
		width: calc(100% - 280px);
		height: 640px;
	}
}
@media screen and (max-width: 800px) {
	#header_slider_container.height_type2 {
		width: calc(100% - 280px);
	}
}
















/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■ */






















:is(.post_content, .post_content .tcdce-body) p {
    margin: 0;
}

/* TOP動画オーバーレイフィルター */
#header_slider .overlay {
	background: #0e2f136b !important;
	mask-image: radial-gradient(circle, #00000000 22%, #0000009c 46%, #ffffff 72%, #ffffff 122%);
	/* background: #cffbff33 !important; */
	/* mask-image: radial-gradient(circle, #00000000 25%, #0000009c 50%, #ffffff 75%, #ffffff 122%); */
}

/* 基本-文字間隔 */
body.custom-background {
	/* 	letter-spacing: 4px; */
}

/* ヘッダ背景色（TOPメニュー） */
header#header {
	background: var(--yoo_colorxx);
}

/* TOPロゴ装飾 */
#header_logo a .logo_text {
	position: absolute;
	top: 12px;
	width: 220px;
	height: 37px;
	background: var(--yoo_color52);
	padding: 10px 16px;
	border-radius: 10px;
	color: var(--yoo_color90);
	white-space: nowrap;
	font-size: clamp(17px, 18px, 19px);
}

/* サブジェクト装飾 */
:is(.design_header, .tcdce-body .design_header) .catch {
	margin: 0px 0 0 0;
	border: solid 2px var(--yoo_color52);
	background: var(--yoo_color52);
	color: var(--yoo_color90);
	display: inline-block;
	padding: 0px 30px;
	border-radius: 0 0 44px 44px;
	box-shadow: 2px 2px 10px -3px #000;
}

/* ティッカー文字部の装飾 */
#news_ticker .item {
	color: var(--yoo_color52);
	background: var(--yoo_color93);
	background: var(--yoo_color65);
}

/* ディッカー日付文字色 */
#news_ticker .date {
	color: var(--yoo_color52);
}

/* TOPメニュー文字色 */
#global_menu>ul>li>a {
	color: inherit;
	/* letter-spacing: 1px; */
	/* height: 50px; */
	/* line-height: 50px; */
	height: 20px;
	line-height: 20px;
	white-space: nowrap;
	/* cursor: not-allowed; */
}

/* ニュースリストに外枠 */
.news_list {
	border: 1px solid var(--yoo_color52);
}

/* ボタンにドット枠装飾 */
a.design_button {
	border: 4px dotted var(--yoo_color52);
	background: var(--yoo_color11);
}

#side_icon_button {
    right: 16px;
}
/* サイド出現メニューを丸型に変更 */
#side_icon_button a {
	border-radius: 50%;
}

.my-custom-content {
	font-size: 14px;
	line-height: 13px;
	/* background-color: #fff; */
	/* padding: 41px; */
	/* border-radius: 15px; */
	/* background: radial-gradient(#ffffff, #9198e500); */
	/* background: radial-gradient(
  circle at 100%,
  #333333,
  #333333 50%,
  #eeeeee 75%,
  #333333 75%
); */
	
	/* background: radial-gradient(closest-side, #ffffff, #ffffff94, #f69d3c00); */
	/* background-image: radial-gradient(#ffffff 0%, #ffffff00 70% 20%, #fa807200 40%); */

	.radial-gradient {
	background-image: radial-gradient(cyan 0%, transparent 20%, salmon 40%);};
}

section#cb_content_1 {
	padding: 24px 24px 53px 24px;
}

body.home #header::after {
	display: none;
}

.news_list .item {
	padding: 12px 0 0 0px;
}

.news_list .date {
	margin: 0;
}

#header_slider_container {
	/* width: calc(65% - 80px); */
	margin: 0 15px 0 auto;
	width: calc(100% - 415px);
	/* z-index: 100; */
	/* margin: 0px 15px 0 auto; */
	/* padding: 0; */
}

#header_slider_fixed_content {
	align-items: flex-end;
}

#header_tel .tel {
	color: var(--yoo_color91);
	font-size: 18px;
	letter-spacing: 8px;
}

#header_logo a {
	height: unset;
	align-items: unset;
	z-index: 2;
}

.grid-container {
	display: inline-grid;
	width: min(90vw, 375px);
	/* 文字が入り切るよう少し広めに調整 */
	/*   height: 108px; */
	grid-template-rows: repeat(3, 1fr);
	grid-template-columns: 4fr repeat(7, 1fr);
	/* 各曜日を45pxに */
	column-gap: 0;
	row-gap: 0;

	/* 外枠と角丸 */
	border: 1px solid var(--yoo_color84);
	border-radius: 15px;
	overflow-x: auto;
	white-space: nowrap;
}

.grid-item {
	display: flex;
	align-items: center;
	/* 上下中央 */
	justify-content: center;
	/* 左右中央（センタリング） */
	background: #fff;
	/* 隣り合う線が重ならないよう右と下だけに引く */
	border-right: 1px solid var(--yoo_color84);
	border-bottom: 1px solid var(--yoo_color84);
	box-sizing: border-box;
	font-size: 14px;
	letter-spacing: 1px;
}

/* 最後の列と行の余分な線を消して外枠と干渉させない */
.grid-item:nth-child(8n) {
	border-right: none;
}

.grid-item:nth-child(n+17) {
	border-bottom: none;
}

/* 1行目（見出し）の装飾 */
.grid-item:nth-child(-n+8) {
	background-color: var(--yoo_color33)
}

/* 1行目（見出し）の装飾 */
.grid-item:nth-child(1) {
	font-weight: 800;
	background-color: var(--yoo_color33);
	font-weight: bold;
}

/* 1列目（時間帯）のテキストを少し強調したい場合 */
.grid-item:nth-child(8n+1) {
	font-weight: 500;
	/*   padding: 0 5px; */
}

.boad_cal {
	width: 100%;
	display: inline-flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: center;
}

.today_mess {
	position: absolute;
	top: 330px;
	left: 26px;
	z-index: 6;
	text-shadow: 0px 0px 12px #fff, 1px 1px 6px #fff, 1px 1px 1px #fff, 0px 0px 1px #2f6597;
	color: #005d82;
}
@media screen and (max-width: 1300px){
	.today_mess {
		top: 420px;
	}
}
@media screen and (max-width: 767px){
	.today_mess {
		top: 100px;
	}
}
@media screen and (max-width: 500px){
	.today_mess {
		top: 98px;
		left: 15px;
	}
	.my-custom-content {
    font-size: 14px;
    line-height: 13px;
    /* letter-spacing: 1px; */
    /* background-color: #ffffff87; */
    /* padding: 11px; */
    border-radius: 20px;
    /* border-radius: 15px; */
    /* background: radial-gradient(#ffffff, #9198e500); */
    /* background: radial-gradient(circle at 100%, #333333, #333333 50%, #eeeeee 75%, #333333 75%); */
    /* background: radial-gradient(closest-side, #ffffff, #ffffff94, #f69d3c00); */
    /* background-image: radial-gradient(#ffffff 0%, #ffffff00 73% 20%, #ffffff00 40%); */
    /* position: relative; */
    /* left: -24px; */
    /* width: fit-content; */ /* 楕円の幅 */
    /* height: fit-content; */ /* 楕円の高さ（幅より小さくする） */
    /* background: radial-gradient(
    ellipse at center,
    #fff 0%,
    #fff0 70% 
  ); */
    /* border-radius: 50%; */ /* 楕円形に見せる（四角でも良いが、ぼけの形に合わせて少し丸みを帯びさせる） */
 }
}


body.no_fixed_header.header_sticky_active #header {
	/* margin-left: 0; */
	/* background-color: var(--yoo_color61); */
	/* display: inline-grid; */
	/* grid-template-columns: 460px auto 63px; */
	/* justify-items: start; */
	box-shadow: unset;
	height: 70px;
	width: 400px;
	/* display: unset; */
	/* flex: 0; */
	position: relative;
	z-index: 6;
}

@media screen and (max-width: 1300px) {
	body.no_fixed_header.header_sticky_active #header {
		display: block;
	}
}

body.home.start_scroll #header {
	/* background-color: var(--yoo_color61); */
	/* animation: flashAndFade 2.0s ease; */
	animation: none;
}

body.start_scroll #header {
	/* background-color: var(--yoo_color61); */
	/* animation: flashAndFade 2.0s ease;  */
	/* height: 77px; */
}

@keyframes flashAndFade {
	0% {
		background-color: #ff0;
		/* 0秒地点：黄色 */
	}

	11.7% {
		background-color: #ff0;
		/* 0.2秒地点まで黄色をキープ (0.2 / 1.7 ≒ 11.7%) */
	}

	100% {
		background-color: var(--yoo_color61);
		/* 1.7秒地点：赤色へ着地 */
	}
}

@keyframes fadeIn_slidermovie {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn_slidermovie2 {
	0% {
		opacity: 0;
	}

	70% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

div#header_slider_container {
	opacity: 0;
	animation: fadeIn_slidermovie 2.0s ease 1.2s forwards;
}

#header_search .search_button {
	top: -30px;
}

#header_search .input_area input {
	top: 17px;
	border: solid 5px #ef9885;
	background: #ffffffe3;
	box-shadow: 0px 0px 15px 5px #fff;
}

#header_search .input_area {
	background: unset;
}

#global_menu>ul>li>ul {
	top: -56px;
	left: 49px;
	font-weight: 400;
}
#global_menu > ul > li > ul.sub-menu::before {
    content: '';
    display: inline-block;
    position: fixed;
    top: -30px;
    left: 0;
    width:100%;
    height: 30px;
    /* background-color: #3d3d25; */
}
.textwidget.custom-html-widget {
	line-height: 24px;
}

.cb_free_space,
.cb_news_list,
.cb_service_list,
.cb_design_content,
.cb_two_column {
	position: relative;
	margin: 0 0 0 auto;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1000;
	background-image: radial-gradient(at 40% 20%, hsl(0deg 0% 100%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(176.31deg 100% 96.48%) 0px, transparent 50%), radial-gradient(at 51% 66%, hsl(189deg 49.84% 39.17% / 13%) 0px, transparent 71%), radial-gradient(at 0% 50%, hsl(198.46deg 100% 53.23% / 0%) 0px, transparent 50%), radial-gradient(at 80% 50%, hsl(0deg 0% 100%) 0px, #00000000 50%), radial-gradient(at 27% 86%, hsl(187.38deg 59.82% 48.55% / 8%) 0px, #00000000 61%), radial-gradient(at 80% 100%, hsl(242deg 100% 70% / 0%) 0px, #00000000 50%), radial-gradient(at 0% 0%, hsl(191.63deg 100% 92.93% / 16%) 0px, transparent 50%);
}

.shadow-wrapperpp {
	filter: drop-shadow(0 4px 10px var(--yoo_color06));
}

body.home #global_menu>ul>li {
	font-size: 16px;
	/* font-weight: 800; */
	margin: 0;
	border: solid 1px #ff7a24;
	border-radius: 5px;
	background-color: #ffeadc;
	width: 100%;
	height: 50px;
	/* border-left: solid 10px #000000; */
	/* border-bottom: solid 2px #000000; */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 10px -3px #ffd7bd;
	cursor: cell;
	transition: all 0.4s ease;
}



body.home #global_menu>ul>li::before {
	right:unset;
	left: unset;
	top: unset;
	bottom: unset;
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	background: #ffd2af;
	box-shadow: 8px 7px 20px 0px #ffffff00, 10px 10px 5px 0px #ffffff00, 7px 7px 20px 0px #ffffff33, 4px 4px 5px 0px #ffffff4d;
	transition: all 0.6s ease;
}

body.home #global_menu>ul>li::before {
	width: 0%;
	height: 4px;
}
body.home #global_menu>ul>li:hover{
    /* background: #fbdcca; */
}

body.home #global_menu>ul>li:hover::before {
  width: 100%;
}

body.home #global_menu>ul>li:has(> ul.sub-menu)::after {
	/* content: 'aaa\eaeb'; */
	content: '';
	font-family: 'Icomoon';
	display: inline-flex;
	/* border: solid 1px #000000; */
	position: absolute;
	right: 10px;
	color: #eb9877;
}



body.home #global_menu>ul>li {
	transition: filter 0s;
}
body.home #global_menu > ul:hover > li {
	filter: blur(1px);
	opacity:60%;
	
}
body.home #global_menu>ul>li:hover {
	letter-spacing: 3px;
	font-weight: 800;
	filter:none;
	opacity:1;
	
}

@media (hover: hover) {
    #global_menu ul a:hover {
        color: inherit;
    }
}









#global_menu>ul {
	/* display: inline-grid; */
	/* column-gap: 0.5em; */
	width: 100%;
	display: inline-grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 16px;
	/* height: 62px; */
	/* overflow-x: clip; */
	overflow-y: visible;
	opacity: 0;
	animation: fadeIn_slidermovie 2.0s ease 1.2s forwards;
}
@media screen and (max-width: 1300px) {
	#global_menu>ul {
	/* display: inline-grid; */
	/* column-gap: 0.5em; */
	width: 100%;
	display: inline-grid;
	grid-template-columns: 440px;
	gap: 10px 16px;
	/* height: 62px; */
	/* overflow-x: clip; */
	overflow-y: visible;
	opacity: 0;
	animation: fadeIn_slidermovie 2.0s ease 1.2s forwards;
}
	body.home #global_menu>ul>li {
    /* font-size: 16px; */
    /* font-weight: 800; */
    /* margin: 0; */
    /* border: solid 1px #ff7a24; */
    /* border-radius: 5px; */
    /* background-color: #ffeadc; */
    width: 50%;
    height: 35px;
    /* border-left: solid 10px #000000; */
    /* border-bottom: solid 2px #000000; */
    /* display: inline-flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* box-shadow: 0 0 10px -3px #ffd7bd; */
    /* cursor: cell; */
}
}

#drawer_menu {
	background: #00b2ffc9;
	width:80vw;
}

#mobile_menu a {
	background-color: #ca4c00d1;
}

#mobile_menu li li a {
	background-color: #1280d178;
}

body.start_scroll #global_menu>ul>li>a {
	color: inherit;
	font-family: var(--font_line);
}

#page_header .desc {
	font-size: 4vw;
}

#single_news_header .image img {
	mask-image: radial-gradient(circle, #000000 20%, #000000c7 40%, #00000063 64%, #00000000 106%);
	background-image: repeating-radial-gradient(circle at 30% 72%, rgba(178, 254, 255, 1), rgba(137, 219, 248, 1) 12%, rgba(178, 254, 255, 1) 24%);
/*	height: 180px; */
}

#single_news_header .title {
	padding: 16px 0 16px 20px;
    background-color: #cde8f1;
    box-shadow: 8px 5px 10px -3px #01798e;
    border: solid #01798e;
    border-width: 0px 0px 0px 10px;
}

.news_list .title {
	margin-left: 15px;
}

.cb_service_list .service_list .title {
	color: var(--yoo_color67);
}

.cb_service_list .service_list .image_wrap img {
	mask-image: radial-gradient(circle, #000000 45%, #000000 70%, #00000000 220%);
}

ul.p-footer-bar__list.p-footer-bar--type2 span.label {
    letter-spacing: 0;
}

.cb_two_column .bg_image {
	filter: blur(2px) opacity(10%);
}

#page_headline {
	border: solid #00607e;
	border: solid #fff;
    border-width: 0px 30px 5px 30px;
    background: #009bcd;
    /* box-shadow: 20px -30px 50px -30px #ffffff inset; */
}

#bread_crumb li.home {
    flex: 0 0 26px !important;
}
#bread_crumb li {
    padding: 0 14px 0 7px;
}
#single_news_header .image {
    aspect-ratio: 670 / 325;
}

#footer_info_area {
    background: #01688e;
}

#global_menu > ul > li.current-menu-parent > a, #global_menu ul li.current-menu-item > a, #global_menu > ul > li.active > a {
    color: inherit;
    /* filter: blur(3px); */
}

#single_post_header .category_list,
.blog_list .category_list {
    margin-right: 20px;
    border-radius: 60px 0px 60px 0;
    border-left: solid 16px;
    border-right: solid 16px;
}


@keyframes scroll-left-to-right {
  0% { transform: translateX(-100%); }   /* 左外側から */
  100% { transform: translateX(100vw); } /* 右外側へ */
}

@keyframes flow-right {
  0% { transform: translateX(-100%); }   /* 左の画面外から */
  100% { transform: translateX(100vw); } /* 右の画面外へ（100vwは画面横幅分） */
}

@keyframes flow-left {
  0% { transform: translateX(100%); }   /* 右の画面外（100%）からスタート */
  100% { transform: translateX(-100%); } /* 左の画面外（-100%）まで動かす */
}

#global_menu>ul>li::before {
    content: '';
    width: 100%;
    height:30px;
    position:absolute;
    left:0;
    top: 20px;
}
#header_logo img {
    filter: drop-shadow(2px 4px 6px #fff);
    z-index: 6;
}

#header_search {
    display: inline-block;
    position: absolute;
    top: 0;
    left: calc(100vw - 100px);
    /* background-color: #154f4fa3; */
    /* margin: 0 0 0 auto; */
    height: 60px;
    width: 60px;
    /* padding-right: 20px; */
    /* margin-left: auto; */
    /* margin-right: calc(-100vw + 400px); */
    /* top: -210px; */
    z-index: 4;
}

#header_search .search_button input {
    height: 94px;
}

#header_search .search_button:before {
     top: unset;
    bottom: 0;
}

.service_list.inview.animate .image_wrap img {
    transition: transform  0.5s ease; 
}
.service_list.inview.animate .image_wrap img:hover {
    transform: scale(1.1); 
}









.emoji_materialicons {
	font-family: 'Materialicons';
	position: relative;
	bottom: -1px;
}
.yoo_marquee-container {
	position: absolute;
	right: 50px;
	width: calc(100% - 50px - 400px);
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	z-index: 6;
}
@media screen and (max-width: 1300px) {
	.yoo_marquee-container {
		position: absolute;
		top: 0;
		right: 0;
		width: calc(100% - 277px);
		font-size: 12px;
		overflow: hidden;
		white-space: nowrap;
		z-index: 6;
	}
}
.yoo_marquee-inner {
  display: inline-block;
  animation: yoo_marquee-scroll 30s linear infinite;
}
@media screen and (max-width: 767px) {
	.yoo_marquee-container {
		position: absolute;
		top: 60px;
		right: unset;
		width: 90%;
		margin: 0 10px 0 10px;
		overflow: hidden;
		white-space: nowrap;
		color: #2a8390;
		/* border-bottom: solid 4px #f6c3a6; */
	}
	.yoo_marquee-inner {
	  animation: yoo_marquee-scroll 90s linear infinite;
	}

}

.yoo_marquee-inner div.yoo_marquee-txt {
  display: inline-block;
  padding-right: 125px; /* 文字列の間の余白を75pxに固定 */
}

@keyframes yoo_marquee-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* 半分動いた時点でループ */
}
.svgicon_elevator {
	width: 12px;
	height: 12px;
	display: inline-block;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%231f1f1f"><path d="M272.5-224.63h142.17v-160h40v-111.02q0-37.71-26.75-64.43-26.76-26.72-64.33-26.72h-40q-37.58 0-64.33 26.75-26.76 26.76-26.76 64.33v111.09h40v160ZM386.77-631.1q17.9-17.9 17.9-43.18 0-25.29-17.9-43.19t-43.18-17.9q-25.29 0-43.19 17.9t-17.9 43.19q0 25.28 17.9 43.18t43.19 17.9q25.28 0 43.18-17.9Zm107.38 122.19h239.31L613.8-701.41l-119.65 192.5ZM613.8-258.59l119.66-192.5H494.15l119.65 192.5ZM202.87-89.7q-46.93 0-80.05-33.12T89.7-202.87v-554.26q0-46.93 33.12-80.05t80.05-33.12h554.26q46.93 0 80.05 33.12t33.12 80.05v554.26q0 46.93-33.12 80.05T757.13-89.7H202.87Z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	position:relative;
	top:1px;
	color: #458fc9;
}
@keyframes slideInLeft {
  from { transform: translateX(-100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}




/* ■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■ */
.yoo_s01 {
	order: 0 !important;
	position: absolute;
	width: 100%;
	/* height: 158vw; */
	/* background-color: antiquewhite; */
}

body.blog .yoo_s01 {
	display: none;
}

.yoo_s02 {
	position: relative;
	top: 0;
	height: 20px;
}
@media screen and (max-width: 767px) {
	.yoo_s01 {
		/* display: none; */
	}
	.yoo_s02 {
		display: none;
	}
}



.yoo_s02_1 a,
.yoo_s02_1 a:hover,
.yoo_s02_1 a:link,
.yoo_s02_1 a:visited,
.yoo_s02_1 a:active {
	color: var(--yoo_color20);
	position: relative;
}

.yoo_s02_1 {
	background-color: var(--yoo_color61);
	color: var(--yoo_bg_white);
	display: inline-flex;
	/* padding: 10px 0px 0 26px; */
	border-radius: 4px;
	width: 360px;
	margin-left: 20px;
	height: 36px;
	/* text-align: center; */
	letter-spacing: 3px;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 0 10px -3px var(--yoo_color61);
	white-space: nowrap;
	/* overflow: hidden; */
	font-size: clamp(16px, 17px, 18px);
	position: absolute;
	left: 0px;
	top: 82px;
	border: solid 1px #4284b8;
	justify-content: center;
	align-items: center;
	padding-left: 24px;
}
@media screen and (max-width: 1300px) {
	.yoo_s02_1 {
		width: 220px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
	}
}

.yoo_s03 {
	position: absolute;
	top: 270px;
	left: 5px;
	display: inline-grid;
	/* grid-template-columns: repeat(2, 1fr); */
	grid-template-columns: 1fr;
	row-gap: 10px;
	column-gap: 26px;
	padding: 16px;
	border-radius: 18px;
}

.yoo_s03 div {
	width: min(15vw, 64px);
	background-color: var(--yoo_color53);
	padding: 0.5em;
	border-radius: 3vw;
}

.yoo_s03 div:nth-child(1) {
	background-color: #ffffff;
	box-shadow: 0 0 10px -3px #ffffff;
	box-shadow: 0 0 5px 5px #ffffff;
}

.yoo_s03 div:nth-child(2) {
	background-color: var(--yoo_color12);
	box-shadow: 0 0 5px 5px #ffffff;
}

.yoo_s03 div:nth-child(3) {
	background-color: var(--yoo_color5a);
	box-shadow: 0 0 10px -3px var(--yoo_color5a);
	box-shadow: 0 0 5px 5px #ffffff;
}

.yoo_s03 div:nth-child(4) {
	background-color: var(--yoo_color71);
	box-shadow: 0 0 10px -3px var(--yoo_color71);
	box-shadow: 0 0 5px 5px #ffffff;
}







/* ■■■■■■■■■■■■■■■■■■ */


@media (hover: hover) {
	a.design_button:hover {
		border: 16px dotted var(--yoo_tx_black);
		background: var(--yoo_color11);
	}
}

/* ■■■■■ 767px以下 ▼▼▼▼▼ */
@media screen and (max-width: 767px) {
	.yoo_s03 {
		/* position: absolute; */
		/* right: unset; */
		/* left: 15px; */
		/* display: inline-grid; */
		/* gap: 10px; */
		/* grid-template-columns: 1fr; */
		/* width: 16vw; */
		/* left: unset; */
		/* top: unset; */
		/* height: fit-content; */
		/* width: fit-content; */
		/* bottom: 2vw; */
		/* bottom: unset; */
		z-index: 5;
		/* top: 175px; */
		top: 90px;
		left: unset;
		right: 16px;
	90% {
		opacity: 1;
 };
		/* opacity: 0; */
		/* animation: flashAndFade 2.0s ease; */
		/* animation: yoo_marquee-scroll 1s linear infinite; */
		/* animation: flow-left 1s linear infinite; */
		animation: fadeIn_slidermovie2 3.8s ease;
	}

	.yoo_s03 div {
		/* filter: grayscale(100%); */
		 */
		/* filter: brightness(673%); */
		/* filter: contrast(199%); */
		/* filter: drop-shadow(2px 4px 6px #fff); */
		/* filter: hue-rotate(352deg); */
		/* filter: invert(100%); */
		/* filter: saturate(254%); */
		/* filter: sepia(1); */
		/* fill: cadetblue; */
		/* backdrop-filter: sepia(1); */
		/* background-clip: text; */
		/* clip-path: fill-box;*/;
		/* filter: grayscale(280%); */
		/* filter: brightness(673%); */
		/* filter: contrast(199%); */
		/* filter: drop-shadow(2px 4px 6px #fff); */
		/* filter: hue-rotate(352deg); */
		/* filter: invert(100%); */
		filter: saturate(500%);
		/* filter: sepia(1); */
		/* fill: cadetblue; */
		backdrop-filter: sepia(1);
		background-clip: text;
		/* clip-path: fill-box; */
	}

	.yoo_s03 div:hover {
		/* filter: unset; */
	}
}

/* ■■■ 768px以上 ▲▲▲ */
@media screen and (min-width: 768px) {
	.yoo_s03 {
		position: absolute;
		top: 300px;
		left: 3vw;
		display: inline-grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 2vw;
		padding: 2vw;
		border-radius: 18px;
		display: none;
	}
	.grid-container {
		width: 100%;
		max-width: 512px;
	}

}

@media screen and (max-width: 1300px) {
	#drawer_menu_button {
		position: fixed;
		background-color: var(--yoo_color41);
		margin: 0;
		scale: .9;
		border-radius: 25%;
		top: 4px;
		right: 6px;
		/* border: solid 2px #495120; */
		box-shadow: 0 0 10px -3px var(--yoo_color41), 0 0 13px 4px #fff;
		background: var(--yoo_color62);
		background: var(--yoo_color63);
		color: #fff;
		z-index: 10;
	}
		#drawer_menu_button span {
		background: var(--yoo_bg_white);
	}

}


/* ■■■■■ 800px以下 ▼▼▼▼▼ */
@media screen and (max-width: 800px) {
	.cb_service_list .service_list .image_wrap {
		border-radius: 20px 20px 0 0;
		background-color: #000;
	}
}

/* ■■■■■ 767px以下 ▼▼▼▼▼ */
@media screen and (max-width: 767px) {

	/* トップ動画</body>直前svgでclip-path 変形画像枠の適用*/
	#header_slider .item_inner {
		position: relative;
		clip-path: url(#videoPentagon);
		overflow: hidden;
	}

	body.no_fixed_header.header_sticky_active #header {
		/* clip-path: url(#my-clip-path2); */
		height: 60px;
	}

	#drawer_menu_button {
		position: fixed;
		background-color: var(--yoo_color41);
		margin: 0;
		scale: .9;
		border-radius: 25%;
		top: 4px;
		right: 6px;
		/* border: solid 2px #495120; */
		box-shadow: 0 0 10px -3px var(--yoo_color41), 0 0 13px 4px #fff;
		background: var(--yoo_color62);
		background: var(--yoo_color63);
	}


	body.home #header {
		/* top: 10px; */
		box-shadow: none;
		position: sticky;
	}

	body.start_scroll #header {
		animation: flashAndFade 2.0s ease;
		box-shadow: unset
	}

	body.home:not(.start_scroll) .topoftop_sub {
		background-color: var(--yoo_colorxx);
		animatiom: unset;
	}

	header#header {
		background-color: var(--yoo_colorxx);
	}

	#header_tel {
		display: inline-flex;
		height: unset;
		background-color: var(--yoo_color61);
		font-weight: 800;
		width: 220px;
		line-height: 1em;
		padding: 10px 0;
		border-radius: 10px;
		color: var(--yoo_color91);
		align-items: center;
		margin-left: 5px;
		position: sticky;
		top: 0px;
		z-index: 5;
		overflow: unset;
		height: 36px;
		vertical-align: middle;
		border-radius: 10px;
	}

	#header_tel .tel {
		color: var(--yoo_color91);
		font-size: 16px;
		letter-spacing: 6px;
	}

	#header_tel .tel:before {
		content: '\e919';
		font-family: normal_icon;
		font-size: 20px;
		position: relative;
		top: 2px;
	}

	body.no_fixed_header #header {
		position: sticky;
	}
	section.cb_free_space:has(.tcdce-gmap) {
		padding: 0;
	}
}

/* ■■■ 768px以上 ▲▲▲ */
@media screen and (min-width: 768px) {
	body.no_fixed_header #header {
		position: sticky;
		top: 0px;
	}
}

/* ■■■■■ 500px以下 ▼▼▼▼▼ */
@media screen and (max-width: 500px) {
	#header_slider_container.height_type2 {
		aspect-ratio: 512 / 1400;
	}
}


/* ■■■■■ 767px以下 ▼▼▼▼▼ */
@media screen and (max-width: 767px) {
	#header_slider_container.height_type2 {
		aspect-ratio: 512 / 1300;
		width: calc(100% - 30px);
	}
}

/* ■■■■■ 1300px以下 ▼▼▼▼▼ */
@media screen and (max-width: 1300) {
	#header_slider_container.height_type2 {
		aspect-ratio: 1200 / 1478;
	}

	#global_menu ul.menu {
		column-gap: 1.8vw;
	}
}

/* ■■■ 768px以上 ▲▲▲ */
@media screen and (min-width: 768px) {
	#header_logo {
		/* margin: 0 -20px; */
		padding: 0 25px 5px 5px;
		border-radius: 0 0 20px 0;
		/* top: -12px; */
		position: fixed;
		height;:
		inherit;
		height: fit-content;
		/* background-color: aqua; */
		/* z-index: 6; */
	}
	body.start_scroll #header_logo {
		/* background-color: var(--yoo_color61); */
		/* box-shadow: 0 0 10px 3px #fff; */
	}
	body.start_scroll #header_logo {
	    background-color: var(--yoo_color61);
	    animation: flashAndFade 2.0s ease;
	    box-shadow: 0 0 10px 3px #fff;
	}
	
	
	
	#global_menu {
        /* height: 40px; */
        z-index: 4;
        /* margin-left: auto; */
        width: 100%;
        height: fit-content;
        padding: 30px 20px 10px 20px;
        position: relative;
        top: 100px;
        px; */
        height: fit-content;
    }

	body.home #header_logo::before {
	    position: fixed;
	    content: '';
	    top: 0;
	    left: 0;
	    height: 18px;
	    /* background-color: antiquewhite; */
	    width: 100vw;
	    background-color: var(--yoo_color61);
	    /* animation: flashAndFade 2.0s ease; */
	    z-index: 2;
	}

	body:not(.home) #header_logo::before {
	    position: fixed;
	    content: '';
	    top: 0;
	    left: 0;
	    height: 18px;
	    /* background-color: antiquewhite; */
	    width: calc(100vw - 90px);
	    border-radius: 0 10px 10px 0;
	    background-color: var(--yoo_color61);
	    /* animation: flashAndFade 2.0s ease; */
	    z-index: 2;
	}
	@media screen and (min-width: 1301px) {
	body:not(.home) #header_logo::before {
	    position: fixed;
	    content: '';
	    top: 0;
	    left: 0;
	    height: 18px;
	    /* background-color: antiquewhite; */
	    width: 100vw;
	    border-radius: unset;
	    background-color: var(--yoo_color61);
	    /* animation: flashAndFade 2.0s ease; */
	    z-index: 2;
	}
	}


	
nav#global_menu ul.menu > li:nth-child(6) {
    background-color: #bf5859;
    box-shadow: 0 0 10px 0px #bf5859;
    color: #fff;
}

body.start_scroll #header_logo::before {
    background-color: var(--yoo_color61);
    animation: flashAndFade 2.0s ease;
}
	/*
	#global_menu>ul::before {
    content:'地下鉄日比野駅①出口真上店舗ビル2階 〒456-0062 愛知県名古屋市熱田区大宝1-2-3';
    position:absolute;
    top: -20px;
    left:0px;
    letter-spacing:1px;
    font-size: 14px;
    white-space: nowrap;
    width: 90%;
    color: #000000;
  
  /* アニメーション設定 */
    animation: flow-left 26s linear infinite;
}
*/

}














/* ■■■■■ 1200px以下 ▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
	#header_logo {
		/* margin: 0 -20px; */
	}
}

/* ■■■■■ 767px以下 ▼▼▼▼▼ */
@media screen and (max-width: 767px) {
	#header_slider_container {
		width: calc(60% - 30px);
		margin: 15px 15px 0 auto;
	}
}

/* ■■■■■ 1300px以下 ▼▼▼▼▼ */
@media screen and (max-width: 1300px) {
	#header_logo {
		margin: unset;
		et; */
	;
	}

	#header_tel {
		display: inline-block;
	}
    #header.mobile_logo_position_left {
        padding-left: 0px;
    }	
}

/* ■■■■■ 767px以下 ▼▼▼▼▼ */
@media screen and (max-width: 767px) {
	#header_tel {
		display: inline-block;
		/* border: solid 1px #000; */
		height: unset;
		line-height: 0px;
		background-color: var(--yoo_color61);
		color: var(--yoo_color91);
		font-weight: 800;
		padding: 19px 23px;
		border-radius: 20px;
		color: var(--yoo_color91);
	}

	#header_tel .desc {
		display: none
	}
}

/* ■■■■■ 1300px以下 ▼▼▼▼▼ */
@media screen and (max-width: 1300px) {
	#header_search {
		position: absolute;
		top: 0;
		left: calc(100vw - 100px);
		display: inline-block;
		/* background-color: #2265788a; */
		/* margin: 0 0 0 auto; */
		/* height: 64px; */
		/* width: 100%; */
		/* margin-left: auto; */
		/* margin-right: calc(-100vw + 400px); */
		z-index: 4;
		display: none;
	}
}

/* ■■■■■ 767px以下 ▼▼▼▼▼ */
@media screen and (max-width: 767px) {
	#header_search {
		display: none;
	}

	#header_slider_container.header_content_type2.height_type2 {
		aspect-ratio: 9 / 16;
		height: auto !important;
		min-height: inherit !important;
		/* max-height: calc(75vh - 150px); */
		width: calc(100% - 30px);
	}
}

/* ■■■■■ 1160px以下 ▼▼▼▼▼ */
@media screen and (max-width: 1160px) {
	#header_slider_container.header_content_type2.height_type2 {
	height: calc(100vh - 150px - 26vh) !important;
	/* height: calc(100vh - 150px) !important; */
	/* width: calc(100% - 30px - 250px); */
	/* margin: 0px 15px 0 auto; */
	min-height: 320px !important;
	}
}

@media screen and (max-width: 767px) {
	#header_slider_container.header_content_type2.height_type2 {
	height: calc(100vh - 165px) !important;
	margin-bottom: 15px;
	}
}

/* ■■■ 768px以上 ▲▲▲ */
@media screen and (min-width: 768px) {
	#header_slider_container {
		/* width: calc(80% - 80px); */
		/* margin: 0px 15px 0 auto; */
	}

}

/* ■■■ 801px以上 ▲▲▲ */
@media screen and (min-width: 801px) {
	#news_ticker {
		position: absolute;
		left: unset;
		right: 24px;
		top: 80px;
		background: var(--yoo_color41);
	}
}

/* ■■■ 1301px以上 ▲▲▲ */
@media screen and (min-width: 1301px) {
	#news_ticker {
		border-radius: 0 15px 0 15px;
		right: 23px;
		top: 48px;
	}
}

/* ■■■■■ 767-1300px ▼▼▼▼▼ ハンバーガーボタンを隠し、PCメニューを出す*/
@media screen and (max-width: 1300px) and (min-width: 767px) {

	/* 1. ハンバーガーボタン（ドロワーボタン）を強制非表示 */
	body.home #drawer_menu_button,
	body.home.pc #drawer_menu_button,
	body.home #header #drawer_menu_button {
		display: none !important;
		visibility: hidden !important;
		display: none !important;
		display: none !important;
		display: none !important;
	}

	/* 2. PC用グローバルメニューを強制表示 */
	body.home #global_menu,
	body.home.pc #global_menu,
	body.home #header #global_menu {
		display: inline-block;
		/* visibility: visible !important; */
		/* opacity: 1 !important; */
		/* height: 30px; */
		/* position: absolute; */
		/* top: 0px; */
		max-width: 260px;
		/* opacity: 0; */
		/* animation: fadeIn_slidermovie 0.4s ease 0.1s forwards; */
	}

	/* 3. メニューがロゴと重ならないための微調整 */
	#global_menu>ul>li {
		margin: 0 !important;
		/* 項目の間隔を詰める */
		border: solid 1px #000;
		width: 100%;
	}

	#global_menu>ul>li>a {
		font-size: 16px;
		/* font-family: var(--font_maru); */
		/* white-space: nowrap; */
	}
}


/* ■■■■■ 1391px以下 ▼▼▼▼▼ */
@media screen and (max-width: 1300px) {
	.p-footer-bar--type2 {
		background: unset;
	}

	.p-footer-bar__list {
		display: inline-grid;
		column-gap: 12px;
		grid-template-columns: 50px 50px 50px 50px 50px;
		justify-content: space-evenly;
	}

	.p-footer-bar__item {
		background-color: var(--yoo_color52);
		height: 50px;
		width: 50px;
		border-radius: 50%;
		display: inline-flex;
		justify-content: center;
		white-space: nowrap;
		letter-spacing: 1px;
		box-shadow: 0 0 30px 3px #fff;
	}

	.p-footer-bar__item-link {
		position: relative;
		bottom: 7px;
	}

	.p-footer-bar {
		box-shadow: unset;
		/* bottom: 5px; */
		height: 65px;
		/* background-color: var(--yoo_color05); */
	}

	div#js-footer-bar::before {
		content: '';
		position: absolute;
		width: 81%;
		background-color: var(--yoo_color05);
		height: 100%;
		border-radius: 0 32px 0 0;
	}

	.p-footer-bar__list {
		display: inline-grid;
		column-gap: 12px;
		grid-template-columns: 50px 50px 50px 50px 50px;
		justify-content: space-evenly;
	}

	.p-footer-bar__list li:has(.lock) {
		background-color: var(--yoo_color71);
		background-color: var(--yoo_color32);
		box-shadow: 0 0 20px 0px var(--yoo_color21) inset, 0 0 30px 3px #fff;
	}

	span.icon.icon_type_google.lock {
		font-size: 0;
	}

	span.icon.icon_type_google.lock::before {
		/*
		font-family: 'Materialicons';
		content: '\e923';
		font-size: 19px;
		display: inline-block;
		bottom: -3px;
		position: relative;
		-webkit-font-smoothing: antialiased;
		*/
		display: inline-block;
		bottom: -5px;
		position: relative;
		content: url(https://hibinodental.jp/wp-content/uploads/2026/04/24web-3.svg);
		width: 22px;
		height: 22px;
	}

	span.icon.icon_type_google.Question {
		font-size: 0;
	}

	span.icon.icon_type_google.Question::before {
		content: "⇑";
		font-size: 17px;
	}

	.p-footer-bar__list li:has(.Question) {
		background-color: #0b7ba8cf;
		position: relative;
		bottom: 10px;
		left: 8px;
	}

	.p-footer-bar__inner {
		overflow: unset;
		position: relative;
		bottom: -11px;
	}

	span.icon.icon_type_google.Map {
		font-size: 0;
	}

	span.icon.icon_type_google.Map::before {
		font-family: 'Materialicons';
		content: '\e531';
		font-size: 19px;
		display: inline-block;
		bottom: -3px;
		position: relative;
		-webkit-font-smoothing: antialiased;
	}

	span.icon.icon_type_google.User {
		font-size: 0;
	}

	span.icon.icon_type_google.User::before {
		font-family: 'Materialicons';
		content: '\e88a';
		font-size: 19px;
		display: inline-block;
		bottom: -3px;
		position: relative;
		-webkit-font-smoothing: antialiased;
	}

	span.icon.icon_type_google.Calendar {
		font-size: 0;
	}

	span.icon.icon_type_google.Calendar::before {
		font-family: 'Materialicons';
		content: '\e616';
		font-size: 19px;
		display: inline-block;
		bottom: -3px;
		position: relative;
		-webkit-font-smoothing: antialiased;
	}
}

/* ■■■■■ 767px以下 ▼▼▼▼▼ */
@media screen and (max-width: 767px) {
	body .topoftop {
		filter: drop-shadow(0 4px 10px var(--yoo_color06));
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 6;
	}

	body.start_scroll .topoftop_sub {
		clip-path: url(#my-clip-path2);
		height: 100px;
		width: 100%;
		background-color: var(--yoo_color62);
		animation: flashAndFade 2.0s ease;
	}

}

span.ytel_icon {
	font-family: Materialicons;
	font-size: 20px;
	position: absolute;
	left: -27px;
	top: -1px;
}


#header_slider_fixed_content.layout_type2 .header_slider_content .catch {
    font-family: var(--font_yuji);
    font-weight: 400;
    letter-spacing: 16px;
}


#header_slider_fixed_content.layout_type2 .header_slider_content .catch + .desc {
    font-family: var(--font_6);
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 16px;
}










/* ■■■ 768px以上 ▲▲▲ */
@media screen and (min-width: 768px) {
	body.start_scroll #header {
		/* background-color: var(--yoo_color61); */
		/* animation: flashAndFade 2.0s ease; */
	}
}

/* ■■■ 1301px以上 ▲▲▲ */
@media screen and (min-width: 1301px) {
	body.no_fixed_header #header {
		/* margin-left: 20px; */
		order: 1;
		/* height: 60px; */
	}

	#news_ticker {
		top: 78px;
	}
}




@media (max-width: 767px) {
    #header_logo img {
        /* width: 1920px; */
        height: unset;
        width: 75vw;
        position: fixed;
        z-index: 6;
    }
    
    body.no_fixed_header.header_sticky_active #header {
    width: unset;
}
}
@media (max-width: 374px) {
    #header_logo img {
        /* height: unset; */
        width: 70vw;
    }
}



@media screen and (min-width: 1300px) {
	body:not(.home) #global_menu {
        display: none;
    }
}