@charset "UTF-8";
/** 各種記号 **/
/** 色 **/
/*========================================
　執事喫茶・歌劇団の各ページCSS共通設定
========================================*/
/*== inline-block設定用 ==*/
.ib {
	display: inline-block;
}

/*== タグ基本設定 ==*/
b {
	font-weight: bold;
}

i {
	font-style: italic;
}

/*== 等幅フォント使用タグで文字が小さくなるのを修正 ==*/
tt, code, kbd, samp, pre, xmp, plaintext, listing {
	font-family: monospace, serif;
}

/*== マウスオーバー時の背景色変更 ==*/
.hover_dark:hover {
	backdrop-filter: brightness(0.95); /*背景暗く*/
}

/*== ルビタグ文字サイズ ==*/
.rubisize_xs rp, .rubisize_xs rt {
	font-size: x-small !important;
}
.rubisize_s rp, .rubisize_s rt {
	font-size: small !important;
}
.rubisize_m rp, .rubisize_m rt {
	font-size: medium !important;
}

/*== リストマーカー ==*/
.ul_marker_box > li {
	padding-left: 0.2em;
	list-style-type: "■";
}
.ul_marker_box { /*黒四角*/ }
.ul_marker_box_w > li {
	padding-left: 0.2em;
	list-style-type: "□";
}
.ul_marker_box_w { /*四角*/ }
.ul_marker_circle > li {
	padding-left: 0.2em;
	list-style-type: "●";
}
.ul_marker_circle_w > li {
	padding-left: 0.2em;
	list-style-type: "○";
}
.ul_marker_circle_w { /*白丸*/ }
.ul_marker_circle_d > li {
	padding-left: 0.2em;
	list-style-type: "◎";
}
.ul_marker_circle_d { /*二重丸*/ }
.ul_marker_hishi { /*黒ひし形*/ }
.ul_marker_hishi > li {
	padding-left: 0.2em;
	list-style-type: "◆";
}
.ul_marker_hishi_w { /*ひし形*/ }
.ul_marker_hishi_w > li {
	padding-left: 0.2em;
	list-style-type: "◇";
}
.ul_marker_star { /*黒星*/ }
.ul_marker_star > li {
	padding-left: 0.2em;
	list-style-type: "★";
}
.ul_marker_star_w { /*白星*/ }
.ul_marker_star_w > li {
	padding-left: 0.2em;
	list-style-type: "☆";
}
.ul_marker_arrow { /*右矢印（→）*/ }
.ul_marker_arrow > li {
	padding-left: 0.2em;
	list-style-type: "→";
}
.ul_marker_arrow2 { /*右二重矢印（⇒）*/ }
.ul_marker_arrow2 > li {
	padding-left: 0.2em;
	list-style-type: "⇒";
}
.ul_marker_sankaku > li, .ul_marker_sankaku_b > li {
	padding-left: 0.2em;
	list-style-type: "▶";
}
.ul_marker_sankaku, .ul_marker_sankaku_b { /*右向き黒三角*/ }
.ul_marker_sankaku_w > li {
	padding-left: 0.2em;
	list-style-type: "▷";
}
.ul_marker_sankaku_w { /*右向き三角*/ }
.ul_marker_sankaku_sb > li {
	padding-left: 0.2em;
	list-style-type: "▸";
}
.ul_marker_sankaku_sb { /*右向き黒三角・小*/ }
.ul_marker_sankaku_sw > li {
	padding-left: 0.2em;
	list-style-type: "▹";
}
.ul_marker_sankaku_sw { /*右向き三角・小*/ }
.ul_marker_red > li::marker {
	color: "#fa0000";
}
.ul_marker_blue > li::marker {
	color: "#0000fa";
}
.ul_marker_green > li::marker {
	color: green;
}
.ul_marker_aqua > li::marker {
	color: aqua;
}
.ul_marker_lime > li::marker {
	color: lime;
}
.ul_marker_yellow > li::marker {
	color: yellow;
}
.ul_marker_gold > li::marker {
	color: gold;
}
.ul_marker_orange > li::marker {
	color: darkorange;
}
.ul_marker_navy > li::marker {
	color: navy;
}
.ul_marker_maroon > li::marker {
	color: maroon;
}
.ul_marker_royalb > li::marker {
	color: royalblue;
}
.ul_marker_pink > li::marker {
	color: deeppink;
}
.ul_marker_white > li::marker {
	color: white;
}

/*== リストマーカー無くす ==*/
ul.nomarker {
	list-style-type: none;
}

/*== 打ち消し線の加工 ==*/
del, .deltext {
	text-decoration-line: line-through;
	text-decoration-style: solid;
	text-decoration-thickness: 0.2em;
	text-decoration-color: currentColor;
}

.deltext--red {
	text-decoration-line: line-through;
	text-decoration-style: solid;
	text-decoration-thickness: 0.2em;
	text-decoration-color: #fa0000;
}

/*== 記号などの等幅対応 ==*/
.nosmallfont, .kigou {
	font-family: monospace, serif;
}

/*== noWrap ==*/
.nobr {
	white-space: nowrap;
}
.nobrgroup > span {
	white-space: nowrap;
}

/*== 非表示（スペース削除） ==*/
.noview {
	display: none !important;
}

/*== 非表示（スペースそのまま） ==*/
.emptyspace {
	visibility: hidden !important;
}

/*== 画像加工（共通） ==*/
img.autoresize {
	/*（自動縮小）*/
	object-fit: scale-down;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
}
img.noborder {
	/*（枠無し）*/
	border: none;
}
img.noclick {
	/*（マウスイベント等を無効化）*/
	pointer-events: none;
}
img.titleimage {
	/*（画像の表題：↑３つ全部）*/
	object-fit: scale-down;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	border: none;
	pointer-events: none;
}

/*== 右クリックを無効にした画像（リンクバナーなど） ==*/
a.imagelink, .noclickimage {
	display: inline-block;
}
a.imagelink > img, .noclickimage > img {
	pointer-events: none;
}

/*== filter()を使用したベタ色変え ==*/
/*== →画像タイトル等で利用可 ==*/
.subtitlecolor--white, .colorfilter--white {
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(313deg) brightness(105%) contrast(101%);
}
.subtitlecolor--black, .colorfilter--black {
	filter: brightness(0) saturate(100%) invert(8%) sepia(7%) saturate(3882%) hue-rotate(330deg) brightness(101%) contrast(97%);
}
.subtitlecolor--gray, .colorfilter--gray {
	filter: brightness(0) saturate(100%) invert(42%) sepia(1%) saturate(2567%) hue-rotate(28deg) brightness(94%) contrast(83%);
}
.subtitlecolor--maroon, .colorfilter--maroon {
	filter: brightness(0) saturate(100%) invert(8%) sepia(77%) saturate(4676%) hue-rotate(5deg) brightness(110%) contrast(119%);
}
.subtitlecolor--yellow, .colorfilter--yellow {
	filter: brightness(0) saturate(100%) invert(95%) sepia(20%) saturate(2091%) hue-rotate(359deg) brightness(104%) contrast(105%);
}
.subtitlecolor--gold, .colorfilter--gold {
	filter: brightness(0) saturate(100%) invert(79%) sepia(11%) saturate(6119%) hue-rotate(3deg) brightness(110%) contrast(103%);
}
.subtitlecolor--orange, .colorfilter--orange {
	filter: brightness(0) saturate(100%) invert(53%) sepia(45%) saturate(3563%) hue-rotate(6deg) brightness(110%) contrast(102%);
}
.subtitlecolor--blue, .colorfilter--blue {
	filter: brightness(0) saturate(100%) invert(33%) sepia(74%) saturate(7479%) hue-rotate(248deg) brightness(95%) contrast(100%);
}
.subtitlecolor--pink, .colorfilter--pink {
	filter: brightness(0) saturate(100%) invert(33%) sepia(96%) saturate(893%) hue-rotate(292deg) brightness(82%) contrast(96%);
}
.subtitlecolor--aqua, .colorfilter--aqua {
	filter: brightness(0) saturate(100%) invert(75%) sepia(92%) saturate(1020%) hue-rotate(123deg) brightness(105%) contrast(104%);
}
.subtitlecolor--lime, .colorfilter--lime {
	filter: brightness(0) saturate(100%) invert(59%) sepia(76%) saturate(4312%) hue-rotate(85deg) brightness(131%) contrast(114%);
}
.subtitlecolor--red, .colorfilter--red {
	filter: brightness(0) saturate(100%) invert(14%) sepia(73%) saturate(5076%) hue-rotate(339deg) brightness(94%) contrast(95%);
}
.subtitlecolor--purple, .colorfilter--purple {
	filter: brightness(0) saturate(100%) invert(79%) sepia(28%) saturate(1844%) hue-rotate(239deg) brightness(92%) contrast(103%);
}
.subtitlecolor--deeppink, .colorfilter--deeppink {
	filter: brightness(0) saturate(100%) invert(26%) sepia(72%) saturate(6608%) hue-rotate(315deg) brightness(101%) contrast(101%);
}
.subtitlecolor--ruby, .colorfilter--ruby {
	filter: brightness(0) saturate(100%) invert(27%) sepia(86%) saturate(1914%) hue-rotate(324deg) brightness(94%) contrast(92%);
}

/*== 画像の影付け、周囲ぼかし（透過png用） ==*/
/* 周囲ぼかし（白） */
.png_glow {
	filter: drop-shadow(0 0 2rem lightgray);
}

