@charset "utf-8";

/* =============================================
アクティングアラート
============================================= */
#acting_alert {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 240px;
  margin: 5px;
  z-index: 99999;
  opacity: .60;
  -moz-opacity: .60;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
#acting_alert span.top, #acting_alert span.bottom {
  display: block;
  background: #fff;
}
#acting_alert span.top span, #acting_alert span.bottom span {
  display: block;
  height: 1px;
  overflow: hidden;
  background: #1393c0;
}
#acting_alert span.r1 {
  margin: 0 5px;
}
#acting_alert span.r2 {
  margin: 0 3px;
}
#acting_alert span.r3 {
  margin: 0 2px;
}
#acting_alert span.top span.r4, span.bottom span.r4 {
  margin: 0 1px;
  height: 2px;
}
#acting_alert p.close_alert {
  margin: 0;
  padding: 3px;
  background: #1393c0;
  text-align: right;
  height: 25px;
}
#acting_alert .close_alert a {
  background-image: url(/static/upload/info.wingarc.com/system/seminar_base/shared/img/bannerClose.gif);
  display: block;
  width: 23px;
  height: 23px;
}
#acting_alert .close_alert a img {
  display: none;
}
#acting_alert p.content {
  padding: 1em;
  margin: 0;
  background: #fff;
  border: 1px solid #1393c0;
  height: 100%;
}
#acting_alert span.item {
  font-size: 12px;
}
#acting_alert a {
  color: #0088cc;
  text-decoration: none;
}
#acting_alert p.close_alert{
  height: 30px;
}

/* =============================================
NoScript
============================================= */
noscript .alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #f2dede;
  width: 500px;
  margin: 0px auto;
}
noscript .alert {
  margin-bottom: 60px;
  background-color: #f2dede;
  border: 1px solid #f2dede;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-top: 8px;
  padding-right: 14px;
  padding-bottom: 8px;
  padding-left: 14px;
  line-height: 150%;
}
@media screen and (max-width: 767px){
  noscript .alert-error {
    width: 90%;
    margin: 30px auto;
  }
}
noscript .alert h4 {
	border-bottom: 0px;
}

/* =============================================
全体
============================================= */
/* 申込み画面 */
.sb_userenquete_index_select .drawer-menu .subnavi,
.sb_timetable_index_select .drawer-menu .subnavi,
.sb_confirm_index_select .drawer-menu .subnavi,
.sb_complete_index_select .drawer-menu .subnavi {
	display: none;
}
/* ○○「氏」の大きさを変更 */
.small_name {
	font-size: 1.3rem!important;
}
@media screen and (max-width: 767px){
	.small_name {
		font-size: 2.375vw!important;
	}
}

/* =============================================
申込タイムテーブル
============================================= */
.timetable-day {
	display: none;
}
.timetable-day.is-active {
	display: block;
}
@media screen and (max-width: 768px) {
	.sb_timetable_index_select .session-list td.txt {
		padding-top: 0.6875vw;
	}
	.sb_timetable_index_select .session-list td.status {
		padding-top: 0.01vw;
	}
	.sb_timetable_index_select .session-list .status span:empty {
    display: none;
	}
}
.sb_timetable_index_select .session-period table {
	width: 100%;
}
.sb_timetable_index_select .session-list .txt dl {
	min-height: 80px;
}
/* .sb_timetable_index_select .session-list .status .finished {
  background: #ff0000;
} */
.sb_timetable_index_select .session-list {
  background-color: transparent;
}
.sb_timetable_index_select .session-list table {
  width: 100%;
}
.sb_timetable_index_select .session-list .inclass {
  border-bottom: 0px none;
}
.sb_timetable_index_select .session-list .inclass td {
  padding: 0;
}
.sb_timetable_index_select .session-list tr:not(.inclass) td {
  background-color: #fff;
}
.sb_timetable_index_select .session-list .inclass:not(:first-child){
  padding-top: 40px;
}
.sb_timetable_index_select .online_only {
	display: none;
}
.sb_timetable_index_select .session-period .session-list tr + tr.inclass h3 {
	margin-top: 40px;
}
.sb_timetable_index_select .session-list .dispnone {
	display: none;
}
/* 重複エラーメッセージ */
.sb_timetable_index_select #select_error {
  margin-bottom: 40px;
}
.sb_timetable_index_select .ss_time, .sb_timetable_index_select .ss_time2 {
  display: none;
}
.sb_timetable_index_select .err_exclusion {
	font-weight: bold;
	font-size: 1.6rem;
	color: #ff4d6a;
	margin-bottom: 5px;
}
.sb_timetable_index_select .err-txt {
	display: block;
	font-weight: bold;
	font-size: 1.6rem;
	color: #ff4d6a;
	margin-bottom: 10px;
}
.sb_timetable_index_select .session-main .session-time .day span {
	padding-right: 0;
}
@media screen and (max-width: 768px) {
	.conference-main .entry-box .btn a {
    font-size: 3.6625vw;
	}
}
/* ○○「氏」の大きさを変更 */
.speak dt .small_name {
	font-size: 1.3rem;
}
@media screen and (max-width: 767px){
	.speak dt .small_name {
		font-size: 2.375vw!important;
	}
}

/* =============================================
セッションビュー画面
============================================= */
/* ○○「氏」の大きさを変更 */
.session-main .speak-txt dd .small_name {
	font-size: 1.3rem;
}
@media screen and (max-width: 767px){
	.session-main .speak-txt dd .small_name {
		font-size: 2.375vw!important;
	}
}
.sb_session_preview .session-main .session-time .day span {
	padding-right: 0;
}

