@charset "utf-8";
/* CSS Document */

.ryaku {
	font-size: 13px;
	text-align: right;
	float: right;
	padding-top: 10px;
	margin-bottom: 15px;
}
.ryaku img{
	vertical-align: middle;
	padding-right: 3px;
}

.speaker:after, .chairperson:after {
	content: "";
	display: block;
	clear: both
}
/* スピーカ */
.speaker {
	margin-bottom: 25px;
	padding-left: 25px;
}

.speaker dt{
	float: left;
	width: 120px;
	background-image: url(../image/s.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-right: 15px;
	text-indent: 25px;
}
.speaker dd{
    float: none;
    width: auto;
    margin-left: 135px;
    display: block;
}
.speakername-150 {
    width: 150px !important;
}
.speakername-180 {
    width: 180px !important;
}
/* パネラー */
.paneler {
	margin-bottom: 25px;
	padding-left: 25px;
}

.paneler dt{
	float: left;
	width: 115px;
	background-image: url(../img/p.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-right: 15px;
	text-indent: 25px;
}
.paneler dd{
	float: none;
	width: auto;
	margin-left: 125px;
	display: block;
}


/* プログラム01、プログラム02、プログラム03、プログラム04 */
.prog1-2, .prog3-4, .prog5-6, .prog7-8 {
    margin-bottom: 30px;
    border: 3px solid #F0F0F0;
}
.prog1-2:after, .prog3-4:after, .prog5-6:after, .prog7-8:after {
	content: "";
	display: block;
	clear: both
}
/* プログラム01 */
.prog1-2 {

}
/* プログラム21 */
.prog3-4 {

}
/* プログラム03 */
.prog5-6 {

}
/* プログラム04 */
.prog7-8 {

}

/* セッション1 */
.sess:after {
	content: "";
	display: block;
	clear: both
}


/* セッション */
.sess {
    padding: 0px 0px 0px 0px;
    clear: both;
    border-radius: 15px;
	display: flex;
    align-items: center;
}

.prog1-2 .sess {
	background-color: #008dcb;
	border: 8px solid #008dcb;

}
.prog3-4 .sess {
	background-color: #f08200;
	border: 8px solid #f08200;
}
.prog5-6 .sess {
	clear: both;
	background-color: #14a83c;
	border: 8px solid #14a83c;
}
.prog7-8 .sess {
    background-color: #a660a3;
    border: 8px solid #a660a3;
}

/* セッションナンバー */
.sess-no {
    width: 66.8px; /* 円の幅 */
    height: 60px; /* 円の高さ */
    border-radius: 50%; /* 丸くする */
    display: flex; /* フレックスボックスを使用 */
    justify-content: center; /* 横方向の中央揃え */
    align-items: center; /* 縦方向の中央揃え */
    /* color: white; 文字色 */
    font-size: 22px; /* 文字サイズ */
    font-weight: bold; /* 文字を太字に */
    line-height: 100%;
    background-color: #FFFFFF;
}

.prog1-2 .sess-no {
	color: #008dcb;
}
.prog3-4 .sess-no {
	color: #f08200;
}
.prog5-6 .sess-no {
	color: #14a83c;
}
.prog7-8 .sess-no {
    color: #a660a3;
}

/* プログラム日付・時間 */
.prog-uewaku {
    padding: 15px 10px 0px 13px;
    background-color: #373434;
    color: #FFFFFF;
    border-bottom: 5px solid #f0f0f0;

}
.prog-uewaku:after {
	content: "";
	display: block;
	clear: both
}
/* 日付 */
.prog-day {
	float: left;
	font-size: 22px;
	line-height: 100%;
	font-weight: bolder;
	padding-top: 7px;
}

/* 時間 */
.prog-time {
	float: left;
	font-size: 18px;
	padding-top: 10px;
	line-height: 100%;
	clear: none;
	/* [disabled]background-color: #6497b8; */
	text-align: center;
	color: #FFFFFF;
	/* [disabled]margin-left: -10px; */
	/* [disabled]margin-right: -10px; */
	/* [disabled]padding-bottom: 10px; */
	display: block;
	font-weight: bold;
	padding-left: 10px;
}

/* セッションタイトル */
.sess-ttl {
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    margin-left: 10px;
    background-color: #FFFFFF;
    color: #000000;
    border-radius: 18px;
    width: 100%;
    padding-right: 2%;
    padding-left: 2%;
    height: 60px;
    display: flex;
    align-items: center;
}
.prog1-2 .sess-ttl {
    /* [disabled]color: #FFFFFF; */
}
.prog3-4 .sess-ttl {
}
.prog5-6 .sess-ttl {
}
.prog7-8 .sess-ttl {
}

/* session1-2ブロック(色) */
.prog1-2 .block1:before, 
.prog1-2 .block2:before, 
.prog1-2 .block3:before, 
.prog1-2 .block4:before, 
.prog1-2 .block5:before, 
.prog1-2 .block6:before, 
.prog1-2 .block7:before, 
.prog1-2 .block8:before, 
.prog1-2 .block9:before, 
.prog1-2 .block10:before/*,
.prog1-2 .blockExtra:before*/ {
	background-color: #008dcb;
}
.prog1-2 .block0, .prog1-2 .block1, .prog1-2 .block2, .prog1-2 .block3, .prog1-2 .block4, .prog1-2 .block5, .prog1-2 .block6, .prog1-2 .block7, .prog1-2 .block8, .prog1-2 .block9, .prog1-2 .block10, .prog1-2 .blockExtra {
	color: #008dcb;
}
/* session3-4ブロック(色) */
.prog3-4 .block1:before, 
.prog3-4 .block2:before, 
.prog3-4 .block3:before, 
.prog3-4 .block4:before, 
.prog3-4 .block5:before, 
.prog3-4 .block6:before, 
.prog3-4 .block7:before, 
.prog3-4 .block8:before, 
.prog3-4 .block9:before, 
.prog3-4 .block10:before/*,
.prog3-4 .blockExtra:before*/ {
	background-color: #f08200;
}
.prog3-4 .block0, .prog3-4 .block1, .prog3-4 .block2, .prog3-4 .block3, .prog3-4 .block4, .prog3-4 .block5, .prog3-4 .block6, .prog3-4 .block7, .prog3-4 .block8, .prog3-4 .block9, .prog3-4 .block10, .prog3-4 .blockExtra {
	color: #f08200;
}
/* session5-6ブロック(色) */
.prog5-6 .block1:before, 
.prog5-6 .block2:before, 
.prog5-6 .block3:before, 
.prog5-6 .block4:before, 
.prog5-6 .block5:before, 
.prog5-6 .block6:before, 
.prog5-6 .block7:before, 
.prog5-6 .block8:before, 
.prog5-6 .block9:before, 
.prog5-6 .block10:before/*,
.prog5-6 .blockExtra:before*/ {
	background-color: #14a83c;
}
.prog5-6 .block0, .prog5-6 .block1, .prog5-6 .block2, .prog5-6 .block3, .prog5-6 .block4, .prog5-6 .block5, .prog5-6 .block6, .prog5-6 .block7, .prog5-6 .block8, .prog5-6 .block9, .prog5-6 .block10, .prog5-6 .blockExtra {
	color: #14a83c;
}
/* session7-8ブロック(色) */
.prog7-8 .block1:before, 
.prog7-8 .block2:before, 
.prog7-8 .block3:before, 
.prog7-8 .block4:before, 
.prog7-8 .block5:before, 
.prog7-8 .block6:before, 
.prog7-8 .block7:before, 
.prog7-8 .block8:before, 
.prog7-8 .block9:before, 
.prog7-8 .block10:before/*,
.prog7-8 .blockExtra:before*/ {
	background-color: #a660a3;
}
.prog7-8 .block0, .prog7-8 .block1, .prog7-8 .block2, .prog7-8 .block3, .prog7-8 .block4, .prog7-8 .block5, .prog7-8 .block6, .prog7-8 .block7, .prog7-8 .block8, .prog7-8 .block9, .prog7-8 .block10, .prog7-8 .blockExtra {
	color: #a660a3;
}
/* Extra Sessionブロック(色) */
.prog1-2 .blockExtra:before, 
.prog3-4 .blockExtra:before, 
.prog5-6 .blockExtra:before, 
.prog7-8 .blockExtra:before {
	background-color: #14a83c;
}
/*.prog1-2 .blockExtra, .prog3-4 .blockExtra, .prog5-6 .blockExtra, .prog7-8 .blockExtra {
	color: #14a83c;
}*/

/*プログラム下付き文字*/
.subtxt {
	font-size: 80%;
	line-height: 100%;
}


/* ブロック0～9（共通　(サイズ)） */
.block0:before, .block1:before, .block2:before, .block3:before, .block4:before, .block5:before, .block6:before, .block7:before, .block8:before, .block9:before {
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	padding: 5px 13px 3px 13px;
	left: 0px;
	top: 0px;
}
/* ブロック10（共通　(サイズ)） */
 .block10:before {
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	padding: 5px 8px 3px 8px;
	left: 0px;
	top: 0px;
}

.block0 {
	position: relative;
	font-size: 22px;
	font-weight: bold;
	padding-top: 7px;
	line-height: 120%;
}
.block1, .block2, .block3, .block4, .block5, .block6, .block7, .block8, .block9, .block10 {
	padding-left: 50px;
	position: relative;
	font-size: 22px;
	font-weight: bold;
	padding-top: 7px;
	line-height: 120%;
	padding-bottom: 10px;
}
/* ブロックblockExtra（共通　(サイズ)） */
 .blockExtra:before {
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	padding: 5px 8px 3px 8px;
	left: 0px;
	top: 0px;
}
.blockExtra {
    padding-left: 140px;
    position: relative;
    font-size: 22px;
    font-weight: bold;
    padding-top: 7px;
    line-height: 120%;
    padding-bottom: 10px;
}

/* ブロック1 数字（共通） */
.prog1-2 .block1:before, .prog3-4 .block1:before, .prog5-6 .block1:before, .prog7-8 .block1:before {
	content: "1";
}
/* ブロック2 数字（共通） */
.prog1-2 .block2:before, .prog3-4 .block2:before, .prog5-6 .block2:before, .prog7-8 .block2:before {
	content: "2";
}
/* ブロック3 数字（共通） */
.prog1-2 .block3:before, .prog3-4 .block3:before, .prog5-6 .block3:before, .prog7-8 .block3:before {
	content: "3";
}
/* ブロック4 数字（共通） */
.prog1-2 .block4:before, .prog3-4 .block4:before, .prog5-6 .block4:before, .prog7-8 .block4:before {
	content: "4";
}
/* ブロック5 数字（共通） */
.prog1-2 .block5:before, .prog3-4 .block5:before, .prog5-6 .block5:before, .prog7-8 .block5:before {
	content: "5";
}
/* ブロック6 数字（共通） */
.prog1-2 .block6:before, .prog3-4 .block6:before, .prog5-6 .block6:before, .prog7-8 .block6:before {
	content: "6";
}
/* ブロック7 数字（共通） */
.prog1-2 .block7:before, .prog3-4 .block7:before, .prog5-6 .block7:before, .prog7-8 .block7:before {
	content: "7";
}
/* ブロック8 数字（共通） */
.prog1-2 .block8:before, .prog3-4 .block8:before, .prog5-6 .block8:before, .prog7-8 .block8:before {
	content: "8";
}
/* ブロック9 数字（共通） */
.prog1-2 .block9:before, .prog3-4 .block9:before, .prog5-6 .block9:before, .prog7-8 .block9:before {
	content: "9";
}
/* ブロック10 数字（共通） */
.prog1-2 .block10:before, .prog3-4 .block10:before, .prog5-6 .block10:before, .prog7-8 .block10:before {
	content: "10";
}
/* ブロックExtra Session 文字（共通） */
.prog1-2 .blockExtra:before, .prog3-4 .blockExtra:before, .prog5-6 .blockExtra:before, .prog7-8 .blockExtra:before {
	content: "Extra Session";
}

/* セッション内容 */
.sess_con {
	padding: 10px;
	margin: 0 0;
}
.prog1-2 .sess_con {

}
.prog3-4 .sess_con {

}
.prog5-6 .sess_con {

}
.prog7-8 .sess_con {

}

/*セッションリスト*/
.sess_con ul li {
	padding-bottom: 3px;
}

/* 昼休み表記 */
.kyuukei {
	border: 1px solid #B9B9B9;
	text-align: center;
	padding: 12px;
	margin-bottom: 25px;
	background-color: #ECECEC;

}


/* コーディネータ */
.coordinator {
	padding: 10px 10px 10px 25px;
	background-color: #f0f0f0;
}
.prog1-2 .coordinator {

}
.prog3-4 .coordinator {
}
.prog5-6 .coordinator {
}
.prog7-8 .coordinator {
}

.coordinator dt{
	float: left;
	width: 120px;
	background-image: url(../image/c.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-right: 15px;
	text-indent: 25px;
}
.coordinator dd{
	float: none;
	width: auto;
	margin-left: 135px;
}

/* 梗概原稿 */
.kougai {
    padding: 15px;
    margin-top: 0px;
    border: 1px solid #F3F3F3;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1%;
}
.prog1-2 .kougai {
    /* [disabled]border: 3px solid #30a8dd; */
    background-color: #D5F3FF;

}
.prog3-4 .kougai {
    background-color: #FFE5C7;

}
.prog5-6 .kougai {
    background-color: #CFF5D9;
    /* [disabled]border: 3px solid #14A83C; */

}
.prog7-8 .kougai {
    background-color: #F7C0F4;

}

/*担当委員*/
.tantou {
	padding: 10px 10px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	display: none;
}
.tantou:after {
	content: "";
	display: block;
	clear: both
}

.prog1-2 .tantou {
	background-color: #d3e5c0;

}
.prog3-4 .tantou {
	background-color: #facd89;
}
.prog5-6 .tantou {
	background-color: #d5deef;
}
.prog7-8 .tantou {
	background-color: #f8e0cd;

}
.tantou-hed {
	padding: 5px;
	float: left;
	font-weight: bold;
	margin-right: 10px;
	background-color: #FFFFFF;
	color: #3F9CBF;
}
.tantou-hedT {
	padding: 20px 5px;
	float: left;
	font-weight: bold;
	background-color: #FFFFFF;
	margin-right: 10px;
}
.prog1-2 .tantou .tantou-hed {

}
.prog3-4 .tantou .tantou-hed {

}
.prog5-6 .tantou .tantou-hed {

}
.prog7-8 .tantou .tantou-hed {

}

.tantou-name {
	padding: 5px 5px 5px 5px;
	float: left;
	font-weight: bold;
	display: block;
	white-space: nowrap;
	margin-right: 20px;
}
.tantou-sya {
	font-weight: normal;
}

/* プログラム内角丸網掛け */
.ami {
	color: #FFFFFF;
	padding: 3px 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 240%;
	margin-bottom: 5px;
	border-radius: 10px;
	margin-top: 20px;
}
.prog1-2 .ami {
	background-color: #008dcb;
}
.prog3-4 .ami {
	background-color: #f08200;
}
.prog5-6 .ami {
	background-color: #14a83c;
}
.prog7-8 .ami {
	background-color: #a660a3;
}
/* セッション2タイトルの黄色部分 */
.txt-yellow {
	color: #FFF500;
}

/* セッション3　導入事例紹介（白抜き） */
.jirei {
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 10px;
	width: 100px;
	padding: 5px 0;
	text-align: center;
	line-height: 100%;
	font-size: 14px;
}

/*セッションナンバー小文字*/
.S1ami {
	background-color: #008dcb;
	padding: 0 0.3em;
	color: #FFFFFF;
	font-size: small;
}
.S2ami {
	background-color: #119EB6;
	padding: 0 0.3em;
	color: #FFFFFF;
	font-size: small;
}
.S3ami {
	background-color: #D94F7C;
	padding: 0 0.3em;
	color: #FFFFFF;
	font-size: small;
}
.S4ami {
	background-color: #D94F7C;
	padding: 0 0.3em;
	color: #FFFFFF;
	font-size: small;
}

/* ########### 599px以下 ########## */
@media (max-width: 599px) {

/* セッション内容 */
.sess_con {
	/* [disabled]padding-left: 0px; */
}
.Tlpl {
	margin-left: 10px;
}

/* セッションタイトル */
.prog1-2 .sess-ttl, .prog3-4 .sess-ttl, .prog5-6 .sess-ttl, .prog7-8 .sess-ttl {
	font-size: 22px;
	padding-top: 10px;
}
/* セッションナンバー */
.sess-no {
    width: 51.8px; /* 円の幅 */
    height: 45px; /* 円の高さ */
    font-size: 20px; /* 文字サイズ */
}
}

/* 日付 */
.prog-day {
	font-size: 22px;
}
/* コーディネータ */
.coordinator ,.speaker ,.paneler {
	padding: 5px 10px 5px 10px;
}