.png_shadow {
	filter: drop-shadow(3px 3px 6px #666);
}

/*== 文字装飾（共通） ==*/
/* 文字配置 */
.moji-pos-center, .mojicenter {
	text-align: center !important;
}

.moji-pos-left, .mojileft {
	text-align: left !important;
}

.moji-pos-right, .mojiright {
	text-align: right !important;
}

.moji-pos-start {
	text-align: start !important;
}
@supports not (text-align: start) {
	.moji-pos-start {
		text-align: left !important;
	}
}
.moji-pos-end {
	text-align: end !important;
}
@supports not (text-align: end) {
	.moji-pos-end {
		text-align: right !important;
	}
}
/* 太文字・太文字解除 */
.moji-bold, .mojibold {
	font-weight: bold !important;
}
.mojinobold {
	font-weight: normal !important;
}

/* 文字詰め（カーニング） */
.mojikerning {
	font-feature-settings: "palt" 1;
}

/* 文字色 */
.mojired {
	color: #fa0000;
}
.mojiblue {
	color: #0000fa;
}
.mojigreen {
	color: green;
}
.mojiaqua {
	color: aqua;
}
.mojilime {
	color: lime;
}
.mojiyellow {
	color: yellow;
}
.mojigold {
	color: gold;
}
.mojiorange {
	color: darkorange;
}
.mojinavy {
	color: navy;
}
.mojimaroon {
	color: maroon;
}
.mojiroyalb {
	color: royalblue;
}
.mojipink {
	color: deeppink;
}

/*== 行間 ==*/
.lh_12 {
	line-height: 1.2 !important;
}
.lh_14 {
	line-height: 1.4 !important;
}
.lh_15 {
	line-height: 1.5 !important;
}
.lh_16 {
	line-height: 1.6 !important;
}
.lh_18 {
	line-height: 1.8 !important;
}
.lh_20 {
	line-height: 2 !important;
}

/*== 下線(仮) ==*/
.title_underline {
	border-bottom: thin dashed currentColor;
	padding-bottom: 0.25em;
}

/*== 横幅 ==*/
.w_400 {
	width: 400px !important;
}
.w_600 {
	width: 600px !important;
}
.w_900 {
	width: 900px !important;
}
.w_40p {
	width: 40% !important;
}
.w_50p {
	width: 50% !important;
}
.w_60p {
	width: 60% !important;
}
.w_100p {
	width: 100% !important;
}

/*== 横幅（最大） ==*/
.mw_400 {
	max-width: 400px;
	width: min(400px, 100%);
	line-height: 1.6;
}
.mw_600 {
	max-width: 600px;
	width: min(600px, 100%);
	line-height: 1.6;
}
.mw_640 {
	max-width: 640px;
	width: min(640px, 100%);
	line-height: 1.6;
}
.mw_700 {
	max-width: 700px;
	width: min(700px, 100%);
	line-height: 1.6;
}
.mw_720 {
	max-width: 720px;
	width: min(720px, 100%);
	line-height: 1.6;
}
.mw_740 {
	max-width: 740px;
	width: min(740px, 100%);
	line-height: 1.6;
}
.mw_760 {
	max-width: 760px;
	width: min(760px, 100%);
	line-height: 1.6;
}
.mw_780 {
	max-width: 780px;
	width: min(780px, 100%);
	line-height: 1.6;
}
.mw_800 {
	max-width: 800px;
	width: min(800px, 100%);
	line-height: 1.6;
}
.mw_900 {
	max-width: 900px;
	width: min(900px, 100%);
	line-height: 1.6;
}
.mw_1000 {
	max-width: 1000px;
	width: min(1000px, 100%);
	line-height: 1.6;
}
.mw_40p {
	max-width: 40%;
	line-height: 1.6;
}
.mw_50p {
	max-width: 50%;
	line-height: 1.6;
}
.mw_60p {
	max-width: 60%;
	line-height: 1.6;
}
.mw_80p {
	max-width: 80%;
	line-height: 1.6;
}
.mw_85p {
	max-width: 85%;
	line-height: 1.6;
}
.mw_90p {
	max-width: 90%;
	line-height: 1.6;
}
.mw_100p {
	max-width: 100%;
	line-height: 1.6;
}

/*== マージン（rem非使用） ==*/
.mgn {
	margin: auto;
}
.mgn_t05v {
	margin-top: 5vh !important;
}

/*== パディング ==*/
.pd_00 {
	padding: 0 !important;
}
.pd_05 {
	padding: 0.5em !important;
}
.pd_075 {
	padding: 0.75em !important;
}
.pd_10 {
	padding: 1em !important;
}
.pd_15 {
	padding: 1.5em !important;
}
.pd_20 {
	padding: 2em !important;
}
.pd_t05 {
	padding-top: 0.5em !important;
}
.pd_t10 {
	padding-top: 1em !important;
}
.pd_b05 {
	padding-bottom: 0.5em !important;
}
.pd_b075 {
	padding-bottom: 0.75em !important;
}
.pd_b10 {
	padding-bottom: 1em !important;
}
.pd_l05 {
	padding-left: 0 !important;
}
.pd_l05 {
	padding-left: 0.5em !important;
}
.pd_l10 {
	padding-left: 1em !important;
}
.pd_00x05 {
	padding: 0 0.5em !important;
}
.pd_00x10 {
	padding: 0 1em !important;
}
.pd_05x10 {
	padding: 0.5em 1em !important;
}
.pd_05x10x00 {
	padding: 0.5em 1em 0 !important;
}
.pd_10x00 {
	padding: 1em 0 !important;
}
.pd_10x05 {
	padding: 1em 0.5em !important;
}
.pd_10x20 {
	padding: 1em 2em !important;
}
.pd_10x10x00 {
	padding: 1em 1em 0 !important;
}
.pd_10x10x05 {
	padding: 1em 1em 0.5em !important;
}
.pd_10x10x20 {
	padding: 1em 1em 2em !important;
}
.pd_20x10 {
	padding: 2em 1em !important;
}
.pd_20x10x10 {
	padding: 2em 1em 1em !important;
}

/*== 囲い線（色指定なし） ==*/
.solidbox {
	box-sizing: border-box;
	border-style: solid;
	border-width: thin;
}

.dashbox {
	box-sizing: border-box;
	border-style: dashed;
	border-width: thin;
}

.dotbox {
	box-sizing: border-box;
	border-style: dotted;
	border-width: thin;
}

.doublebox {
	box-sizing: border-box;
	border-style: double;
	border-width: 4px;
}

.solidbox_m {
	box-sizing: border-box;
	border-style: solid;
	border-width: medium;
}

.dashbox_m {
	box-sizing: border-box;
	border-style: dashed;
	border-width: medium;
}

.dotbox_m {
	box-sizing: border-box;
	border-style: dotted;
	border-width: medium;
}

/*== 線の色のみ指定 ==*/
.linecolor_red {
	border-color: #fa0000;
}
.linecolor_blue {
	border-color: #0000fa;
}
.linecolor_green {
	border-color: green;
}
.linecolor_aqua {
	border-color: aqua;
}
.linecolor_lime {
	border-color: lime;
}
.linecolor_gold {
	border-color: gold;
}
.linecolor_yellow {
	border-color: yellow;
}
.linecolor_maroon {
	border-color: maroon;
}
.linecolor_pink {
	border-color: deeppink;
}

/*== 背景色のみ指定 ==*/
.backcolor_red {
	background-color: rgba(250, 0, 0, 0.25);
}
.backcolor_blue {
	background-color: rgba(0, 0, 250, 0.25);
}
.backcolor_green {
	background-color: rgba(0, 128, 0, 0.25);
}
.backcolor_aqua {
	background-color: rgba(0, 255, 255, 0.25);
}
.backcolor_lime {
	background-color: rgba(0, 255, 0, 0.25);
}
.backcolor_gold {
	background-color: rgba(255, 215, 0, 0.25);
}
.backcolor_yellow {
	background-color: rgba(255, 255, 0, 0.25);
}
.backcolor_maroon {
	background-color: rgba(128, 0, 0, 0.25);
}
.backcolor_pink {
	background-color: rgba(255, 20, 147, 0.25);
}
.backcolor_pink {
	background-color: rgba(255, 20, 147, 0.25);
}

/*== 線種など指定 ==*/
.linestyle_solid {
	border-style: solid !important;
}
.linestyle_dash {
	border-style: dashed !important;
}
.linestyle_dot {
	border-style: dotted !important;
}
.linestyle_double {
	border-style: double !important;
	border-width: medium !important;
}
.linestyle_dash_m {
	border-style: dashed !important;
	border-width: medium !important;
}
.linestyle_dot_m {
	border-style: dotted !important;
	border-width: medium !important;
}
.linestyle_double_m {
	border-style: double !important;
	border-width: medium !important;
}

/*== 囲い線（色付き） ==*/
/*実線*/
.solidbox_red {
	box-sizing: border-box;
	border: thin solid #fa0000;
}

.solidbox_green {
	box-sizing: border-box;
	border: thin solid green;
}

.solidbox_blue {
	box-sizing: border-box;
	border: thin solid #0000fa;
}

/*破線*/
.dashbox_red {
	box-sizing: border-box;
	border: thin dashed #fa0000;
}

.dashbox_green {
	box-sizing: border-box;
	border: thin dashed green;
}

.dashbox_blue {
	box-sizing: border-box;
	border: thin dashed #0000fa;
}

/*点線*/
.dotbox_red {
	box-sizing: border-box;
	border: thin dotted #fa0000;
}

.dotbox_green {
	box-sizing: border-box;
	border: thin dotted green;
}

.dotbox_blue {
	box-sizing: border-box;
	border: thin dotted #0000fa;
}

/*点線（太）*/
.dotbox_blue_m {
	box-sizing: border-box;
	border: medium dotted #0000fa;
}

/*== 囲い線（各丸四角形） ==*/
.solidbox_green_r15 {
	box-sizing: border-box;
	border: thin solid green;
	border-radius: 1.5em;
}

/*== 左に右矢印（→, ⇒）を付加 ==*/
.rarrow::before {
	content: "→";
	font-family: monospace, serif;
	padding-inline-end: 0.3em;
}
.rarrow2::before {
	content: "⇒";
	font-family: monospace, serif;
	padding-inline-end: 0.3em;
}

/*== 左に塗り四角（■）を付加 ==*/
.boxmark::before {
	content: "■";
	font-family: monospace, serif;
	padding-inline-end: 0.3em;
}

/*== 左に塗り丸（●）を付加 ==*/
.circlemark::before {
	content: "●";
	font-family: monospace, serif;
	padding-inline-end: 0.3em;
}

/*== 左右に塗り四角1個（■）を付加 ==*/
.boxmark1bk::before {
	content: "■";
	font-family: monospace, serif;
	padding-inline-end: 0.3em;
}
.boxmark1bk::after {
	content: "■";
	font-family: monospace, serif;
	padding-inline-start: 0.3em;
}

/*== 左右に塗り四角2個（■■）を付加 ==*/
.boxmark2bk::before {
	content: "■■";
	font-family: monospace, serif;
	padding-inline-end: 0.3em;
}
.boxmark2bk::after {
	content: "■■";
	font-family: monospace, serif;
	padding-inline-start: 0.3em;
}

/*== 左右に波形（～）を付加 ==*/
.wavemark::before {
	content: "～";
	font-family: monospace, serif;
	padding-inline-end: 0.3em;
}
.wavemark::after {
	content: "～";
	font-family: monospace, serif;
	padding-inline-start: 0.3em;
}

/*== 注意文リスト（字下げ＆※付け、<ul>用） ==*/
ul.alertlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.alertlist > li {
	position: relative;
	margin-left: 1.2rem;
	padding-left: 5px;
}
ul.alertlist > li:nth-child(n+2) {
	margin-top: 0.5rem;
}
ul.alertlist > li::before {
	content: "※";
	font-family: monospace, serif;
	display: block;
	position: absolute;
	top: 0;
	left: -1.2rem;
	width: 1.2rem;
}

/*== <ul>リスト横並び ==*/
/*共通規格*/
.ul_flex {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	padding-inline-start: 0;
}
.ul_flex > li:not(:last-of-type):after {
	white-space: nowrap;
}

/*区切り記号（半角文字と空白は前後に隙間）*/
.ul_flex_space > li:not(:last-of-type):after {
	content: "";
	padding-inline: 0.25em;
}
.ul_flex_slash > li:not(:last-of-type):after {
	content: "/";
	padding-inline: 0.25em;
}
.ul_flex_tatesen > li:not(:last-of-type):after {
	content: "|";
	padding-inline: 0.25em;
}
.ul_flex_touten > li:not(:last-of-type):after {
	content: "、";
}
.ul_flex_nakaten > li:not(:last-of-type):after {
	content: "・";
}
.ul_flex_space2 > li:not(:last-of-type):after {
	content: "　";
}
.ul_flex_slash2 > li:not(:last-of-type):after {
	content: "／";
}
.ul_flex_tatesen2 > li:not(:last-of-type):after {
	content: "｜";
}

/*== リストマーク整形 ==*/
/*== 共通：リストマーク変形 ==*/
ul.marker_tt > li::marker {
	/*等幅フォントに変更*/
	font-family: monospace, serif;
}
ul.marker_b > li::marker {
	/*太字に変更*/
	font-weight: bold;
}

/*== ひし形（◆）リストマーク ==*/
ul.rhombic {
	list-style-type: none;
	list-style-position: outside;
	padding-inline-start: 1.5rem;
}
ul.rhombic > li {
	padding-inline-start: 0.25em;
}
ul.rhombic > li::marker {
	content: "◆";
}
ul.rhombic > li:not(:last-of-type) {
	margin-block-end: 1rem;
}

/*== 注意（※）リストマーク ==*/
ul.autonoteslist {
	list-style-type: none;
	list-style-position: outside;
	padding-inline-start: 1.5rem;
}
ul.autonoteslist > li {
	padding-inline-start: 0.25em;
}
ul.autonoteslist > li::marker {
	content: "※";
}
ul.autonoteslist > li:not(:last-of-type) {
	margin-block-end: 1rem;
}

/*== マーク無しリスト ==*/
ul.nomarklist {
	list-style-type: none;
	list-style-position: outside;
	padding-inline-start: 0;
}
ul.nomarklist > li {
	padding-inline-start: 0;
}
ul.nomarklist > li:not(:last-of-type) {
	margin-block-end: 1rem;
}

/*== <li>タグの項目間隔 ==*/
.li_space_10em > li:not(:last-of-type) {
	margin-block-end: 1em;
}
.li_space_05em > li:not(:last-of-type) {
	margin-block-end: 0.5em;
}
.li_space_025em > li:not(:last-of-type) {
	margin-block-end: 0.25em;
}
.li_space_5px > li:not(:last-of-type) {
	margin-block-end: 5px;
}

/*== リストマーク付き<dl> ==*/
/* 基本設定 */
dl.dl_list > dt {
	border-color: currentColor;
}
dl.dl_list > dt:not(:first-of-type) {
	margin-top: 1.5em;
}
dl.dl_list > dd {
	margin: 0.5em 1em;
}
dl.dl_list > dd:last-of-type {
	margin: 0.5em 1em auto;
}

/* <dt>タグ整形：見出しのフォントを大きく */
dl.dl_list--midashi > dt {
	font-size: larger;
}
dl.dl_list--bold > dt {
	font-weight: bold;
}

/* <dt>タグ間隔を狭く */
dl.dl_list--dt10 > dt:not(:first-of-type) {
	margin-top: 1em;
}
dl.dl_list--dt05 > dt:not(:first-of-type) {
	margin-top: 0.5em;
}

/* <dd>タグ間隔を広く */
dl.dl_list--dd10 > dd {
	margin: 1em 1em 1em !important;
}
dl.dl_list--dd10 > dd:last-of-type {
	margin: 1em 1em auto !important;
}

/* <dt>に記号を付加（下線対応のため、<dt>タグの内容を<div>で囲む） */
dl.dl_list--w_star > dt, dl.dl_list--w_hishi > dt, dl.dl_list--w_box > dt, dl.dl_list--w_circle > dt, dl.dl_list--star > dt, dl.dl_list--box > dt, dl.dl_list--hishi > dt, dl.dl_list--circle2 > dt, dl.dl_list--circle > dt {
	position: relative;
	padding-left: 1.2em;
}
dl.dl_list--w_star > dt::before, dl.dl_list--w_hishi > dt::before, dl.dl_list--w_box > dt::before, dl.dl_list--w_circle > dt::before, dl.dl_list--star > dt::before, dl.dl_list--box > dt::before, dl.dl_list--hishi > dt::before, dl.dl_list--circle2 > dt::before, dl.dl_list--circle > dt::before {
	display: inline-block;
	left: 0;
	position: absolute;
	font-family: monospace, serif;
}

dl.dl_list--circle > dt::before {
	content: "●";
}
dl.dl_list--circle2 > dt::before {
	content: "◎";
}
dl.dl_list--hishi > dt::before {
	content: "◆";
}
dl.dl_list--box > dt::before {
	content: "■";
}
dl.dl_list--star > dt::before {
	content: "★";
}
dl.dl_list--w_circle > dt::before {
	content: "○";
}
dl.dl_list--w_box > dt::before {
	content: "□";
}
dl.dl_list--w_hishi > dt::before {
	content: "◇";
}
dl.dl_list--w_star > dt::before {
	content: "☆";
}

/* <dt>に下線を付加 */
dl.dl_list--dotline > dt, dl.dl_list--dashline > dt, dl.dl_list--underline > dt {
	border-bottom-width: thin;
	padding-bottom: 0.25em;
}

dl.dl_list--underline > dt {
	border-bottom-style: solid;
}
dl.dl_list--dashline > dt {
	border-bottom-style: dashed;
}
dl.dl_list--dotline > dt {
	border-bottom-style: dotted;
}

/* <dt>に色付け（下線がある場合も色を反映） */
dl.dl_list--aqua > dt {
	color: aqua;
	border-bottom-color: aqua;
}
dl.dl_list--lime > dt {
	color: lime;
	border-bottom-color: lime;
}
dl.dl_list--gold > dt {
	color: gold;
	border-bottom-color: gold;
}
dl.dl_list--yellow > dt {
	color: yellow;
	border-bottom-color: yellow;
}
dl.dl_list--red > dt {
	color: "#fa0000";
	border-bottom-color: "#fa0000";
}
dl.dl_list--green > dt {
	color: green;
	border-bottom-color: green;
}
dl.dl_list--blue > dt {
	color: blue;
	border-bottom-color: blue;
}
dl.dl_list--maroon > dt {
	color: maroon;
	border-bottom-color: maroon;
}
dl.dl_list--orange > dt {
	color: darkorange;
	border-bottom-color: darkorange;
}
dl.dl_list--royalb > dt {
	color: royalblue;
	border-bottom-color: royalblue;
}
dl.dl_list--pink > dt {
	color: deeppink;
	border-bottom-color: deeppink;
}

/* <dt>にカウンター付加 */
dl.dl_list--counter {
	counter-reset: number;
}
dl.dl_list--counter > dt::before {
	content: counter(number) ".";
	counter-increment: number;
	padding-right: 0.2rem;
}

/* グループの上下間隔開け（<p>,<div>,<li>） */
.rowspace025 > p:not(:last-of-type) {
	margin-bottom: 0.25em !important;
	margin-block-end: 0.25em !important;
}
.rowspace025 > div:not(:last-of-type) {
	margin-bottom: 0.25em !important;
	margin-block-end: 0.25em !important;
}
.rowspace025 > li:not(:last-of-type) {
	margin-bottom: 0.25em !important;
	margin-block-end: 0.25em !important;
}
.rowspace05 > p:not(:last-of-type) {
	margin-bottom: 0.5em !important;
	margin-block-end: 0.5em !important;
}
.rowspace05 > div:not(:last-of-type) {
	margin-bottom: 0.5em !important;
	margin-block-end: 0.5em !important;
}
.rowspace05 > li:not(:last-of-type) {
	margin-bottom: 0.5em !important;
	margin-block-end: 0.5em !important;
}
.rowspace10 > p:not(:last-of-type) {
	margin-bottom: 1em !important;
	margin-block-end: 1em !important;
}
.rowspace10 > div:not(:last-of-type) {
	margin-bottom: 1em !important;
	margin-block-end: 1em !important;
}
.rowspace10 > li:not(:last-of-type) {
	margin-bottom: 1em !important;
	margin-block-end: 1em !important;
}
.rowspace15 > p:not(:last-of-type) {
	margin-bottom: 1.5em !important;
	margin-block-end: 1.5em !important;
}
.rowspace15 > div:not(:last-of-type) {
	margin-bottom: 1.5em !important;
	margin-block-end: 1.5em !important;
}
.rowspace15 > li:not(:last-of-type) {
	margin-bottom: 1.5em !important;
	margin-block-end: 1.5em !important;
}
.rowspace20 > p:not(:last-of-type) {
	margin-bottom: 2em !important;
	margin-block-end: 2em !important;
}
.rowspace20 > div:not(:last-of-type) {
	margin-bottom: 2em !important;
	margin-block-end: 2em !important;
}
.rowspace20 > li:not(:last-of-type) {
	margin-bottom: 2em !important;
	margin-block-end: 2em !important;
}
.rowspace25 > p:not(:last-of-type) {
	margin-bottom: 2.5em !important;
	margin-block-end: 2.5em !important;
}
.rowspace25 > div:not(:last-of-type) {
	margin-bottom: 2.5em !important;
	margin-block-end: 2.5em !important;
}
.rowspace25 > li:not(:last-of-type) {
	margin-bottom: 2.5em !important;
	margin-block-end: 2.5em !important;
}
.rowspace30 > p:not(:last-of-type) {
	margin-bottom: 3em !important;
	margin-block-end: 3em !important;
}
.rowspace30 > div:not(:last-of-type) {
	margin-bottom: 3em !important;
	margin-block-end: 3em !important;
}
.rowspace30 > li:not(:last-of-type) {
	margin-bottom: 3em !important;
	margin-block-end: 3em !important;
}

/** リスト等の位置指定（文字：左寄せ、配置：中央） **/
.center-fit {
	margin: auto;
	text-align: left;
	width: fit-content;
}

/*== <dl>横並び（Grid使用） ==*/
@supports (display: grid) {
	.dl_yoko {
		width: fit-content;
		display: grid;
		grid-template-columns: [key] auto [value] 1fr;
		gap: 0.5rem;
	}
	.dl_yoko > dt, .dl_yoko > dd {
		display: block;
		margin: 0;
	}
	.dl_yoko > dt {
		grid-column: key;
		white-space: nowrap;
	}
	.dl_yoko > dd {
		grid-column: value;
	}
	.dl_yoko_dtbold > dt {
		font-weight: bold;
	}
	.dl_yoko_dtmigi > dt {
		text-align: end;
	}
}
/********************************/
/* IE非対応CSSの対策 */
/********************************/
/* マージン(ie11) */
_:-ms-lang(x)::-ms-backdrop, .mgn_10x05 {
	margin: 1rem 0.5rem !important;
}

_:-ms-lang(x)::-ms-backdrop, .mgn_05x10 {
	margin: 0.5rem 1rem !important;
}

_:-ms-lang(x)::-ms-backdrop, .mgn_10x05x05 {
	margin: 1rem 0.5rem 0.5rem !important;
}

/* moji(ie11) */
_:-ms-lang(x)::-ms-backdrop, .moji-pos-start {
	text-align: left !important;
}

_:-ms-lang(x)::-ms-backdrop, .moji-pos-end {
	text-align: right !important;
}

/* リストマーク変更(ie11) */
_:-ms-lang(x)::-ms-backdrop, ul.rhombic {
	padding-left: 1.5rem;
}
_:-ms-lang(x)::-ms-backdrop, ul.rhombic > li {
	padding-left: 0.25em;
}
_:-ms-lang(x)::-ms-backdrop, ul.rhombic > li:not(:last-of-type) {
	margin-bottom: 1rem;
}

_:-ms-lang(x)::-ms-backdrop, ul.autonoteslist {
	padding-left: 1.5rem;
}
_:-ms-lang(x)::-ms-backdrop, ul.autonoteslist > li {
	padding-left: 0.25em;
}
_:-ms-lang(x)::-ms-backdrop, ul.autonoteslist > li:not(:last-of-type) {
	margin-bottom: 1rem;
}

_:-ms-lang(x)::-ms-backdrop, ul.nomarklist {
	padding-left: 0;
}
_:-ms-lang(x)::-ms-backdrop, ul.nomarklist > li {
	padding-left: 0;
}
_:-ms-lang(x)::-ms-backdrop, ul.nomarklist > li:not(:last-of-type) {
	margin-bottom: 1rem;
}

/* 上下間隔(ie11) */
_:-ms-lang(x)::-ms-backdrop, .rowspace025 > div:not(:last-of-type) {
	margin-bottom: 0.25em !important;
}

_:-ms-lang(x)::-ms-backdrop, .rowspace025 > p:not(:last-of-type) {
	margin-bottom: 0.25em !important;
}

_:-ms-lang(x)::-ms-backdrop, .rowspace025 > li:not(:last-of-type) {
	margin-bottom: 0.25em !important;
}

_:-ms-lang(x)::-ms-backdrop, .rowspace05 > div:not(:last-of-type) {
	margin-bottom: 0.5em !important;
}

_:-ms-lang(x)::-ms-backdrop, .rowspace05 > p:not(:last-of-type) {
	margin-bottom: 0.5em !important;
}

_:-ms-lang(x)::-ms-backdrop, .rowspace05 > li:not(:last-of-type) {
	margin-bottom: 0.5em !important;
}

_:-ms-lang(x)::-ms-backdrop, .rowspace10 > div:not(:last-of-type) {
	margin-bottom: 1em !important;
}

_:-ms-lang(x)::-ms-backdrop, .rowspace10 > p:not(:last-of-type) {
	margin-bottom: 1em !important;
}

_:-ms-lang(x)::-ms-backdrop, .rowspace10 > li:not(:last-of-type) {
	margin-bottom: 1em !important;
}

/* 複数<li>タグの上下間隔(ie11) */
_:-ms-lang(x)::-ms-backdrop, .li_space_025em > li:not(:last-of-type) {
	margin-bottom: 0.25em !important;
}

_:-ms-lang(x)::-ms-backdrop, .li_space_05em > li:not(:last-of-type) {
	margin-bottom: 0.5em !important;
}

_:-ms-lang(x)::-ms-backdrop, .li_space_10em > li:not(:last-of-type) {
	margin-bottom: 1em !important;
}

_:-ms-lang(x)::-ms-backdrop, .li_space_5px > li:not(:last-of-type) {
	margin-bottom: 5px !important;
}

/* 記号区切りで横並び */
_:-ms-lang(x)::-ms-backdrop, .ul_flex {
	padding-left: 0;
}
_:-ms-lang(x)::-ms-backdrop, .ul_flex_space > li:not(:last-of-type):after {
	padding-left: 0.25em;
	padding-right: 0.25em;
}

_:-ms-lang(x)::-ms-backdrop, .ul_flex_slash > li:not(:last-of-type):after {
	padding-left: 0.25em;
	padding-right: 0.25em;
}

_:-ms-lang(x)::-ms-backdrop, .ul_flex_tatesen > li:not(:last-of-type):after {
	padding-left: 0.25em;
	padding-right: 0.25em;
}

/* 文字左右に記号付け */
_:-ms-lang(x)::-ms-backdrop, .rarrow::before {
	padding-right: 0.3em;
}

_:-ms-lang(x)::-ms-backdrop, .rarrow2::before {
	padding-right: 0.3em;
}

_:-ms-lang(x)::-ms-backdrop, .circlemark::before {
	padding-right: 0.3em;
}

_:-ms-lang(x)::-ms-backdrop, .wavemark::before {
	padding-right: 0.3em;
}

_:-ms-lang(x)::-ms-backdrop, .wavemark::after {
	padding-left: 0.3em;
}

_:-ms-lang(x)::-ms-backdrop, .boxmark::before {
	padding-right: 0.3em;
}

_:-ms-lang(x)::-ms-backdrop, .boxmark1bk::before {
	padding-right: 0.3em;
}

_:-ms-lang(x)::-ms-backdrop, .boxmark1bk::after {
	padding-left: 0.3em;
}

_:-ms-lang(x)::-ms-backdrop, .boxmark2bk::before {
	padding-right: 0.3em;
}

_:-ms-lang(x)::-ms-backdrop, .boxmark2bk::after {
	padding-left: 0.3em;
}

/*========================================
	汎用処理
========================================*/
/*== 画像加工 ==*/
img.goodssample {
	margin: auto auto 1em auto;
	width: auto;
	height: auto;
	max-width: 100%;
	border: none;
	border-radius: 15px;
	box-shadow: 0 0 12px ivory, 0 0 18px ivory, 0 0 24px ivory, 0 0 28px ivory;
}
img.glowimage {
	box-shadow: 0 0 12px silver, 0 0 18px silver, 0 0 24px silver, 0 0 28px silver;
}
img.jacketsample {
	display: block;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	border: thin solid #cccccc;
	box-shadow: 0 0 12px lightgray, 0 0 18px lightgray, 0 0 24px lightgray, 0 0 28px lightgray;
}

/*== リンクをボタン風に加工 ==*/
.buttonlinkstyle {
	display: inline-block;
	margin: auto;
	padding: 1em 2em;
	text-align: center;
	font-weight: bold;
	border-radius: 30px;
	border: 2px dashed lightgray;
}
.buttonlinkstyle:hover {
	border-style: solid;
	border-color: aqua;
	background-color: rgba(0, 255, 255, 0.2);
	transition: 0.5s;
}

.buttonlinkstyle_m {
	display: inline-block;
	margin: auto;
	padding: 1em 2em;
	text-align: center;
	font-weight: bold;
	border-radius: 30px;
	border: 4px dashed lightgray;
}
.buttonlinkstyle_m:hover {
	border-style: solid;
	border-color: aqua;
	background-color: rgba(0, 255, 255, 0.2);
	transition: 0.5s;
}

.buttonlinkstyle_dk {
	display: inline-block;
	margin: auto;
	padding: 1em 2em;
	text-align: center;
	font-weight: bold;
	border-radius: 30px;
	border: 2px dashed lightgray;
}
.buttonlinkstyle_dk:hover {
	border-style: solid;
	border-color: purple;
	background-color: rgba(128, 0, 128, 0.2);
	transition: 0.5s;
}

.buttonlinkstyle_mdk {
	display: inline-block;
	margin: auto;
	padding: 1em 2em;
	text-align: center;
	font-weight: bold;
	border-radius: 30px;
	border: 4px dashed lightgray;
}
.buttonlinkstyle_mdk:hover {
	border-style: solid;
	border-color: purple;
	background-color: rgba(128, 0, 128, 0.2);
	transition: 0.5s;
}

.buttonlinkstyle2 {
	display: inline-block;
	padding: 0.5em 1em;
	text-align: center;
	font-weight: bold;
	border-radius: 10px;
	border: 2px solid transparent;
}
.buttonlinkstyle2:hover {
	border-color: lime;
	background-color: rgba(0, 255, 0, 0.1);
	transition: 0.5s;
}

/*== リスト基本整形(ol,ul共通) ==*/
ul.liststyle, ol.liststyle {
	margin-left: -1.5rem;
}
ul.liststyle li, ol.liststyle li {
	margin-top: 0.5rem;
	line-height: 1.5;
}

/*== フォントサイズ ==*/
.fsz_l, .fsz_lr {
	line-height: 1.6;
	font-size: larger !important;
}
.fsz_s, .fsz_sr {
	line-height: 1.6;
	font-size: smaller !important;
}
.fsz_14 {
	line-height: 1.6;
	font-size: 1.4rem !important;
}
.fsz_15 {
	line-height: 1.6;
	font-size: 1.5rem !important;
}
.fsz_16 {
	line-height: 1.6;
	font-size: 1.6rem !important;
}
.fsz_18 {
	line-height: 1.6;
	font-size: 1.8rem !important;
}
.fsz_20 {
	line-height: 1.6;
	font-size: 2rem !important;
}
.fsz_22 {
	line-height: 1.6;
	font-size: 2.2rem !important;
}
.fsz_24 {
	line-height: 1.6;
	font-size: 2.4rem !important;
}
.fsz_25 {
	line-height: 1.6;
	font-size: 2.5rem !important;
}
.fsz_26 {
	line-height: 1.6;
	font-size: 2.6rem !important;
}
.fsz_28 {
	line-height: 1.6;
	font-size: 2.8rem !important;
}
.fsz_30 {
	line-height: 1.6;
	font-size: 3rem !important;
}

/*== フォントサイズ(1rem:10px,1em:14pxのため計算済み) ==*/
.fsz_11r {
	font-size: 1.54rem !important;
}
.fsz_09r {
	font-size: 1.26rem !important;
}
.fsz7 {
	font-size: 4.2rem !important; /*xxx-large*/
}
.fsz6 {
	font-size: 2.8rem !important; /*xx-large*/
}
.fsz5 {
	font-size: 2.1rem !important; /*x-large*/
}
.fsz4 {
	font-size: 1.68rem !important; /*large*/
}
.fsz3 {
	font-size: 1.4rem !important; /*medium*/
}
.fsz2 {
	font-size: 1.246rem !important; /*small*/
}
.fsz1 {
	font-size: 0.84rem !important; /*xx-small*/
}

/*== マージン（14px基準にrem変換） ==*/
.mgn_05 {
	margin: 0.7rem !important;
}
.mgn_10 {
	margin: 1.4rem !important;
}
.mgn_15 {
	margin: 2.1rem !important;
}
.mgn_20 {
	margin: 2.8rem !important;
}
.mgn_10x05 {
	margin-block: 1.4rem !important;
	margin-inline: 0.7rem !important;
}
.mgn_05x10 {
	margin-block: 0.7rem !important;
	margin-inline: 1.4rem !important;
}
.mgn_10x05x05 {
	margin-block: 1.4rem 0.7rem !important;
	margin-inline: 0.7rem !important;
}
.mgn_10x10x05 {
	margin-block: 1.4rem 0.7rem !important;
	margin-inline: 1.4rem !important;
}
.mgn_05a {
	margin: 0.7rem auto !important;
}
.mgn_10a {
	margin: 1.4rem auto !important;
}
.mgn_15a {
	margin: 2.1rem auto !important;
}
.mgn_20a {
	margin: 2.8rem auto !important;
}
.mgn_25a {
	margin: 3.5rem auto !important;
}
.mgn_30a {
	margin: 4.2rem auto !important;
}
.mgn_t00 {
	margin-top: 0 !important;
}
.mgn_t03 {
	margin-top: 0.42rem !important;
}
.mgn_t05 {
	margin-top: 0.7rem !important;
}
.mgn_t10 {
	margin-top: 1.4rem !important;
}
.mgn_t15 {
	margin-top: 2.1rem !important;
}
.mgn_t20 {
	margin-top: 2.8rem !important;
}
.mgn_t30 {
	margin-top: 4.2rem !important;
}
.mgn_b03 {
	margin-bottom: 0.42rem !important;
}
.mgn_b05 {
	margin-bottom: 0.7rem !important;
}
.mgn_b10 {
	margin-bottom: 1.4rem !important;
}
.mgn_b15 {
	margin-bottom: 2.1rem !important;
}
.mgn_b20 {
	margin-bottom: 2.8rem !important;
}
.mgn_b30 {
	margin-bottom: 4.2rem !important;
}
.mgn_l03 {
	margin-left: 0.42rem !important;
}
.mgn_l05 {
	margin-left: 0.7rem !important;
}
.mgn_l10 {
	margin-left: 1.4rem !important;
}
.mgn_l15 {
	margin-left: 2.1rem !important;
}
.mgn_l20 {
	margin-left: 2.8rem !important;
}
.mgn_l25 {
	margin-left: 3.5rem !important;
}
.mgn_l30 {
	margin-left: 4.2rem !important;
}
.mgn_r03 {
	margin-right: 0.42rem !important;
}
.mgn_r05 {
	margin-right: 0.7rem !important;
}

/*== パディング ==*/
.pd_0x5 {
	padding: 0 0.5em;
}
.pd_0x10 {
	padding: 0 1em;
}
.pd_10x0 {
	padding: 1em 0;
}
.pd_t10 {
	padding-top: 1em;
}
.pd_t15 {
	padding-top: 1.5em;
}
.pd_t20 {
	padding-top: 2em;
}
.pd_b10 {
	padding-bottom: 1em;
}
.pd_b15 {
	padding-bottom: 1.5em;
}
.pd_b20 {
	padding-bottom: 2em;
}
.pd_l05 {
	padding-left: 0.5em;
}
.pd_l10 {
	padding-left: 1em;
}
.pd_l15 {
	padding-left: 1.5em;
}
.pd_l20 {
	padding-left: 2em;
}
.pd_l25 {
	padding-left: 2.5em;
}
.pd_l30 {
	padding-left: 3em;
}

/*========================================
	[執事歌劇団 TOPページ用css]
	インスタ新API対応CSS
========================================*/
/*== メインフレーム ==*/
#newinstagram {
	display: flex;
	flex-wrap: wrap;
}