@media screen and (max-width: 768px) {
	.conference-main .entry-area .lead p {
    font-size: 3.25vw;
	}
}

/* =============================================
入力画面
============================================= */
.entry-form .ss_input .label-warning,
.entry-form .ss_input .ss_error_msg,
.entry-form .ss_input br {
	display: none;
}
.sb_userenquete_index_select .entry-form .check_privacy {
	display: none;
}
.ss_input .ss_rightComment {
	display: none;
}
.sb_userenquete_index_select .input_name .ss_input {
	display: flex;
	justify-content: space-between;
}
.sb_userenquete_index_select .input_name .ss_input span {
	width: 48%;
}
.sb_userenquete_index_select .dispnone {
	display: none!important;
}
/* 戻るボタン */
.sb_userenquete_index_select .entry-form .back_button button {
	width: 404px;
	margin: 0 auto;
	background: #fff;
	box-shadow: none;
	line-height: 1.3;
	border: 2px solid #000;
	color: #000;
}
.sb_userenquete_index_select .entry-form .back_button button::after {
	content: "";
	position: absolute;
	display: block;
	margin: auto;
	inset: 0 auto 0 20px;
	width: 18px;
	height: 10px;
	background: url(../user2023/common/img/ico_arrow_black.svg) center center / contain no-repeat;
}
@media screen and (max-width: 768px) {
	.sb_userenquete_index_select .entry-form .back_button button {
    width: 75vw;
    font-size: 3.75vw;
	}
	.sb_userenquete_index_select .entry-form .back_button button::before {
    width: 3.4375vw;
    height: 2.34375vw;
    right: 4vw;
	}
}
.sb_userenquete_index_select .btn .comfirm_back {
	display: none;
}
.sb_userenquete_index_select .back_button .input_back {
	font-weight: 500;
}

/* =============================================
確認画面
============================================= */
.sb_confirm_index_select .session-list td.txt {
	width: 100%;
}
.sb_confirm_index_select .session-list .day em {
	font-weight: 600;
	font-size: 2.8rem;
	font-family: 'Poppins';
	align-items: flex-end;
	padding: 0 5px 0 5px;
}
.sb_confirm_index_select .session-list .day span {
	font-weight: bold;
	font-size: 1.68rem;
	padding: 0;
	text-align: center;
	display: flex;
	align-items: center;
}
.sb_confirm_index_select .confirm-box .form-txt div + div {
	margin-top: 15px;
}
.sb_confirm_index_select .entry-form__box {
	display: revert;
	margin-bottom: revert;
}
.sb_confirm_index_select .entry-form__box dd {
	margin: 0;
}
.sb_confirm_index_select .input_name .ss_input {
	display: inline;
}
.sb_confirm_index_select .dispnone {
	display: none!important;
}
.sb_confirm_index_select .back_button .input_back {
	display: none;
}
.sb_confirm_index_select .entry .btn button:disabled {
	background: #d9d9d9;
	pointer-events: none;
}

/* =============================================
見せ用タイムテーブル
============================================= */
.sb_timetable_index_show .conference-main .speak img {
	max-width: 100%!important;
}
.sb_timetable_index_show .speak img {
	max-width: 80px!important;
}
.sb_timetable_index_show .conference-main .speak .logo img {
	/* max-width: 188px!important; */
	max-width: 100%!important;
}
.sb_timetable_index_show .session_view img {
	max-width: 100%!important;
}
.sb_timetable_index_show .col01 .session-ico li, .col02 .session-ico li {
  margin-bottom: 0;
}
.sb_timetable_index_show .session-main .session-time .day span {
	padding-right: 0;
}
.sb_timetable_index_show .col01 .session-ico li,
.col02 .session-ico li {
  margin: 0 10px 10px 0;
}
@media screen and (max-width: 768px) {
	.sb_timetable_index_show .col01 .session-ico li,
	.col02 .session-ico li {
		margin-bottom: 0.78125vw;
	}
}
/* .sb_timetable_index_show .session-main .speak-txt li figure {
	height: 70px;
} */
/* ----------------------------------------------------
メディアクエリ設定 (smartPhone only)   0～768px
---------------------------------------------------- */
@media screen and (max-width: 768px) {
	.sb_timetable_index_show .speak img {
		max-width: 15vw!important;
	}
	.sb_timetable_index_show .conference-main .speak .logo img {
		max-width: 100%!important;
	}
	/* .sb_timetable_index_show .speak img {
		max-width: 100%!important;
	} */
	.sb_timetable_index_show .speak .session_view img {
		max-width: 100%!important;
	}
	.sb_timetable_index_show .speak-img img {
		max-width: 100%!important;
	}
}

/* =============================================
スピーカー
============================================= */
.sb_timetable_index_speaker .session-main .session-time .day span {
	padding-right: 0;
}
.sb_timetable_index_speaker .disp_off {
	display: none;
}
@media screen and (max-width: 768px) {
	.session-var li {
    font-size: 3.2375vw;
	}
}
.sb_timetable_index_speaker .speaker-item .name dt span {
	font-size: 1.6rem!important;
}
@media screen and (max-width: 768px) {
	.sb_timetable_index_speaker .speaker-item .name dt span {
    font-size: 3.4375vw!important;
	}
}


/* ----------------------------------------------------
メディアクエリ設定 (PC) 769px～
---------------------------------------------------- */
@media screen and (min-width: 769px) {

}