@charset "utf-8";
/***************************************************
information
  filename : alert_parts.css;
***************************************************/

/*======== app_sysart_dez.css ========*/
/****************** アラート系共通（注意書きボックス） ******************/

/* ** alert_basic start ** */
/*** 共通設定 ***/

/*** 注意文のマージン設定 ***/
.CautMg {margin: var(--CautBox-mg);} /* マージン */

/* ** alert_basic end ** */

/*** 全体共通注意書きエリア ***/

/* ** alert0101 start ** */
/*** 0101: 背景黄色注意書き部分 ***/
.Art {
	padding: var(--CautBox-pd); /* パディング */
	font-size: var(--font-CautBox); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautBox-rod);-webkit-border-radius: var(--CautBox-rod);-moz-border-radius: var(--CautBox-rod); /* 角丸 */
	color: var(--Art-txt); /* テキスト色 */
	background: var(--Art-bg); /* 背景色 */
	border: var(--Art-brd); /* ボーダー指定 */
	box-shadow: var(--Art-bbg);-webkit-box-shadow: var(--Art-bbg); /* 背景影色 */
}
/* ** alert0101 end ** */

/* ** alert0102 start ** */
/*** 0102: 背景あり注意書き部分（基本グレー） ***/
.CautTxt {
	padding: var(--CautBox-pd); /* パディング */
	font-size: var(--font-CautBox); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautBox-rod);-webkit-border-radius: var(--CautBox-rod);-moz-border-radius: var(--CautBox-rod); /* 角丸 */
	color: var(--CautTxt-txt); /* テキスト色 */
	background: var(--CautTxt-bg); /* 背景色 */
	border: var(--CautTxt-brd); /* ボーダー指定 */
	box-shadow: var(--CautTxt-bbg);-webkit-box-shadow: var(--CautTxt-bbg); /* 背景影色 */
}
@media screen and (max-width: 600px) {
	.CautTxt.cnt {text-align: left;}
}
/* ** alert0102 end ** */

/* ** alert0103 start ** */
/*** 0103: 背景あり注意書き部分（基本白） ***/
.CautTxtW {
	padding: var(--CautBox-pd); /* パディング */
	font-size: var(--font-CautBox); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautBox-rod);-webkit-border-radius: var(--CautBox-rod);-moz-border-radius: var(--CautBox-rod); /* 角丸 */
	color: var(--CautTxtW-txt); /* テキスト色 */
	background: var(--CautTxtW-bg); /* 背景色 */
	border: var(--CautTxtW-brd); /* ボーダー指定 */
	box-shadow: var(--CautTxtW-bbg);-webkit-box-shadow: var(--CautTxtW-bbg); /* 背景影色 */
}
@media screen and (max-width: 600px) {
	.CautTxtW.cnt {text-align: left;}
}
/* ** alert0103 end ** */

/* ** alert0104 start ** */
/*** 0104: 背景あり注意書き部分（基本赤） ***/
.CautTxtR {
	padding: var(--CautBox-pd); /* パディング */
	font-size: var(--font-CautBox); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautBox-rod);-webkit-border-radius: var(--CautBox-rod);-moz-border-radius: var(--CautBox-rod); /* 角丸 */
	color: var(--CautTxtR-txt); /* テキスト色 */
	background: var(--CautTxtR-bg); /* 背景色 */
	border: var(--CautTxtR-brd); /* ボーダー指定 */
	box-shadow: var(--CautTxtR-bbg);-webkit-box-shadow: var(--CautTxtR-bbg); /* 背景影色 */
}
@media screen and (max-width: 600px) {
	.CautTxtR.cnt {text-align: left;}
}
/* ** alert0104 end ** */

/* ** alert0105 start ** */
/*** 0105: 背景あり注意書き部分（基本青） ***/
.CautTxtB {
	padding: var(--CautBox-pd); /* パディング */
	font-size: var(--font-CautBox); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautBox-rod);-webkit-border-radius: var(--CautBox-rod);-moz-border-radius: var(--CautBox-rod); /* 角丸 */
	color: var(--CautTxtB-txt); /* テキスト色 */
	background: var(--CautTxtB-bg); /* 背景色 */
	border: var(--CautTxtB-brd); /* ボーダー指定 */
	box-shadow: var(--CautTxtB-bbg);-webkit-box-shadow: var(--CautTxtB-bbg); /* 背景影色 */
}
@media screen and (max-width: 600px) {
	.CautTxtB.cnt {text-align: left;}
}
/* ** alert0105 end ** */