/*== 各サムネイル（※サムネ画像のbackground-imageはタグで直接指定） ==*/
.newinstagram_thumb {
	display: block;
	margin: 2px;
	width: 90px;
	height: 90px;
	background-size: cover;
}

/*========================================
	執事歌劇団Topicsページ用css
	→ 蛍光にする整形
========================================*/
/*== 蛍光文字 ==*/
.textglow_aqua {
	letter-spacing: 1px;
	text-shadow: 0 0 3px aqua, 0 0 12px aqua, 0 0 18px aqua, 0 0 24px aqua, 0 0 28px aqua;
}
.textglow_blue {
	letter-spacing: 1px;
	text-shadow: 0 0 3px royalblue, 0 0 12px royalblue, 0 0 18px royalblue, 0 0 24px royalblue, 0 0 28px royalblue;
}
.textglow_gold {
	letter-spacing: 1px;
	text-shadow: 0 0 3px gold, 0 0 12px gold, 0 0 18px gold, 0 0 24px gold, 0 0 28px gold;
}
.textglow_green {
	letter-spacing: 1px;
	text-shadow: 0 0 3px #00552e, 0 0 12px #00552e, 0 0 18px #00552e, 0 0 24px #00552e, 0 0 28px #00552e;
}
.textglow_lime {
	letter-spacing: 1px;
	text-shadow: 0 0 3px lime, 0 0 12px lime, 0 0 18px lime, 0 0 24px lime, 0 0 28px lime;
}
.textglow_orange {
	letter-spacing: 1px;
	text-shadow: 0 0 3px darkorange, 0 0 12px darkorange, 0 0 18px darkorange, 0 0 24px darkorange, 0 0 28px darkorange;
}
.textglow_pink {
	letter-spacing: 1px;
	text-shadow: 0 0 3px hotpink, 0 0 12px hotpink, 0 0 18px hotpink, 0 0 24px hotpink, 0 0 28px hotpink;
}
.textglow_red {
	letter-spacing: 1px;
	text-shadow: 0 0 3px crimson, 0 0 12px crimson, 0 0 18px crimson, 0 0 24px crimson, 0 0 28px crimson;
}
.textglow_white {
	letter-spacing: 1px;
	text-shadow: 0 0 3px silver, 0 0 12px silver, 0 0 18px silver, 0 0 24px silver, 0 0 28px silver;
}
.textglow_marron {
	letter-spacing: 1px;
	text-shadow: 0 0 3px #762f07, 0 0 12px #762f07, 0 0 18px #762f07, 0 0 24px #762f07, 0 0 28px #762f07;
}
.textglow_black {
	letter-spacing: 1px;
	text-shadow: 0 0 3px #16160e, 0 0 12px #16160e, 0 0 18px #16160e, 0 0 24px #16160e, 0 0 28px #16160e;
}
.textglow_yellow {
	letter-spacing: 1px;
	text-shadow: 0 0 3px yellow, 0 0 12px yellow, 0 0 18px yellow, 0 0 24px yellow, 0 0 28px yellow;
}
.textglow_purple {
	letter-spacing: 1px;
	text-shadow: 0 0 3px mediumorchid, 0 0 12px mediumorchid, 0 0 18px mediumorchid, 0 0 24px mediumorchid, 0 0 28px mediumorchid;
}

