@charset "utf-8"; /* アテンダントプラグイン [ユーザー設定] */ section[id^="atte0002_p_"] ul.attelist li {background-color:transparent; box-shadow:none} /* アテンダント一覧背景色・シャドウ色 */ section[id^="atte0002_p_"] ul.attelist a:before {background-image:url("/Up-files/2022/frame.png")} /* サムネ画像フレーム背景 */ section[id^="atte0002_p_"] ul.attelist a:link, section[id^="atte0002_p_"] ul.attelist a:visited{ background-color:transparent} /* リンク背景色（マウスアウト時） */ section[id^="atte0002_p_"] ul.attelist a:hover {background-color:rgba(16,8,0,0.8)} /* リンク背景色（オンマウス時） */ section[id^="atte0002_p_"] ul.attelist a>p {background-color:rgba(16,8,0,0.8)} /* リンク文字背景色 */ section[id^="atte0002_p_"] ul.attelist a:link>p, section[id^="atte0002_p_"]>ul.attelist a:visited>p{ color:#f7f7f7; font-weight:bold; font-size:16px; font-size:1.6rem; text-shadow:1px 1px 0px rgba(16,8,0,0.3)} /* リンク文字色・太さ・大きさ・シャドウ色（マウスアウト時） */ section[id^="atte0002_p_"] ul.attelist a:hover>p{color:#f7f7f7; font-weight:bold; font-size:16px; font-size:1.6rem; text-shadow:1px 1px 0px rgba(16,8,0,0.3)} /* リンク文字色・太さ・大きさ・シャドウ色（オンマウス時） */ section[id^="atte0002_p_"] ul.attelist img {box-shadow:2px 2px 2px rgba(16,8,0,0.5)} /* サムネ画像シャドウ色 */ /* アテンダントギャラリー（slickカスタマイズ） [ユーザー設定] */ div[id^="atte0002_p_"] ul.image {background-color:rgba(16,8,0,0.8); box-shadow:2px 2px 2px rgba(16,8,0,0.5)} /* アテンダントギャラリーボックス背景色・シャドウ色 */ div[id^="atte0002_p_"] ul.image button.slick-prev{background-color:rgba(16,8,0,0.8)} /* アテンダントギャラリー巻き戻しボタン背景色 */ div[id^="atte0002_p_"] ul.image button.slick-next{background-color:rgba(16,8,0,0.8)} /* アテンダントギャラリー早送りボタン背景色 */ div[id^="atte0002_p_"] ul.image ul.slick-dots li button:before{ color:#f7f7f7; font-weight:normal; font-size:10px; font-size:1.0rem; text-shadow:none} /* アテンダントギャラリー切り替えボタン文字色・太さ・大きさ・シャドウ色（マウスアウト時） */ div[id^="atte0002_p_"] ul.image ul.slick-dots li button:hover:before{ color:#f7f7f7; font-weight:normal; font-size:20px; font-size:2.0rem; text-shadow:none} /* アテンダントギャラリー切り替えボタン文字色・太さ・大きさ・シャドウ色（オンマウス時） */ div[id^="atte0002_p_"] ul.image ul.slick-dots li.slick-active button:before{ color:#f7f7f7; font-weight:normal; font-size:20px; font-size:2.0rem; text-shadow:none} /* アテンダントギャラリー切り替えボタン文字色・太さ・大きさ・シャドウ色（マウスクリック後） */ /* アテンダントスケジュール [ユーザー設定] */ section[id^="atte0002_p_"] table.schedule, section[id^="atte0002_p_"] table.schedule>tbody>tr>th, section[id^="atte0002_p_"] table.schedule>tbody>tr>td{ border:solid 1px rgba(247,247,247,0.9)} /* アテンダントスケジュールカレンダーボーダースタイル・ボーダー色 */ section[id^="atte0002_p_"] table.schedule>tbody>tr>td[id^="atte0002_wd"]{ background-color:rgba(247,247,247,0.9)} /* アテンダントスケジュールカレンダー出勤枠背景色 */ section[id^="atte0002_p_"] table.schedule>tbody>tr>td[id^="atte0002_wd"] span:not(.state1):not(.state2):not(.state3):not(.state4){ color:#100800; font-weight:normal; text-shadow:1px 1px 0px rgba(16,8,0,0.3)} /* アテンダントスケジュールカレンダー出勤枠文字色・太さ・シャドウ色 */ /* アテンダントコースオプション [ユーザー設定] */ section[id^="atte0002_p_"] ul.courseoption>li {border-bottom:solid 1px rgba(247,247,247,0.9)} /* アテンダントコースオプション下線ボーダースタイル・ボーダー色 */ /* アテンダント外部サイト */ section[id^="atte0002_p_"] div>p.external {border-bottom:solid 1px rgba(247,247,247,0.9)} /* アテンダント外部サイト下線ボーダースタイル・ボーダー色 */ /* アテンダントコンタクトフォーム [ユーザー設定] */ section[id^="atte0002_p_"] form>div {border:none} /* コメント表示ボックスボーダースタイル・ボーダー色 */ section[id^="atte0002_p_"] form>div {background-color:#e0f0ff; box-shadow:2px 2px 2px rgba(16,8,0,0.5)} /* コメント表示ボックス背景色・シャドウ色 */ section[id^="atte0002_p_"] form>div>div.sender>p.text{ color:#100800; font-weight:normal; text-shadow:1px 1px 0px rgba(16,8,0,0.3)} /* コメント表示ボックス送信者側コメント文字色・太さ・シャドウ色 */ section[id^="atte0002_p_"] form>div>div.sender>p.text{ background-color:#c3f69d; box-shadow:2px 2px 2px rgba(16,8,0,0.5)} /* コメント表示ボックス送信者側コメント背景色・シャドウ色 */ section[id^="atte0002_p_"] form>div>div.sender>p.text:before{ border-left:10px solid #c3f69d; border-top:10px solid transparent; border-bottom:10px solid transparent} /* コメント表示ボックス送信者側コメント背景色 */ section[id^="atte0002_p_"] form>div>div.receiver>p.text{ color:#100800; font-weight:normal; text-shadow:1px 1px 0px rgba(16,8,0,0.3)} /* コメント表示ボックス送信相手側コメント文字色・太さ・シャドウ色 */ section[id^="atte0002_p_"] form>div>div.receiver>p.text{ background-color:#efefef; box-shadow:2px 2px 2px rgba(16,8,0,0.5)} /* コメント表示ボックス送信相手側コメント背景色・シャドウ色 */ section[id^="atte0002_p_"] form>div>div.receiver>p.text:before{ border-bottom:10px solid #efefef; border-left:10px solid transparent; border-right:10px solid transparent} /* コメント表示ボックス送信相手側コメント背景色 */ section[id^="atte0002_p_"] form>div>div.sender>p.delete, section[id^="atte0002_p_"] form>div>div.receiver>p.delete{ border:solid 1px #cccccc; background-color:transparent; box-shadow:none} /* コメント表示ボックス削除済コメントボーダー色・背景色・シャドウ色 */ section[id^="atte0002_p_"] form>div>div.sender>p.delete, section[id^="atte0002_p_"] form>div>div.receiver>p.delete{ color:#aaaaaa; font-weight:normal; text-shadow:1px 1px 0px rgba(16,8,0,0.3)} /* コメント表示ボックス削除済コメント文字色・太さ・シャドウ色 */ section[id^="atte0002_p_"] form>div>div.sender>p.datetime, section[id^="atte0002_p_"] form>div>div.receiver>p.datetime{ color:#cccccc; font-weight:normal; text-shadow:1px 1px 0px rgba(16,8,0,0.3)} /* コメント表示ボックスタイムスタンプ文字色・太さ・シャドウ色 */ section[id^="atte0002_p_"] form p[id^="form_"]>input, section[id^="atte0002_p_"] form p[id^="form_"]>textarea, section[id^="atte0002_p_"] form p[id^="form_"]>select, section[id^="atte0002_p_"] form p[id^="form_"]>label{ color:#100800; font-weight:normal; font-size:16px; font-size:1.6rem; text-shadow:1px 1px 0px rgba(16,8,0,0.3)} /* フォーム文字色・太さ・大きさ・シャドウ色 */ section[id^="atte0002_p_"] form p[id^="form_"]>span.info{ color:#f7f7f7; font-weight:bold; text-shadow:1px 1px 0px rgba(16,8,0,0.3)} /* エラー表示ボックス文字色・太さ・シャドウ色 */ section[id^="atte0002_p_"] form p[id^="form_"]>span.info{ background-color:#ff3d3d} /* エラー表示ボックス背景色 */ section[id^="atte0002_p_"] form p[id^="form_"]>span.info:before{ border-top:8px solid #ff3d3d; border-left:8px solid transparent; border-right:8px solid transparent} /* エラー表示ボックス背景色 */ section[id^="atte0002_p_"] form p[id^="form_"]>input[type="checkbox"]+label, section[id^="atte0002_p_"] form p[id^="form_"]>input[type="radio"]+label{ color:#f7f7f7; font-weight:normal; text-shadow:1px 1px 0px rgba(16,8,0,0.3)} /* チェックボックス、ラジオボタン項目文字色・太さ・シャドウ色 */ /* アテンダントプロフィール・スケジュール・コースオプション・コンタクトフォーム共通 [ユーザー設定] */ section[id^="atte0002_p_"] div.modal {background-color:rgba(16,8,0,0.9)} /* アテンダントプロフィール・スケジュール・コンタクトフォーム共通詳細画面背景色 */ section[id^="atte0002_p_"] div.modal svg>g>* {fill:#f7f7f7} /* アテンダントプロフィール・スケジュール・コンタクトフォーム共通詳細画面ｘマークアイコン色 */ section[id^="atte0002_p_"] div.modal div.content {border:solid 1px rgba(247,247,247,0.9)} /* アテンダントプロフィール・スケジュール・コンタクトフォーム共通詳細画面ボーダースタイル・ボーダー色 */ section[id^="atte0002_p_"] span.state1, section[id^="atte0002_p_"] span.state2, section[id^="atte0002_p_"] span.state3, section[id^="atte0002_p_"] span.state4{ color:#f7f7f7; font-weight:bold; text-shadow:1px 1px 0px rgba(16,8,0,0.3)} /* アテンダントプロフィール・スケジュール・コンタクトフォーム共通ステータスボックス文字色・太さ・シャドウ色 */ section[id^="atte0002_p_"] span.state1, section[id^="atte0002_p_"] span.state2, section[id^="atte0002_p_"] span.state3, section[id^="atte0002_p_"] span.state4{ background-color:rgba(130,14,14,1); box-shadow:2px 2px 2px rgba(16,8,0,0.5)} /* アテンダントプロフィール・スケジュール・コンタクトフォーム共通ステータスボックス背景色・シャドウ色 */