/* ** alert0106 start ** */
/*** 0106: 背景あり注意書き部分（基本緑） ***/
.CautTxtG {
	padding: var(--CautBox-pd); /* パディング */
	font-size: var(--font-CautBox); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautBox-rod);-webkit-border-radius: var(--CautBox-rod);-moz-border-radius: var(--CautBox-rod); /* 角丸 */
	color: var(--CautTxtG-txt); /* テキスト色 */
	background: var(--CautTxtG-bg); /* 背景色 */
	border: var(--CautTxtG-brd); /* ボーダー指定 */
	box-shadow: var(--CautTxtG-bbg);-webkit-box-shadow: var(--CautTxtG-bbg); /* 背景影色 */
}
@media screen and (max-width: 600px) {
	.CautTxtG.cnt {text-align: left;}
}
/* ** alert0106 end ** */

/* ** alert0107 start ** */
/*** 0107: 背景あり注意書き部分（基本緑） ***/
.CautTxtY {
	padding: var(--CautBox-pd); /* パディング */
	font-size: var(--font-CautBox); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautBox-rod);-webkit-border-radius: var(--CautBox-rod);-moz-border-radius: var(--CautBox-rod); /* 角丸 */
	color: var(--CautTxtY-txt); /* テキスト色 */
	background: var(--CautTxtY-bg); /* 背景色 */
	border: var(--CautTxtY-brd); /* ボーダー指定 */
	box-shadow: var(--CautTxtY-bbg);-webkit-box-shadow: var(--CautTxtY-bbg); /* 背景影色 */
}
@media screen and (max-width: 600px) {
	.CautTxtY.cnt {text-align: left;}
}
/* ** alert0107 end ** */

/*** フォーム内個別注意書きエリア ***/

/* ** alert0201 start ** */
/*** 0201: 入力フォーム注意書き部分 ***/
p.CautTxtS {
	padding: var(--CautFM-pd); /* パディング */
	font-size: var(--font-CautFM); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautFM-rod);-webkit-border-radius: var(--CautFM-rod);-moz-border-radius: var(--CautFM-rod); /* 角丸 */
	color: var(--CautTxtS-txt); /* テキスト色 */
	background: var(--CautTxtS-bg); /* 背景色 */
	border: var(--CautTxtS-brd); /* ボーダー指定 */
	box-shadow: var(--CautTxtS-bbg);-webkit-box-shadow: var(--CautTxtS-bbg); /* 背景影色 */
}
p.CautTxtS.CautBgB {color: var(--CautTxtB-txt);background: var(--CautTxtB-bg);border: var(--CautTxtB-brd);} /* 青色 */
p.CautTxtS.CautBgG {color: var(--CautTxtG-txt);background: var(--CautTxtG-bg);border: var(--CautTxtG-brd);} /* 緑色 */
p.CautTxtS.CautBgR {color: var(--CautTxtR-txt);background: var(--CautTxtR-bg);border: var(--CautTxtR-brd);} /* 赤色 */
p.CautTxtS.CautBgY {color: var(--CautTxtY-txt);background: var(--CautTxtY-bg);border: var(--CautTxtY-brd);} /* 黄色 */

@media screen and (max-width: 600px) {
	p.CautTxtS.cnt {text-align: left;}
}
/* ** alert0201 end ** */

/* ** alert0202 start ** */
/*** 0202: 入力フォーム個別エラー ***/
.err,
.errBox {
	margin: 1.0rem 0;
	padding: var(--CautFM-pd); /* パディング */
	font-size: var(--font-CautFM); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautFM-rod);-webkit-border-radius: var(--CautFM-rod);-moz-border-radius: var(--CautFM-rod); /* 角丸 */
	color: var(--err-txt); /* テキスト色 */
	background: var(--err-bg); /* 背景色 */
	border: var(--err-brd); /* ボーダー指定 */
	box-shadow: var(--err-bbg);-webkit-box-shadow: var(--err-bbg); /* 背景影色 */
}
@media screen and (max-width: 600px) {
	.err.cnt,
	.errBox.cnt {text-align: left;}
}
/* ** alert0202 end ** */

/* ** alert0203 start ** */
/*** 0203: テキストのみ注意文 ***/
.CautTxtSTN {
	padding: var(--CautTxtSTN-pd); /* パディング */
	font-size: var(--font-CautTxtSTN); /* フォントサイズ */
	font-weight: normal;
	color: var(--CautTxtSTN-txt); /* テキスト色 */
}
@media screen and (max-width: 600px) {
	.CautTxtSTN.cnt {text-align: left;}
}
/* ** alert0203 end ** */

/*** 申し込み画面での注意書きエリア ***/