/*== 蛍光枠 ==*/
.boxglow_aqua {
	display: block;
	padding: 1em;
	background-color: rgba(0, 255, 255, 0.2);
	border: 1px solid aqua;
	box-shadow: 0 0 18px aqua, 0 0 24px aqua, 0 0 18px aqua inset, 0 0 24px aqua inset;
}
.boxglow_blue {
	display: block;
	padding: 1em;
	background-color: rgba(0, 0, 255, 0.2);
	border: 1px solid royalblue;
	box-shadow: 0 0 18px royalblue, 0 0 24px royalblue, 0 0 18px royalblue inset, 0 0 24px royalblue inset;
}
.boxglow_gold {
	display: block;
	padding: 1em;
	background-color: rgba(255, 204, 0, 0.2);
	border: 1px solid gold;
	box-shadow: 0 0 18px gold, 0 0 24px gold, 0 0 18px gold inset, 0 0 24px gold inset;
}
.boxglow_green {
	display: block;
	padding: 1em;
	background-color: rgba(0, 255, 0, 0.2);
	border: 1px solid #00552e;
	box-shadow: 0 0 18px #00552e, 0 0 24px #00552e, 0 0 18px #00552e inset, 0 0 24px #00552e inset;
}
.boxglow_lime {
	display: block;
	padding: 1em;
	background-color: rgba(0, 255, 0, 0.2);
	border: 1px solid lime;
	box-shadow: 0 0 18px lime, 0 0 24px lime, 0 0 18px lime inset, 0 0 24px lime inset;
}
.boxglow_orange {
	display: block;
	padding: 1em;
	background-color: rgba(255, 102, 0, 0.2);
	border: 1px solid darkorange;
	box-shadow: 0 0 18px darkorange, 0 0 24px darkorange, 0 0 18px darkorange inset, 0 0 24px darkorange inset;
}
.boxglow_pink {
	display: block;
	padding: 1em;
	background-color: rgba(255, 20, 147, 0.2);
	border: 1px solid hotpink;
	box-shadow: 0 0 18px hotpink, 0 0 24px hotpink, 0 0 18px hotpink inset, 0 0 24px hotpink inset;
}
.boxglow_red {
	display: block;
	padding: 1em;
	background-color: rgba(255, 0, 0, 0.2);
	border: 1px solid crimson;
	box-shadow: 0 0 18px crimson, 0 0 24px crimson, 0 0 18px crimson inset, 0 0 24px crimson inset;
}
.boxglow_white {
	display: block;
	padding: 1em;
	background-color: rgba(255, 255, 255, 0.2);
	border: 1px solid silver;
	box-shadow: 0 0 18px silver, 0 0 24px silver, 0 0 18px silver inset, 0 0 24px silver inset;
}
.boxglow_yellow {
	display: block;
	padding: 1em;
	background-color: rgba(255, 255, 0, 0.2);
	border: 1px solid yellow;
	box-shadow: 0 0 18px yellow, 0 0 24px yellow, 0 0 18px yellow inset, 0 0 24px yellow inset;
}

/*== 蛍光した表題つき説明欄 ==*/
/*-- 整形（基本色：白） --*/
.infoglow2 {
	display: block;
	box-sizing: border-box;
	width: auto;
	background-color: rgba(255, 255, 255, 0.2);
	border: 1px solid silver;
	box-shadow: 0 0 18px silver, 0 0 24px silver, 0 0 18px silver inset, 0 0 24px silver inset;
}
.infoglow2_caption {
	padding: 1rem 0.5rem 0.75rem;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	letter-spacing: 1px;
	text-shadow: 0 0 3px silver, 0 0 12px silver, 0 0 18px silver, 0 0 24px silver, 0 0 28px silver;
}
.infoglow2_border {
	display: block;
	margin: auto;
	padding: 0;
	width: auto;
	height: 1px;
	border: 1px solid silver;
	background-color: white;
}
.infoglow2_text {
	padding: 1.5em;
}
.infoglow2_text p {
	font-size: inherit;
	line-height: inherit;
}

/*-- 色変え --*/
.infoglow2--aqua {
	background-color: rgba(0, 255, 255, 0.2);
	border-color: aqua;
	box-shadow: 0 0 12px aqua inset, 0 0 12px aqua, 0 0 18px aqua, 0 0 24px aqua;
}
.infoglow2--aqua .infoglow2_caption {
	text-shadow: 0 0 3px aqua, 0 0 12px aqua, 0 0 18px aqua, 0 0 24px aqua, 0 0 28px aqua;
}
.infoglow2--aqua .infoglow2_border {
	border-color: aqua;
	box-shadow: 0 0 12px aqua, 0 0 18px aqua, 0 0 24px aqua, 0 0 28px aqua;
}
.infoglow2--blue {
	background-color: rgba(0, 0, 255, 0.2);
	border-color: royalblue;
	box-shadow: 0 0 12px royalblue inset, 0 0 12px royalblue, 0 0 18px royalblue, 0 0 24px royalblue;
}
.infoglow2--blue .infoglow2_caption {
	text-shadow: 0 0 3px royalblue, 0 0 12px royalblue, 0 0 18px royalblue, 0 0 24px royalblue, 0 0 28px royalblue;
}
.infoglow2--blue .infoglow2_border {
	border-color: royalblue;
	box-shadow: 0 0 12px royalblue, 0 0 18px royalblue, 0 0 24px royalblue, 0 0 28px royalblue;
}
.infoglow2--gold {
	background-color: rgba(255, 204, 0, 0.2);
	border-color: gold;
	box-shadow: 0 0 12px gold inset, 0 0 12px gold, 0 0 18px gold, 0 0 24px gold;
}
.infoglow2--gold .infoglow2_caption {
	text-shadow: 0 0 3px gold, 0 0 12px gold, 0 0 18px gold, 0 0 24px gold, 0 0 28px gold;
}
.infoglow2--gold .infoglow2_border {
	border-color: gold;
	box-shadow: 0 0 12px gold, 0 0 18px gold, 0 0 24px gold, 0 0 28px gold;
}
.infoglow2--green {
	background-color: rgba(0, 255, 0, 0.2);
	border-color: #00552e;
	box-shadow: 0 0 12px #00552e inset, 0 0 12px #00552e, 0 0 18px #00552e, 0 0 24px #00552e;
}
.infoglow2--green .infoglow2_caption {
	text-shadow: 0 0 3px #00552e, 0 0 12px #00552e, 0 0 18px #00552e, 0 0 24px #00552e, 0 0 28px #00552e;
}
.infoglow2--green .infoglow2_border {
	border-color: #00552e;
	box-shadow: 0 0 12px #00552e, 0 0 18px #00552e, 0 0 24px #00552e, 0 0 28px #00552e;
}
.infoglow2--lime {
	background-color: rgba(0, 255, 0, 0.2);
	border-color: lime;
	box-shadow: 0 0 12px lime inset, 0 0 12px lime, 0 0 18px lime, 0 0 24px lime;
}
.infoglow2--lime .infoglow2_caption {
	text-shadow: 0 0 3px lime, 0 0 12px lime, 0 0 18px lime, 0 0 24px lime, 0 0 28px lime;
}
.infoglow2--lime .infoglow2_border {
	border-color: lime;
	box-shadow: 0 0 12px lime, 0 0 18px lime, 0 0 24px lime, 0 0 28px lime;
}
.infoglow2--orange {
	background-color: rgba(255, 102, 0, 0.2);
	border-color: darkorange;
	box-shadow: 0 0 12px darkorange inset, 0 0 12px darkorange, 0 0 18px darkorange, 0 0 24px darkorange;
}
.infoglow2--orange .infoglow2_caption {
	text-shadow: 0 0 3px darkorange, 0 0 12px darkorange, 0 0 18px darkorange, 0 0 24px darkorange, 0 0 28px darkorange;
}
.infoglow2--orange .infoglow2_border {
	border-color: darkorange;
	box-shadow: 0 0 12px darkorange, 0 0 18px darkorange, 0 0 24px darkorange, 0 0 28px darkorange;
}
.infoglow2--pink {
	background-color: rgba(255, 20, 147, 0.2);
	border-color: hotpink;
	box-shadow: 0 0 12px hotpink inset, 0 0 12px hotpink, 0 0 18px hotpink, 0 0 24px hotpink;
}
.infoglow2--pink .infoglow2_caption {
	text-shadow: 0 0 3px hotpink, 0 0 12px hotpink, 0 0 18px hotpink, 0 0 24px hotpink, 0 0 28px hotpink;
}
.infoglow2--pink .infoglow2_border {
	border-color: hotpink;
	box-shadow: 0 0 12px hotpink, 0 0 18px hotpink, 0 0 24px hotpink, 0 0 28px hotpink;
}
.infoglow2--red {
	background-color: rgba(255, 0, 0, 0.2);
	border-color: crimson;
	box-shadow: 0 0 12px crimson inset, 0 0 12px crimson, 0 0 18px crimson, 0 0 24px crimson;
}
.infoglow2--red .infoglow2_caption {
	text-shadow: 0 0 3px crimson, 0 0 12px crimson, 0 0 18px crimson, 0 0 24px crimson, 0 0 28px crimson;
}
.infoglow2--red .infoglow2_border {
	border-color: crimson;
	box-shadow: 0 0 12px crimson, 0 0 18px crimson, 0 0 24px crimson, 0 0 28px crimson;
}
.infoglow2--yellow {
	background-color: rgba(255, 255, 0, 0.2);
	border-color: yellow;
	box-shadow: 0 0 12px yellow inset, 0 0 12px yellow, 0 0 18px yellow, 0 0 24px yellow;
}
.infoglow2--yellow .infoglow2_caption {
	text-shadow: 0 0 3px yellow, 0 0 12px yellow, 0 0 18px yellow, 0 0 24px yellow, 0 0 28px yellow;
}
.infoglow2--yellow .infoglow2_border {
	border-color: yellow;
	box-shadow: 0 0 12px yellow, 0 0 18px yellow, 0 0 24px yellow, 0 0 28px yellow;
}

/*========================================
	執事歌劇団Topicsページ用css
	→ コンテンツ表題（pngから差し替え）
========================================*/
#topics_catch {
	display: block;
	margin: auto auto 2em auto;
}
#topics_catch::before, #topics_catch::after {
	display: block;
	padding: 0;
	width: auto;
	height: 3px;
	background-color: white;
	border: 1px solid;
	border-color: #5c39f2;
	box-shadow: 0 0 12px #5c39f2, 0 0 18px #5c39f2, 0 0 24px #5c39f2, 0 0 28px #5c39f2;
	content: "";
}
#topics_catch--caption {
	display: block;
	padding: 0.5em;
	background-color: rgba(92, 57, 242, 0.2);
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: 1px;
	text-shadow: 0 0 3px #5c39f2, 0 0 12px #5c39f2, 0 0 18px #5c39f2, 0 0 24px #5c39f2, 0 0 28px #5c39f2;
}

/*========================================
	[執事歌劇団Topicsページ用css]
	上下二重線で色付き背景の枠
	 (DobleBorderFrame)
========================================*/
/*== 基本部分（白） ==*/
.dbframe {
	display: block;
	padding: 0 1em;
	border-style: double;
	border-width: 4px 0px;
}
.dbframe_caption, .dbframe_caption2 {
	display: block;
	padding: 0.5em;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.8;
	border-color: inherit;
	border-style: solid;
	border-width: 0 0 thin;
}
.dbframe_caption2 {
	border-top-width: thin;
}
.dbframe_body {
	display: block;
	margin: 1.5em 0.5em;
	line-height: 1.6;
}

/*== 枠と背景の色変え ==*/
.dbframe {
	border-color: silver;
	background-color: rgba(192, 192, 192, 0.2);
}
.dbframe--red {
	border-color: crimson;
	background-color: rgba(220, 20, 60, 0.2);
}
.dbframe--lime {
	border-color: lime;
	background-color: rgba(0, 255, 0, 0.2);
}
.dbframe--pink {
	border-color: deeppink;
	background-color: rgba(255, 20, 147, 0.2);
}
.dbframe--aqua {
	border-color: aqua;
	background-color: rgba(0, 255, 255, 0.2);
}
.dbframe--blue {
	border-color: royalblue;
	background-color: rgba(65, 105, 225, 0.2);
}
.dbframe--orange {
	border-color: darkorange;
	background-color: rgba(255, 140, 0, 0.2);
}
.dbframe--yellow {
	border-color: yellow;
	background-color: rgba(255, 255, 0, 0.2);
}
.dbframe--hotpink {
	border-color: hotpink;
	background-color: rgba(255, 105, 180, 0.2);
}
.dbframe--green {
	border-color: #008000;
	background-color: rgba(0, 128, 0, 0.2);
}

/*========================================
	[執事歌劇団Topicsページ用css]
	背景色付きの枠
========================================*/
/** 背景色付きの枠：共通設定 **/
:where(.colorframe_red, .colorframe_blue, .colorframe_green, .colorframe_pink, .colorframe_orange, .colorframe_purple, .colorframe_yellow, .colorframe_aqua, .colorframe_lime, .colorframe_white) {
	box-sizing: border-box;
	margin: auto;
	padding: 1em;
	outline-style: solid;
	outline-width: thin;
}

/** 背景色付きの枠：個別設定 **/
.colorframe_red {
	outline-color: #fa0000;
	background-color: rgba(250, 0, 0, 0.2);
}

.colorframe_blue {
	outline-color: royalblue;
	background-color: rgba(0, 0, 250, 0.2);
}

.colorframe_green {
	outline-color: #00fa00;
	background-color: rgba(0, 250, 0, 0.2);
}

.colorframe_pink {
	outline-color: deeppink;
	background-color: rgba(255, 20, 147, 0.2);
}

.colorframe_orange {
	outline-color: darkorange;
	background-color: rgba(255, 140, 0, 0.2);
}

.colorframe_purple {
	outline-color: violet;
	background-color: rgba(238, 130, 238, 0.2);
}

.colorframe_yellow {
	outline-color: #fcc800;
	background-color: rgba(252, 200, 0, 0.2);
}

.colorframe_aqua {
	outline-color: aqua;
	background-color: rgba(0, 255, 255, 0.2);
}

.colorframe_lime {
	outline-color: lime;
	background-color: rgba(0, 255, 0, 0.2);
}

.colorframe_white {
	outline-color: #fafafa;
	background-color: rgba(250, 250, 250, 0.2);
}