/* ** alert_basic03 start ** */
/*** 共通設定 ***/
/* 基本枠 */
.ord_artBox {
	margin: var(--CautOrd-mg); /* マージン */
	padding: var(--CautOrd-pd); /* パディング */
	font-size: var(--font-ord-art); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautOrd-rod);-webkit-border-radius: var(--CautOrd-rod);-moz-border-radius: var(--CautOrd-rod); /* 角丸 */
}
@media screen and (max-width: 600px) {
	.ord_artBox {width: 90%;}
	.ord_artBox.cnt {text-align: left;}
}
/* ** alert_basic03 end ** */

/* ** alert0301 start ** */
/*** 0301: 空き・在庫余裕あり ***/
.ord_empty {
	color: var(--empty-txt); /* テキスト色 */
	background: var(--empty-bg); /* 背景色 */
	border: var(--empty-brd); /* ボーダー指定 */
	box-shadow: var(--empty-bbg);-webkit-box-shadow: var(--empty-bbg); /* 背景影色 */
}
/* ** alert0301 end ** */

/* ** alert0302 start ** */
/*** 0302: 残席・在庫僅か ***/
.ord_little {
	color: var(--little-txt); /* テキスト色 */
	background: var(--little-bg);  /* 背景色 */
	border: var(--little-brd); /* ボーダー指定 */
	box-shadow: var(--little-bbg);-webkit-box-shadow: var(--little-bbg); /* 背景影色 */
}
/* ** alert0302 end ** */

/* ** alert0303 start ** */
/*** 0303: 残席・在庫ありません ***/
.ord_can {
	color: var(--can-txt); /* テキスト色 */
	background: var(--can-bg); /* 背景色 */
	border: var(--can-brd); /* ボーダー指定 */
	box-shadow: var(--can-bbg);-webkit-box-shadow: var(--can-bbg); /* 背景影色 */
}
/* ** alert0303 end ** */

/* ** alert0304 start ** */
/*** 0304: 受付・購入売り切れ ***/
.ord_sout {
	color: var(--sout-txt); /* テキスト色 */
	background: var(--sout-bg); /* 背景色 */
	border: var(--sout-brd); /* ボーダー指定 */
	box-shadow: var(--sout-bbg);-webkit-box-shadow: var(--sout-bbg); /* 背景影色 */
}
/* ** alert0304 end ** */

/* ** alert0305 start ** */
/*** 0305: 受付・購入終了 ***/
.ord_ordthk {
	color: var(--ordthk-txt); /* テキスト色 */
	background: var(--ordthk-bg); /* 背景色 */
	border: var(--ordthk-brd); /* ボーダー指定 */
	box-shadow: var(--ordthk-bbg);-webkit-box-shadow: var(--ordthk-bbg); /* 背景影色 */
}
/* ** alert0305 end ** */

/* ** alert0306 start ** */
/*** 0306: 受付・購入できない ***/
.ord_ordno {
	color: var(--ordno-txt); /* テキスト色 */
	background: var(--ordno-bg); /* 背景色 */
	border: var(--ordno-brd); /* ボーダー指定 */
	box-shadow: var(--ordno-bbg);-webkit-box-shadow: var(--ordno-bbg); /* 背景影色 */
}
/* ** alert0306 end ** */

/* ** alert0307 start ** */
/*** 0307: 既に申込み・購入されている ***/
.ord_done {
	color: var(--done-txt); /* テキスト色 */
	background: var(--done-bg); /* 背景色 */
	border: var(--done-brd); /* ボーダー指定 */
	box-shadow: var(--done-bbg);-webkit-box-shadow: var(--done-bbg); /* 背景影色 */
}
/* ** alert0307 end ** */

/* ** alert0308 start ** */
/*** 0308: 他の時間帯で既に申し込みされている ***/
.ord_otdone {
	color: var(--otdone-txt); /* テキスト色 */
	background: var(--otdone-bg); /* 背景色 */
	border: var(--otdone-brd); /* ボーダー指定 */
	box-shadow: var(--otdone-bbg);-webkit-box-shadow: var(--otdone-bbg); /* 背景影色 */
}
/* ** alert0308 end ** */

/* ** alert0309 start ** */
/*** 0309: 会員登録訴求枠 ***/
.ord_art_reg {
	margin: var(--CautOrd-mg); /* マージン */
	padding: var(--CautOrd-pd); /* パディング */
	font-size: var(--font-ord-art);/* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautOrd-rod);-webkit-border-radius: var(--CautOrd-rod);-moz-border-radius: var(--CautOrd-rod); /* 角丸 */
	color: var(--ordartreg-txt); /* テキスト色 */
	background: var(--ordartreg-bg); /* 背景色 */
	border: var(--ordartreg-brd); /* ボーダー指定 */
	box-shadow: var(--ordartreg-bbg);-webkit-box-shadow: var(--ordartreg-bbg); /* 背景影色 */
}
/* ** alert0309 end ** */