/** 背景色付きの枠：線種変更 **/
.colorframe_medium {
	outline-width: medium;
}
.colorframe_thick {
	outline-width: thick;
}
.colorframe_dash {
	outline-style: dashed;
}
.colorframe_dot {
	outline-style: dotted;
}
.colorframe_double {
	outline-style: double;
	outline-width: thick;
}

/*========================================
	執事歌劇団Topicsページ用css
	→ 会場販売品（画像から差し替え）
	※横幅（max-width）は呼び出し元で
========================================*/
/*_Topics販売品、大枠_*/
.topics_sales_item_wrapper {
	display: block;
}

/*_Topics販売品、１商品_*/
.topics_sales_item {
	display: block;
	width: auto;
	font-size: 1.4rem;
	font-weight: bold;
	margin: 2em auto;
	padding: 1.5em;
}
.topics_sales_item--header {
	letter-spacing: 1px;
	text-shadow: 0 0 3px hotpink, 0 0 12px hotpink, 0 0 18px hotpink, 0 0 24px hotpink, 0 0 28px hotpink;
	box-sizing: border-box;
	border-spacing: 0.5em 0;
	display: table;
	position: relative;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}
.topics_sales_item--header::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	background-color: white;
	border-bottom: 1px solid white;
	box-shadow: 0 0 12px hotpink, 0 0 18px hotpink, 0 0 24px hotpink, 0 0 28px hotpink;
}
.topics_sales_item--name {
	display: table-cell;
	width: 100%;
	text-align: left;
	font-size: 2em;
	font-style: normal;
}
.topics_sales_item--text {
	letter-spacing: 1px;
	text-shadow: 0 0 3px silver, 0 0 12px silver, 0 0 18px silver, 0 0 24px silver, 0 0 28px silver;
	padding: 1em;
	text-align: left;
}
.topics_sales_item--text p {
	font-size: 1.2em;
	line-height: 1.6;
}
.topics_sales_item--text p .append {
	margin: 1em auto;
}
.topics_sales_item--text2 {
	padding: 1.5rem;
	text-align: left;
	line-height: 1.6;
}
.topics_sales_item {
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 1.5em;
}
.topics_sales_item--price {
	display: table-cell;
	text-align: right;
	vertical-align: bottom;
	white-space: nowrap;
}
.topics_sales_item--append {
	letter-spacing: 1px;
	text-shadow: 0 0 3px hotpink, 0 0 12px hotpink, 0 0 18px hotpink, 0 0 24px hotpink, 0 0 28px hotpink;
	text-align: left;
	padding: 0 0.5em;
}
.topics_sales_item--image {
	margin: auto;
	text-align: center;
}
.topics_sales_item--image img {
	width: auto;
	max-width: 100%;
	margin: 1em;
}
.topics_sales_item--alert {
	display: block;
	padding: 1em;
	background-color: rgba(255, 255, 255, 0.2);
	border: 1px solid lightgray;
	box-shadow: 0 0 18px lightgray, 0 0 24px lightgray, 0 0 18px lightgray inset, 0 0 24px lightgray inset;
	margin: 1em auto;
	border: 2px solid lightgray;
	width: 100%;
	border-radius: 1em;
}
.topics_sales_item--alert--title {
	letter-spacing: 1px;
	text-shadow: 0 0 3px lightgray, 0 0 12px lightgray, 0 0 18px lightgray, 0 0 24px lightgray, 0 0 28px lightgray;
	font-size: 2em;
	line-height: inherit;
	text-align: center;
	padding-bottom: 0.5em;
	border-bottom: 1px solid silver;
}
.topics_sales_item--alert--ul {
	margin-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 1.1em;
	line-height: 1.6;
	list-style-type: none;
}
.topics_sales_item--alert--ul li {
	margin-top: 0.5em;
	text-align: left;
	position: relative;
	margin-left: 1.2em;
}
.topics_sales_item--alert--ul li::before {
	content: "※";
	font-family: monospace, serif;
	display: block;
	position: absolute;
	top: 0;
	left: -1.2em;
	width: 1.2em;
}
.topics_sales_item--header2 {
	letter-spacing: 1px;
	text-shadow: 0 0 3px hotpink, 0 0 12px hotpink, 0 0 18px hotpink, 0 0 24px hotpink, 0 0 28px hotpink;
	box-sizing: border-box;
	border-spacing: 0.5em 0;
	display: block;
	width: 100%;
	position: relative;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}
.topics_sales_item--header2::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	background-color: white;
	border-bottom: 1px solid white;
	box-shadow: 0 0 12px hotpink, 0 0 18px hotpink, 0 0 24px hotpink, 0 0 28px hotpink;
}
.topics_sales_item--name2 {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 2em;
	font-style: normal;
	position: relative;
	margin-left: 1.2em;
}
.topics_sales_item--name2::before {
	content: "❖";
	font-family: monospace, serif;
	display: block;
	position: absolute;
	top: 0;
	left: -1.2em;
	width: 1.2em;
}
.topics_sales_item--price2 {
	display: block;
	width: 100%;
	text-align: right;
	vertical-align: bottom;
	white-space: nowrap;
}
.topics_sales_item--alert2 {
	box-sizing: border-box;
	width: 100%;
	margin: 1rem auto auto;
	padding: 1rem;
	border: medium solid lightgray;
	border-radius: 1.5rem;
}
.topics_sales_item--alert2::before {
	display: block;
	content: "ご注意事項";
	letter-spacing: 0.2em;
	font-size: 1.6em;
	font-weight: bold;
	border-bottom-width: thin;
	border-bottom-style: solid;
	margin-bottom: 1.25rem;
	padding-bottom: 0.75rem;
}
.topics_sales_item--alert2 > ul {
	text-align: left;
	text-align: start;
	margin: 0;
	padding: 0;
	list-style-type: "※";
	line-height: 1.6;
}
.topics_sales_item--alert2 > ul > li {
	margin: 0.5rem auto auto 1.5rem;
	padding-left: 0.25rem;
	font-feature-settings: "palt" 1;
}

.topics_sales_other {
	display: block;
	width: auto;
	font-size: 1.4rem;
	font-weight: bold;
}
.topics_sales_other--text {
	letter-spacing: 1px;
	text-shadow: 0 0 3px hotpink, 0 0 12px hotpink, 0 0 18px hotpink, 0 0 24px hotpink, 0 0 28px hotpink;
	padding: 1em;
	text-align: left;
}
.topics_sales_other--text p {
	font-size: 1.2em;
	line-height: 1.6;
}
.topics_sales_other--text p .append {
	margin: 1em auto;
}
.topics_sales_other--text2 {
	padding: 1.5rem;
	text-align: left;
	line-height: 1.6;
}
.topics_sales_other--text p {
	position: relative;
	margin-left: 1.2em;
}
.topics_sales_other--text p::before {
	content: "❖";
	font-family: monospace, serif;
	display: block;
	position: absolute;
	top: 0;
	left: -1.2em;
	width: 1.2em;
}

/*========================================
	執事歌劇団Topicsページ用css
	→ その他整形
========================================*/
/*== Topics各ブロック ==*/
.topics_category_area {
	display: block;
	text-align: center;
	margin: 5vh auto auto;
}

/*== Topicsページ：イベント概要（リスト表示） ==*/
.topics_detail, dl.topics_eventdetail_circle, dl.topics_eventdetail {
	/*max-width, text-aling等は呼び出し元で定義*/
	display: block;
	line-height: 1.6;
}
.topics_detail > dt, dl.topics_eventdetail_circle > dt, dl.topics_eventdetail > dt {
	color: gold;
	font-size: larger;
	font-weight: bold;
	margin-block-start: 1.5em;
}
.topics_detail > dt::before, dl.topics_eventdetail_circle > dt::before, dl.topics_eventdetail > dt::before {
	font-family: monospace, serif;
	padding-inline-end: 0.25em;
}
.topics_detail > dt.underline, dl.topics_eventdetail_circle > dt.underline, dl.topics_eventdetail > dt.underline {
	padding-block-end: 0.25em;
	border-block-end: thin solid gold;
}
.topics_detail > dt.underline--dot, dl.topics_eventdetail_circle > dt.underline--dot, dl.topics_eventdetail > dt.underline--dot {
	padding-block-end: 0.25em;
	border-block-end: thin dotted gold;
}
.topics_detail > dt.underline--dash, dl.topics_eventdetail_circle > dt.underline--dash, dl.topics_eventdetail > dt.underline--dash {
	padding-block-end: 0.25em;
	border-block-end: thin dashed gold;
}
.topics_detail > dd, dl.topics_eventdetail_circle > dd, dl.topics_eventdetail > dd {
	margin-left: 1.5em;
	margin-top: 1em;
}

dl.topics_eventdetail > dt::before {
	content: "■";
}
dl.topics_eventdetail_circle > dt::before {
	content: "●";
}

.topics_detail > dt::before {
	content: "■";
}

/*== <dt>マーク変更 ==*/
.topics_detail--circle > dt::before {
	content: "●";
}
.topics_detail--hishi > dt::before {
	content: "◆";
}
.topics_detail--box > dt::before {
	content: "■";
}
.topics_detail--star > dt::before {
	content: "★";
}
.topics_detail--circle2 > dt::before {
	content: "◎";
}
.topics_detail--w_circle > dt::before {
	content: "○";
}
.topics_detail--w_box > dt::before {
	content: "□";
}
.topics_detail--w_hishi > dt::before {
	content: "◇";
}
.topics_detail--w_star > dt::before {
	content: "☆";
}

/*== <dt>色変更 ==*/
.topics_detail--white > dt {
	color: white;
	border-color: white;
}
.topics_detail--aqua > dt {
	color: aqua;
	border-color: aqua;
}
.topics_detail--lime > dt {
	color: lime;
	border-color: lime;
}
.topics_detail--yellow > dt {
	color: yellow;
	border-color: yellow;
}
.topics_detail--orange > dt {
	color: darkorange;
	border-color: darkorange;
}
.topics_detail--gold > dt {
	color: gold;
	border-color: gold;
}

/*== <dt>装飾 ==*/
.topics_detail--solid > dt {
	padding-block-end: 0.25em;
	border-block-end-width: thin;
	border-block-end-style: solid;
}
.topics_detail--dash > dt {
	padding-block-end: 0.25em;
	border-block-end-width: thin;
	border-block-end-style: dashed;
}
.topics_detail--dot > dt {
	padding-block-end: 0.25em;
	border-block-end-width: thin;
	border-block-end-style: dashed;
}

/*== Topicsページ：スケジュール表（tableタグ） ==*/
.event_schedule_table {
	width: 100%;
	border-collapse: collapse;
	border: 2px solid silver;
}
.event_schedule_table thead th {
	font-size: larger;
}
.event_schedule_table thead th :first-child {
	max-width: 30%;
}
.event_schedule_table th, .event_schedule_table td {
	padding: 1em;
	text-align: center;
	border: 1px solid silver;
}
.event_schedule_table th {
	font-weight: bold;
	white-space: nowrap;
	background-color: rgba(255, 255, 250, 0.2);
}

/*== 完売告知文 ==*/
.soldoutinfo {
	display: block;
	margin: 1em;
	text-align: center;
	font-weight: bold;
	color: hotpink;
}
.soldoutinfo2 {
	display: block;
	margin: 1rem auto 1rem -1rem;
	padding: 1em;
	text-align: center;
	font-weight: bold;
	color: hotpink;
	border: thin dotted deeppink;
	border-radius: 1.5rem;
}

/*== 注釈 ==*/
.autonotes {
	position: relative;
	margin-left: 1.2em;
	padding-left: 0.1em;
	align-items: baseline;
}
.autonotes::before {
	display: block;
	position: absolute;
	top: 0;
	left: -1.2em;
	width: 1.2em;
	font-family: monospace, serif;
	content: "※";
}

/*== イベント名の整形 ==*/
/*== 左右に二重鍵括弧（『』）、<cite>対策で斜体解除 ==*/
.kakko2 {
	font-style: normal;
}
.kakko2::before {
	content: "『";
	font-family: monospace, serif;
}
.kakko2::after {
	content: "』";
	font-family: monospace, serif;
}

/*== 左右に引用符（《》）を付加 ==*/
.aquomark::before {
	content: "«";
	font-family: monospace, serif;
	padding-inline-end: 0.5em;
}
.aquomark::after {
	content: "»";
	font-family: monospace, serif;
	padding-inline-start: 0.5em;
}
.aquomark2::before {
	content: "《";
	font-family: monospace, serif;
	padding-inline-end: 0.5em;
}
.aquomark2::after {
	content: "》";
	font-family: monospace, serif;
	padding-inline-start: 0.5em;
}

/*== 購入フォームリンク部分 ==*/
.formlinkarea {
	display: block;
	padding: 1rem 0;
	margin: auto;
	font-size: inherit;
	line-height: inherit;
	text-align: center;
}
.formlinkarea a {
	margin: 1rem auto;
}
.formlinkarea a:hover img {
	filter: drop-shadow(0 0 1rem rgba(255, 255, 255, 0.5));
}

/*========================================
	2コンテナのFlexBox（CD/DVDなど）
	→ 画像と情報（縦書き）が横並び
========================================*/
.cddvd--frame {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
}
.cddvd--items {
	display: block;
}

/** サブ情報 **/
.mw_250px {
	max-width: 250px;
}
.mw_300px {
	max-width: 300px;
}

dl.discinfo_subdata {
	margin: auto;
}
dl.discinfo_subdata > dt {
	margin-top: 1rem;
	color: aqua;
	font-weight: bold;
}
dl.discinfo_subdata > dt::before {
	content: "«";
	font-family: monospace, serif;
	padding-right: 0.25em;
}
dl.discinfo_subdata > dt::after {
	content: "»";
	font-family: monospace, serif;
	padding-left: 0.25em;
}
dl.discinfo_subdata > dd {
	margin: 0.5rem auto;
}
dl.discinfo_subdata > dd > span {
	white-space: nowrap;
}

/*========================================
	CD・DVDの情報告知用（その２）
	→ 画像の下に情報を横並びにする
========================================*/
.discinfo2_imagearea {
	margin: 1rem auto;
	text-align: center;
}
.discinfo2_imagearea img {
	margin: auto;
}
.discinfo2_dataarea {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 1rem;
	line-height: 1.6;
}
.discinfo2_data {
	display: block;
	padding: 0.5rem;
}
.discinfo2_data_title {
	padding: 0.25rem 0.5rem;
	font-weight: bold;
}
.discinfo2_data_child {
	padding: 0.5rem;
}

/*(discinfo2特殊)*/
.discinfo2_data .topics_eventdetail dt:first-of-type {
	margin-top: 0.5em;
}

/*========================================
	CD・DVDの情報告知用（その３）
	→ 画像の下に商品説明をテーブル表記
========================================*/
.discinfo3 {
	margin: auto;
	width: 100%;
}
.discinfo3_title {
	font-weight: bold;
	padding-bottom: 1rem;
	border-bottom: thin solid silver;
}
.discinfo3_image {
	margin-inline: auto;
	margin-block: 2.5rem;
	text-align: center;
}
.discinfo3_detail {
	display: table;
	width: 100%;
	margin-inline: auto;
	margin-block: 2rem auto;
	border-collapse: collapse;
	border-style: solid;
	border-color: silver;
	border-width: thin 0 0 thin;
}
.discinfo3_detail_tr {
	display: table-row;
}
.discinfo3_detail_th {
	font-weight: bold;
	color: gold;
	white-space: nowrap;
}
.discinfo3_detail_th::before {
	content: "■";
	padding-inline-end: 0.25em;
	font-family: monospace, serif;
}
.discinfo3_detail_th, .discinfo3_detail_td {
	display: table-cell;
	padding: 1rem;
	border-style: solid;
	border-color: silver;
	border-width: 0 thin thin 0;
}

/** discinfo3 Grid対応 **/
@supports (display: grid) {
	.discinfo3_detail {
		display: grid;
		grid-template-columns: min-content 1fr;
		gap: 0;
	}
	.discinfo3_detail_tr {
		display: contents;
	}
	.discinfo3_detail_th {
		display: block;
	}
	.discinfo3_detail_td {
		display: block;
	}
}
/*========================================
	CD・DVDのトラックリスト
	(ol,ul共通、外をclassで囲む)
========================================*/
/*== ==*/
.tracklist ol, .tracklist ul {
	margin-left: -1.5rem;
	line-height: 1.5;
}
.tracklist ol {
	list-style-type: decimal;
}
.tracklist ol.topzero {
	list-style-type: decimal-leading-zero;
}
.tracklist li {
	margin-top: 0.5rem;
}

/*========================================
	[執事歌劇団 Topicsページ用css]
	破線の枠線付きリストグループ
========================================*/
dl.dashedlistgroup {
	margin: 1rem auto;
	padding: 1rem 1rem 0.5rem;
	border-style: dashed;
	border-width: 2px;
	border-collapse: separate;
	border-spacing: 1.5rem 1rem;
	border-radius: 1rem;
}
dl.dashedlistgroup > dt {
	margin: 1rem auto;
	font-size: larger;
}
dl.dashedlistgroup > dt:before {
	content: "■";
	font-family: monospace, serif;
	padding-right: 0.25em;
}
dl.dashedlistgroup > dd {
	margin: auto auto 2rem 2rem;
}
dl.dashedlistgroup--orange {
	border-color: darkorange;
}
dl.dashedlistgroup--orange > dt:before {
	color: darkorange;
}
dl.dashedlistgroup--yellow {
	border-color: yellow;
}
dl.dashedlistgroup--yellow > dt:before {
	color: yellow;
}

/*========================================
	[執事歌劇団 Topicsページ用css]
	枠飾り画像付きフレーム(css3使用)
========================================*/
/*== 枠飾りフレーム：表題 ==*/
.imageframe--title, .imageframe--title2 {
	text-align: center;
	margin: auto auto 1.5em;
	padding-bottom: 0.5em;
	font-size: 2.1rem;
	font-weight: bold;
	border-style: none none solid;
	border-width: 0 0 thin;
}
.imageframe--title2 {
	padding-top: 0.5em;
	border-top-style: solid;
	border-top-width: thin;
}

/*== 枠飾りフレーム：innerの位置調整なし（内容エリアが枠分縮小） ==*/
/*== "XXXXXX_inner"と同クラスで定義 ==*/
.imageframe_inner--noset {
	margin: auto !important;
}

/*== 枠1 ==*/
/*枠1：共通*/
:where(.imageframe1, .imageframe1blue, .imageframe1pink, .imageframe1lime, .imageframe1aqua, .imageframe1orange, .imageframe1yellow, .imageframe1white, .imageframe1a--blue, .imageframe1a--pink, .imageframe1a--lime, .imageframe1a--aqua, .imageframe1a--orange, .imageframe1a--yellow, .imageframe1a--red) {
	box-sizing: border-box;
	border-style: solid;
	border-width: 100px;
	border-image-outset: 0;
	border-image-repeat: repeat;
	border-image-slice: 100 fill;
}
:where(.imageframe1, .imageframe1blue, .imageframe1pink, .imageframe1lime, .imageframe1aqua, .imageframe1orange, .imageframe1yellow, .imageframe1white, .imageframe1a--blue, .imageframe1a--pink, .imageframe1a--lime, .imageframe1a--aqua, .imageframe1a--orange, .imageframe1a--yellow, .imageframe1a--red) > .imageframe1_inner {
	margin: -60px -50px;
	overflow-wrap: anywhere;
}

/*枠1：個別*/
.imageframe1 {
	border-image-source: url("/opera/images/topics/common/waku1.png");
}

.imageframe1blue {
	border-image-source: url("/opera/images/topics/common/waku1blue.png");
}

.imageframe1pink {
	border-image-source: url("/opera/images/topics/common/waku1pink.png");
}

.imageframe1lime {
	border-image-source: url("/opera/images/topics/common/waku1lime.png");
}

.imageframe1aqua {
	border-image-source: url("/opera/images/topics/common/waku1aqua.png");
}

.imageframe1orange {
	border-image-source: url("/opera/images/topics/common/waku1orange.png");
}

.imageframe1yellow {
	border-image-source: url("/opera/images/topics/common/waku1yellow.png");
}

.imageframe1white {
	border-image-source: url("/opera/images/topics/common/waku1white.png");
}

.imageframe1a--blue {
	border-image-source: url("/opera/images/topics/common/waku1a_blue.png");
}

.imageframe1a--pink {
	border-image-source: url("/opera/images/topics/common/waku1a_pink.png");
}

.imageframe1a--lime {
	border-image-source: url("/opera/images/topics/common/waku1a_lime.png");
}

.imageframe1a--aqua {
	border-image-source: url("/opera/images/topics/common/waku1a_aqua.png");
}

.imageframe1a--orange {
	border-image-source: url("/opera/images/topics/common/waku1a_orange.png");
}

.imageframe1a--yellow {
	border-image-source: url("/opera/images/topics/common/waku1a_yellow.png");
}

.imageframe1a--red {
	border-image-source: url("/opera/images/topics/common/waku1a_red.png");
}

/*== 枠２ ==*/
/*枠2：スマホ・タブ画面*/
@media screen and (max-width: 768px) {
	:where(.imageframe2, .imageframe2back0, .imageframe2back1, .imageframe2pink, .imageframe2aqua, .imageframe2lime, .imageframe2orange, .imageframe2yellow, .imageframe2red, .imageframe2purple) {
		box-sizing: border-box;
		border-style: solid;
		border-width: 35px;
		border-image-outset: 0;
		border-image-repeat: repeat;
		border-image-slice: 35 fill;
	}
	:where(.imageframe2, .imageframe2back0, .imageframe2back1, .imageframe2pink, .imageframe2aqua, .imageframe2lime, .imageframe2orange, .imageframe2yellow, .imageframe2red, .imageframe2purple) > .imageframe2_inner {
		margin: -5px 0;
		overflow-wrap: anywhere;
	}
	.imageframe2 {
		border-image-source: url("/opera/images/topics/common/waku2s_2.png");
	}
	.imageframe2back0 {
		border-image-source: url("/opera/images/topics/common/waku2s_0.png");
	}
	.imageframe2back1 {
		border-image-source: url("/opera/images/topics/common/waku2s_1.png");
	}
	.imageframe2pink {
		border-image-source: url("/opera/images/topics/common/waku2pink_s.png");
	}
	.imageframe2aqua {
		border-image-source: url("/opera/images/topics/common/waku2aqua_s.png");
	}
	.imageframe2lime {
		border-image-source: url("/opera/images/topics/common/waku2lime_s.png");
	}
	.imageframe2orange {
		border-image-source: url("/opera/images/topics/common/waku2orange_s.png");
	}
	.imageframe2yellow {
		border-image-source: url("/opera/images/topics/common/waku2yellow_s.png");
	}
	.imageframe2red {
		border-image-source: url("/opera/images/topics/common/waku2red_s.png");
	}
	.imageframe2purple {
		border-image-source: url("/opera/images/topics/common/frame/waku2purple_s.png");
	}
}
/* 枠2：それ以外(通常) */
@media print, not screen and (max-width: 768px) {
	:where(.imageframe2, .imageframe2back0, .imageframe2back1, .imageframe2pink, .imageframe2aqua, .imageframe2lime, .imageframe2orange, .imageframe2yellow, .imageframe2red, .imageframe2purple) {
		box-sizing: border-box;
		border-style: solid;
		border-width: 70px;
		border-image-outset: 0;
		border-image-repeat: repeat;
		border-image-slice: 70 fill;
	}
	:where(.imageframe2, .imageframe2back0, .imageframe2back1, .imageframe2pink, .imageframe2aqua, .imageframe2lime, .imageframe2orange, .imageframe2yellow, .imageframe2red, .imageframe2purple) > .imageframe2_inner {
		margin: -10px 0;
		overflow-wrap: anywhere;
	}
	.imageframe2 {
		border-image-source: url("/opera/images/topics/common/waku2.png");
	}
	.imageframe2back0 {
		border-image-source: url("/opera/images/topics/common/waku2_bk00p.png");
	}
	.imageframe2back1 {
		border-image-source: url("/opera/images/topics/common/waku2_bk10p.png");
	}
	.imageframe2pink {
		border-image-source: url("/opera/images/topics/common/waku2pink.png");
	}
	.imageframe2aqua {
		border-image-source: url("/opera/images/topics/common/waku2aqua.png");
	}
	.imageframe2lime {
		border-image-source: url("/opera/images/topics/common/waku2lime.png");
	}
	.imageframe2orange {
		border-image-source: url("/opera/images/topics/common/waku2orange.png");
	}
	.imageframe2yellow {
		border-image-source: url("/opera/images/topics/common/waku2yellow.png");
	}
	.imageframe2red {
		border-image-source: url("/opera/images/topics/common/waku2red.png");
	}
	.imageframe2purple {
		border-image-source: url("/opera/images/topics/common/frame/waku2purple.png");
	}
}
/*== 枠3（基準色：白） ==*/
/*枠3：共通*/
:where(.imageframe3, .imageframe3blue, .imageframe3pink, .imageframe3aqua, .imageframe3lime, .imageframe3red, .imageframe3orange, .imageframe3purple) {
	box-sizing: border-box;
	border-style: solid;
	border-width: 150px 85px 0;
	border-image-outset: 0;
	border-image-repeat: repeat;
	border-image-slice: 150 85 0 fill;
}
:where(.imageframe3, .imageframe3blue, .imageframe3pink, .imageframe3aqua, .imageframe3lime, .imageframe3red, .imageframe3orange, .imageframe3purple) > .imageframe3_inner {
	margin: -100px -35px auto;
	overflow-wrap: anywhere;
}

/*枠3：固有*/
.imageframe3_inner {
	padding-bottom: 1.4rem;
}

.imageframe3 {
	border-image-source: url("/opera/images/topics/common/waku3.png");
}

.imageframe3blue {
	border-image-source: url("/opera/images/topics/common/waku3blue.png");
}

.imageframe3pink {
	border-image-source: url("/opera/images/topics/common/waku3pink.png");
}

.imageframe3aqua {
	border-image-source: url("/opera/images/topics/common/waku3aqua.png");
}

.imageframe3lime {
	border-image-source: url("/opera/images/topics/common/waku3lime.png");
}

.imageframe3red {
	border-image-source: url("/opera/images/topics/common/waku3red.png");
}

.imageframe3orange {
	border-image-source: url("/opera/images/topics/common/waku3orange.png");
}

.imageframe3purple {
	border-image-source: url("/opera/images/topics/common/frame/waku03purple.png");
}

/*== 枠4（基準色：白） ==*/
/*枠4：共通*/
:where(.imageframe4, .imageframe4blue, .imageframe4pink, .imageframe4aqua, .imageframe4lime, .imageframe4red, .imageframe4orange) {
	box-sizing: border-box;
	border-style: solid;
	border-width: 165px 130px;
	border-image-outset: 0;
	border-image-repeat: repeat;
	border-image-slice: 165 130 fill;
}
:where(.imageframe4, .imageframe4blue, .imageframe4pink, .imageframe4aqua, .imageframe4lime, .imageframe4red, .imageframe4orange) > .imageframe4_inner {
	margin: -110px -75px;
	overflow-wrap: anywhere;
}

/*枠4：固有*/
.imageframe4 {
	border-image-source: url("/opera/images/topics/common/waku4.png");
}

.imageframe4blue {
	border-image-source: url("/opera/images/topics/common/waku4blue.png");
}

.imageframe4pink {
	border-image-source: url("/opera/images/topics/common/waku4pink.png");
}

.imageframe4aqua {
	border-image-source: url("/opera/images/topics/common/waku4aqua.png");
}

.imageframe4lime {
	border-image-source: url("/opera/images/topics/common/waku4lime.png");
}

.imageframe4red {
	border-image-source: url("/opera/images/topics/common/waku4red.png");
}

.imageframe4orange {
	border-image-source: url("/opera/images/topics/common/waku4orange.png");
}

/*== ハロウィン専用の枠飾り ==*/
.imageframe_hw {
	box-sizing: border-box;
	border-style: solid;
	border-image-outset: 0;
	border-image-repeat: repeat;
}
.imageframe_hw_title {
	text-align: center;
	padding-bottom: 0.7rem;
	border-bottom: 1px solid;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.imageframe_hw {
		border-width: 0 71px 73px;
		border-image-slice: 0 71 73 fill;
		border-image-source: url("/opera/images/topics/common/waku_halloween_s.png");
	}
	.imageframe_hw_inner {
		margin: auto -15px -50px;
	}
	.imageframe_hw_title {
		margin: auto -60px 2.1rem;
	}
}
@media print, not screen and (max-width: 768px) {
	.imageframe_hw {
		border-width: 0 142px 146px;
		border-image-slice: 0 142 146 fill;
		border-image-source: url("/opera/images/topics/common/waku_halloween.png");
	}
	.imageframe_hw_inner {
		margin: auto -30px -100px;
	}
	.imageframe_hw_title {
		margin: auto -120px 2.1rem;
	}
}

/*== 夏祭り用の枠飾り（※フレーム未使用) ==*/
.imageframe_natsu_inner_wh, .imageframe_natsu_inner_bk {
	width: 100%;
	padding: 1.4rem;
	border-radius: 1.4rem;
}

.imageframe_natsu {
	padding: 1.4rem;
	border-radius: 1.4rem;
	background: url("/opera/images/topics/20210630/bg.jpg") repeat center center;
}
.imageframe_natsu_inner_bk {
	background-color: rgba(0, 0, 0, 0.3);
}
.imageframe_natsu_inner_wh {
	background-color: rgba(255, 255, 255, 0.3);
}

/*== 枠10（基準色：赤） ==*/
/*枠10：共通*/
:where(.imageframe10, .imageframe10--aqua, .imageframe10--lime, .imageframe10--pink, .imageframe10--white, .imageframe10--yellow) {
	box-sizing: border-box;
	border-style: solid;
	border-width: 65px 140px;
	border-image-outset: 0;
	border-image-repeat: repeat;
	border-image-slice: 65 140 fill;
}
:where(.imageframe10, .imageframe10--aqua, .imageframe10--lime, .imageframe10--pink, .imageframe10--white, .imageframe10--yellow) > .imageframe10_inner {
	margin: -1em calc(-140px + 1.5em);
	overflow-wrap: anywhere;
}

/*枠10：固有*/
.imageframe10 {
	border-image-source: url("/opera/images/topics/common/frame/waku10.png");
}
.imageframe10 > .imageframe10_inner {
	color: #ff7870;
}

.imageframe10--aqua {
	border-image-source: url("/opera/images/topics/common/frame/waku10aqua.png");
}
.imageframe10--aqua > .imageframe10_inner {
	color: #96ebf0;
}

.imageframe10--lime {
	border-image-source: url("/opera/images/topics/common/frame/waku10lime.png");
}
.imageframe10--lime > .imageframe10_inner {
	color: #7ef075;
}

.imageframe10--pink {
	border-image-source: url("/opera/images/topics/common/frame/waku10pink.png");
}
.imageframe10--pink > .imageframe10_inner {
	color: #ff6add;
}

.imageframe10--white {
	border-image-source: url("/opera/images/topics/common/frame/waku10white.png");
}
.imageframe10--white > .imageframe10_inner {
	color: #fffafa;
}

.imageframe10--yellow {
	border-image-source: url("/opera/images/topics/common/frame/waku10yellow.png");
}
.imageframe10--yellow > .imageframe10_inner {
	color: #ffe367;
}

/*== 枠11（基準色：白） ==*/
/*枠11：共通*/
:where(.imageframe11, .imageframe11--aqua, .imageframe11--lime, .imageframe11--blue, .imageframe11--pink, .imageframe11--red, .imageframe11--yellow, .imageframe11--purple, .imageframe11--orange, .imageframe11g--aqua, .imageframe11g--lime, .imageframe11g--pink, .imageframe11g--blue, .imageframe11g--red, .imageframe11g--yellow, .imageframe11g--purple, .imageframe11g--orange, .imageframe11g--white) {
	box-sizing: border-box;
	border-style: solid;
	border-width: 140px;
	border-image-outset: 0;
	border-image-repeat: repeat;
	border-image-slice: 140 fill;
}
:where(.imageframe11, .imageframe11--aqua, .imageframe11--lime, .imageframe11--blue, .imageframe11--pink, .imageframe11--red, .imageframe11--yellow, .imageframe11--purple, .imageframe11--orange, .imageframe11g--aqua, .imageframe11g--lime, .imageframe11g--pink, .imageframe11g--blue, .imageframe11g--red, .imageframe11g--yellow, .imageframe11g--purple, .imageframe11g--orange, .imageframe11g--white) > .imageframe11_inner {
	margin: -60px;
	overflow-wrap: anywhere;
}

/*枠11：固有*/
.imageframe11 {
	border-image-source: url("/opera/images/topics/common/frame/waku11.png");
}
.imageframe11 > .imageframe11_inner {
	color: #fafafa;
}

.imageframe11--aqua {
	border-image-source: url("/opera/images/topics/common/frame/waku11aqua.png");
}
.imageframe11--aqua > .imageframe11_inner {
	color: #96ebf0;
}

.imageframe11--lime {
	border-image-source: url("/opera/images/topics/common/frame/waku11lime.png");
}
.imageframe11--lime > .imageframe11_inner {
	color: #7ef075;
}

.imageframe11--blue {
	border-image-source: url("/opera/images/topics/common/frame/waku11blue.png");
}
.imageframe11--blue > .imageframe11_inner {
	color: #00aaff;
}

.imageframe11--pink {
	border-image-source: url("/opera/images/topics/common/frame/waku11pink.png");
}
.imageframe11--pink > .imageframe11_inner {
	color: #ff6add;
}

.imageframe11--red {
	border-image-source: url("/opera/images/topics/common/frame/waku11red.png");
}
.imageframe11--red > .imageframe11_inner {
	color: #ff7870;
}

.imageframe11--yellow {
	border-image-source: url("/opera/images/topics/common/frame/waku11yellow.png");
}
.imageframe11--yellow > .imageframe11_inner {
	color: #ffe367;
}

.imageframe11--purple {
	border-image-source: url("/opera/images/topics/common/frame/waku11purple.png");
}
.imageframe11--purple > .imageframe11_inner {
	color: #cc99ff;
}

.imageframe11--orange {
	border-image-source: url("/opera/images/topics/common/frame/waku11orange.png");
}
.imageframe11--orange > .imageframe11_inner {
	color: darkorange;
}

.imageframe11g--aqua {
	border-image-source: url("/opera/images/topics/common/frame/waku11g_aqua.png");
}

.imageframe11g--lime {
	border-image-source: url("/opera/images/topics/common/frame/waku11g_lime.png");
}

.imageframe11g--pink {
	border-image-source: url("/opera/images/topics/common/frame/waku11g_pink.png");
}

.imageframe11g--blue {
	border-image-source: url("/opera/images/topics/common/frame/waku11g_blue.png");
}

.imageframe11g--red {
	border-image-source: url("/opera/images/topics/common/frame/waku11g_red.png");
}

.imageframe11g--yellow {
	border-image-source: url("/opera/images/topics/common/frame/waku11g_yellow.png");
}

.imageframe11g--purple {
	border-image-source: url("/opera/images/topics/common/frame/waku11g_purple.png");
}

.imageframe11g--orange {
	border-image-source: url("/opera/images/topics/common/frame/waku11g_orange.png");
}

.imageframe11g--white {
	border-image-source: url("/opera/images/topics/common/frame/waku11g_white.png");
}

/*========================================
	ハナオト外部通販用クッションページcss
========================================*/
/*== 文字リンクの背景を目立たす（黒背景用） ==*/
a.backcolor {
	background-color: #0f2350;
	padding: 0.25em 0.5em;
}

/*========================================
========================================*/
/*== 枠5 220621test==*/
@media (min-width: 992px) {
	.imageframe5, .imageframe5back0, .imageframe5back1 {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-style: solid;
		border-width: 70px;
		border-image-slice: 70 fill;
		border-image-outset: 0;
		border-image-repeat: repeat;
	}
}
@media (min-width: 1200px) {
	.imageframe5, .imageframe5back0, .imageframe5back1 {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-style: solid;
		border-width: 70px;
		border-image-slice: 70 fill;
		border-image-outset: 0;
		border-image-repeat: repeat;
	}
}
.imageframe5 {
	border-image-source: url("/opera/images/topics/common/waku2.png");
}

.imageframe5back0 {
	border-image-source: url("/opera/images/topics/common/waku2_bk00p.png");
}

@media (min-width: 992px) {
	.imageframe5back1 {
		border-image-source: url("/opera/images/topics/common/waku2_bk10p.png");
	}
}
@media (min-width: 1200px) {
	.imageframe5back1 {
		border-image-source: url("/opera/images/topics/common/waku2_bk10p.png");
	}
}
.imageframe5_inner {
	margin: -10px 0;
}

/*========================================
	ie11非対応CSS対策
========================================*/
/* イベント概要 */
_:-ms-lang(x)::-ms-backdrop, .topics_detail > dt {
	margin-top: 1.5em;
}

_:-ms-lang(x)::-ms-backdrop, .topics_detail > dt::before {
	padding-right: 0.25em;
}

_:-ms-lang(x)::-ms-backdrop, .topics_detail > dt.underline {
	padding-bottom: 0.25em;
	border-bottom: thin solid gold;
}

_:-ms-lang(x)::-ms-backdrop, .topics_detail > dt.underline--dot {
	padding-bottom: 0.25em;
	border-bottom: thin dotted gold;
}

_:-ms-lang(x)::-ms-backdrop, .topics_detail > dt.underline--dash {
	padding-bottom: 0.25em;
	border-bottom: thin dashed gold;
}

/* 新譜情報(ver.3) */
_:-ms-lang(x)::-ms-backdrop, .discinfo3_image {
	margin: 2.8rem auto;
}

_:-ms-lang(x)::-ms-backdrop, .discinfo3_detail {
	margin: 2.1rem auto auto;
}

_:-ms-lang(x)::-ms-backdrop, .discinfo3_detail_th::before {
	padding-right: 0.25em;
}

/* aquomark */
_:-ms-lang(x)::-ms-backdrop, .aquomark::before {
	padding-right: 0.5em;
}

_:-ms-lang(x)::-ms-backdrop, .aquomark::after {
	padding-left: 0.5em;
}

_:-ms-lang(x)::-ms-backdrop, .aquomark2::before {
	padding-right: 0.5em;
}

_:-ms-lang(x)::-ms-backdrop, .aquomark2::after {
	padding-left: 0.5em;
}

/*========================================
========================================*/
/*========================================
========================================*/