7月29日にセミナーをリアル開催。BtoBビジネスをデジタル化するためのポイントから、生産性向上・業務効率化・売上アップのヒント、情報、交流の“場”を提供します。
@charset "UTF-8";
/************************************************************/
/* 初期化 */
/************************************************************/
#event-wrap { max-width: 1024px; margin-inline: auto; font-feature-settings: "palt" 1; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 62.5%; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
}
#event-wrap div,
#event-wrap dl,
#event-wrap dt,
#event-wrap dd,
#event-wrap ul,
#event-wrap ol,
#event-wrap li,
#event-wrap h1,
#event-wrap h2,
#event-wrap h3,
#event-wrap h4,
#event-wrap h5,
#event-wrap h6,
#event-wrap pre,
#event-wrap code,
#event-wrap form,
#event-wrap fieldset,
#event-wrap legend,
#event-wrap input,
#event-wrap textarea,
#event-wrap p,
#event-wrap blockquote,
#event-wrap th,
#event-wrap td { margin:0; padding:0;
}
#event-wrap table { margin: 0!important; padding: 0!important; border-collapse:collapse; border-spacing:0;
}
#event-wrap fieldset,
#event-wrap img { display: inline-block!important; border:0; vertical-align: middle;
}
#event-wrap address,
#event-wrap caption,
#event-wrap cite,
#event-wrap code,
#event-wrap dfn,
#event-wrap em,
#event-wrap strong,
#event-wrap th,
#event-wrap var { font-style:normal; font-weight:normal;
}
#event-wrap ol,
#event-wrap ul,
#event-wrap ol li,
#event-wrap ul li { list-style:none!important;
}
/* サイト標準スタイルのマーカーが::beforeででてる */
#event-wrap ol li::before,
#event-wrap ul li::before { display: none;
}
#event-wrap caption,
#event-wrap th { text-align:left;
}
#event-wrap h1,
#event-wrap h2,
#event-wrap h3,
#event-wrap h4,
#event-wrap h5,
#event-wrap h6 { font-size:100%; font-weight:normal;
}
#event-wrap q:before,
#event-wrap q:after { content:'';
}
#event-wrap abbr,
#event-wrap acronym { border:0; font-variant:normal;
}
#event-wrap sup { vertical-align:top;
}
#event-wrap sub { vertical-align:bottom;
}
#event-wrap input,
#event-wrap textarea,
#event-wrap select { font-family:inherit; font-size:inherit; font-weight:inherit;
}
/*to enable resizing for IE*/
#event-wrap input,
#event-wrap textarea,
#event-wrap select { *font-size:100%;
}
/*because legend doesn't inherit in IE */
#event-wrap legend { color:#000;
}
#event-wrap .clearfix:after { content: "."; /* 新しい要素を作る */ display: block; /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden;
}
#sectionBlock:after { content: ""; display: block; clear: both;
}
/************************************************************/
/* コンテンツ */
/************************************************************/
#event-wrap { font-size: 1em; color: #333;
}
/* 共通 */
#event-wrap small { font-size:0.9em;
}
#event-wrap .blockTitle { margin: 0 0 2em 0;
}
#event-wrap h2.ttlDate { font-size: 122%; border-top: none; border-bottom: 1px #ccc dashed; border-right: none; border-left: 8px #ce3933 solid; border-radius:0; background-color: transparent; margin: 1em 0 1em; padding: 4px 4px 4px 8px; color: #000; clear: both;
}
#event-wrap .infoText01 h4 { font-size:1.2em; font-weight:bold; color:#36c; margin-bottom:2em;
}
#event-wrap .blockTitle h2 { width: 100%; font-size: 1.8em; font-weight: bold; color: #333!important; line-height: 1; border: none!important; background-color: #eaf4ff; margin: 0!important; padding: 0!important;
}
#event-wrap .blockTitle h2 span { display: inline-block; padding: 0.5em;
}
#event-wrap .blockTitle h2 span:nth-of-type(1) { color: #fff!important; background-color: #376db9;
}
/* #mainImageArea */
#event-wrap #mainImageArea { text-align: center; margin: 0 0 30px 0;
}
#event-wrap #mainImageArea picture { display: block; width: 100%;
}
#event-wrap #mainImageArea img { width: 100%; height: auto;
}
/* #event-content-wide */
#event-wrap #event-content-wide { width: 100%;
}
/* #pageScrollLink */
#event-wrap #pageScrollLink { margin: 0 0 2em 0;
}
#event-wrap #pageScrollLink > ul { display: -webkit-flex; /* Safari */ display: flex;
}
/*
#event-wrap #pageScrollLink > ul > li { width: 33.333%;
}
*/
#event-wrap #pageScrollLink > ul > li.liMenu1 { width:25%
}
#event-wrap #pageScrollLink > ul > li.liMenu2 { width:25%;
}
#event-wrap #pageScrollLink > ul > li.liMenu3 { width:25%;
}
#event-wrap #pageScrollLink > ul > li.liMenu4 { width:25%;
}
#event-wrap #pageScrollLink > ul > li.liMenu5 { width:25%;
}
#event-wrap #pageScrollLink > ul > li > a { display: block; font-size: 14px; font-weight: bold; color: #333; line-height: 1; text-align: center; vertical-align: middle; text-decoration: none; background-color: #eee; border-right: 1px solid #c0c0c0; border-bottom: 3px solid #c0c0c0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 1em 0; transition: all .2s;
}
#event-wrap #pageScrollLink > ul > li > a:hover { color: #fff; background-color: #376db9; border-right: 1px solid #0e2e8f; border-bottom: 3px solid #0e2e8f;
}
#event-wrap #pageScrollLink > ul > li > a > i { padding: 0 0.5em 0 0;
}
#event-wrap #pageScrollLink > ul > li#entryLink > a { color: #fff; /* background-color: #ce3933; border-right: 1px solid #720702; border-bottom: 3px solid #720702; */ background-color: #376db9; border-right: 1px solid #0e2e8f; border-bottom: 3px solid #0e2e8f;
}
#event-wrap #pageScrollLink > ul > li#entryLink > a:hover { color: #fff; background-color: #4183e1;
}
/* #seminarInfoArea */
#event-wrap #seminarInfoArea { margin: 0 0 2em 0!important;
}
#event-wrap #seminarInfoArea div.mainCatchBox { font-size: 1.2em; font-weight: bold; /*border-top: 1px dashed #ccc;*/ /*border-bottom: 1px dashed #ccc;*/ margin: 0 0 1em!important; padding: 0.5em 0!important;
}
#event-wrap #seminarInfoArea div.mainCatchBox p { color: #000; margin: 0!important; /*padding: 0!important;*/ background:#FF9; padding:0.1em 0.3em!important; text-align:center;
}
/* #pickupSeminarArea */
#pickupSeminarArea { background-color: #fffefb; border: 1px solid #ccc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 0 0 3em 0!important; padding: 10px 10px 20px 10px!important;
}
#pickupSeminarArea .pickupSeminarBox+.pickupSeminarBox { border-top: 1px dashed #b3870f; margin: 30px 0 0 0; padding: 30px 0 0 0;
}
#pickupSeminarArea .pickupSeminarBox .seminarcategory { margin: 0 0 1em 0;
}
#pickupSeminarArea .pickupSeminarBox .seminarcategory span { display: block; font-size: 1.3em; font-weight: bold; line-height: 1; background-color: #c6e8f5; border-left: 5px solid #00a5d9; padding: 0.5em 0.5em;
}
#pickupSeminarArea .pickupSeminarBox .seminarcategory02 { margin: 0 0 1em 0;
}
#pickupSeminarArea .pickupSeminarBox .seminarcategory02 span { display: inline-block; font-size: 1em; font-weight: bold; line-height: 1; color: #fff; background-color: #1eb6a2; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; padding: 0.5em 0.5em;
}
#pickupSeminarArea .pickupSeminarBox .seminarTitle { font-size: 1.3em; font-weight: bold; color: #001633; line-height: 1.4; margin: 0 0 1.5em 0;
}
#pickupSeminarArea .pickupSeminarMain { width: 95%; margin: 0.5em auto 0em;
}
#pickupSeminarArea .pickupSeminarBox .textBox { width: 62%; float: left; margin: 0!important;
}
#pickupSeminarArea .pickupSeminarBox .imgBox { width: 35%; float: right; text-align: center;
}
#pickupSeminarArea .pickupSeminarBox .textBox { margin: 0 0 20px 0;
}
#pickupSeminarArea .pickupSeminarBox .textBox .speakerName dl { display: table; width: 100%; font-size: 1.1em; margin-bottom:1.5em; margin-bottom:0.2em;
}
#pickupSeminarArea .pickupSeminarBox .textBox .speakerName dt,
#pickupSeminarArea .pickupSeminarBox .textBox .speakerName dd { display: table-cell;
}
#pickupSeminarArea .pickupSeminarBox .textBox .speakerName dt { width: 60px; border-right: 2px solid #666;
}
#pickupSeminarArea .pickupSeminarBox .textBox .speakerName dd { padding: 0 0 0 0.5em;
}
#pickupSeminarArea .pickupSeminarBox .textBox .speakerName dd span { font-size: 1.3em; font-weight: bold;
}
#pickupSeminarArea .pickupSeminarBox .imgBox img { max-width:75%;
}
#pickupSeminarArea .pickupSeminarMain .moderatorArea { margin: 0 0 1em 0;
}
#pickupSeminarArea .pickupSeminarMain .moderatorArea ul { padding: 0 0 0 1.2em;
}
#pickupSeminarArea .pickupSeminarMain .moderatorArea ul li span { font-size: 1.1em; font-weight: bold;
}
.seminarTitle > .contentsList { margin: 0;
}
.seminarTitle > .contentsList li { font-size: 1.1em!important; color: #0f9382; line-height: 1.4;
}
.seminarTitle > .contentsList li+li { margin: 0.5em 0 0 0!important;
}
.seminarTitle > .contentsList li span { font-size: 0.8em!important; color: #333!important;
}
#pickupSeminarArea .pickupSeminarMain .panelistMain { display: table;
}
#pickupSeminarArea .pickupSeminarMain .panelistMain ul { display: table-cell; width: 50%; padding: 0 1.5em 0 1.2em;
}
#pickupSeminarArea .pickupSeminarMain .panelistMain ul:nth-of-type(2) { border-left: 1px dashed #999;
}
#pickupSeminarArea .pickupSeminarMain .panelistMain ul li span { font-size: 1.1em; font-weight: bold;
}
#pickupSeminarArea .pickupSeminarMain .peakerTitle { font-size: 1.2em; font-weight: bold; line-height: 1.2; margin: 0 0 0.5em 0!important; padding: 0!important;
}
#pickupSeminarArea .pickupSeminarMain .peakerTitle:before { content:"●"; font-size: 1.6em; color: #1eb6a2;
}
/* #pickupSeminarDetail */
#pickupSeminarDetail { margin: 0 0 4em 0!important;
}
#pickupSeminarDetail>p { font-size: 1.1em; line-height: 2;
}
/* #presentArea */
#presentArea { margin: 0 0 4em 0!important;
}
#presentArea #presentAreaMain { display: table; width: 70%; width:100%; background-color: #fffaf1; border: 1px solid #fde0bd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 0 auto; padding: 1em;
}
#presentArea #presentAreaMain > div { display: table-cell; vertical-align: top;
}
#presentArea #presentAreaMain > div.textBox p.presentCatch { /*margin-top: 0!important;*/
}
#presentArea #presentAreaMain > div.textBox p.presentCatch span { display: inline-block; line-height: 1.2;
}
#presentArea #presentAreaMain > div.textBox p.presentCatch span:nth-of-type(1) { /*font-size: 1.8em;*/ /*font-weight: bold;*/ /*background-color: #ffbe92;*/ margin: 0 0 0.2em 0; padding: 0.2em 0.3em;
}
#presentArea #presentAreaMain > div.textBox p.presentCatch span:nth-of-type(2) { font-size: 1.1em; color: #f00;
}
#presentArea #presentAreaMain > div.textBox p.presentTitle { font-size: 1.5em; font-weight: bold;
}
#presentArea #presentAreaMain > div.textBox .presentInfo { /*font-size: 1.2em;*/ /*text-align: right;*/
}
#presentArea #presentAreaMain > div.imgBox { width: 20%; padding: 0 1em;
}
#presentArea #presentAreaMain > div.imgBox img { width: 100%; height: auto;
}
/* #seminarOverviewArea */
/*#seminarOverviewArea { margin: 0 0 60px 0!important;
}*/
#seminarOverviewArea table.tableLayout01 { width: 100%!important;
}
#seminarOverviewArea table.tableLayout01 th,
#seminarOverviewArea table.tableLayout01 td { border: 1px solid #ddd; padding: 0.5em;
}
#seminarOverviewArea table.tableLayout01 th { width: 22%!important; font-weight: bold; text-align: right!important; vertical-align: middle!important;
}
/*
zebraだと文字色が#fffでダメになる
#seminarOverviewArea table.tableLayout01 tr:nth-child(odd)>th { background-color: #f9f9f9;
}
*/
#seminarOverviewArea table.tableLayout01 td { width: 100%; background-color: #fff!important;
}
#seminarOverviewArea table.tableLayout01 td span.siteURL { display: block; word-break: break-all!important;
}
#seminarOverviewArea table.tableLayout01 td i { color: #396fb8; padding: 0 0.5em 0 0;
}
/* #seminarTimeTableArea */
#seminarTimeTableArea { /*display: none;*/ width: 100%; margin: 0 0 60px 0!important;
/* position: absolute; top: 0; left: 0;*/
}
#seminarTimeTableArea table.tableLayout02 th,
#seminarTimeTableArea table.tableLayout02 td { border: 1px solid #ddd;
}
#seminarTimeTableArea table.tableLayout02 th { /*width: 8%!important;*/ /*max-width: 20em!important;*/ font-weight: bold; text-align: center!important; vertical-align: middle!important;
}
#seminarTimeTableArea table.tableLayout02 tr:nth-child(odd) th { background-color: #f9f9f9;
}
#seminarTimeTableArea table.tableLayout02 td { vertical-align: top; background-color: #fff; padding: 5px;
}
#main-contents .node .field-name-body .field-item table>tbody>tr:nth-child(odd)>td { background-color: #fff;
}
#seminarTimeTableArea table.tableLayout02 td > div.scheduleBox { margin: 0 0 30px 0;
}
#seminarTimeTableArea table.tableLayout02 td > div.scheduleBox:nth-of-type(1) { background-color: #fff; padding: 0!important;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.seminarcategory01 { margin: 0 0 1em 0; position: relative;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.seminarcategory01 > span { display: block; font-size: 1.2em; font-weight: bold; color: #fff; line-height: 1.2; background-color: #00a1e1; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 0.4em 0.5em; position: relative;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.seminarcategory01 > span > span { display: block; font-size: 0.8em; font-weight: bold; color: #ff4200; line-height: 1; background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; padding: 0.2em 0.4em; position: absolute; top: 50%; right: 0.5em; -webkit-transform: translateY(-50%) translateX(0%); transform: translateY(-50%) translateX(0%);
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.sponsorship > span { background-color: #00a1e1!important;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.seminarcategory01 span.lunchText { display: inline-block; font-size: 1em; font-weight: bold; color: #ff5400; line-height: 1.2; background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; padding: 0.2em 0.8em; position: absolute; top: 5px; right: 10px;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.seminarTitle { font-weight: bold; line-height: 1.4; margin: 0 0 1em 0;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.seminarTitle > span { display: block;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.seminarTitle > span:nth-of-type(1) { font-size: 1.1em; color: #001633;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.seminarTitle > span:nth-of-type(2) { font-size: 1em; color: #666;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain { padding: 0 0 0 0.5em!important;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain+div.scheduleBoxMain { margin: 10px 0 0 0!important;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain div.textBox { width: 65%; float: right; font-size: 1.1em; padding: 0 0 1em 0!important;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain div.textBox dl { display: table; width: 100%;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain div.textBox dl dt,
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain div.textBox dl dd { display: table-cell;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain div.textBox dl dt { width: 60px; font-size: 1em; border-right: 2px solid #666;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain div.textBox dl dd { padding: 0 0 0 1em;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain div.textBox dl dd span { font-size: 1.3em; font-weight: bold;
}
#seminarTimeTableArea table.tableLayout02 td .seminarcategory02 { margin: 0 0 0.5em 0;
}
#seminarTimeTableArea table.tableLayout02 td .seminarcategory02 span { display: inline-block; font-size: 1.1em; font-weight: bold; color: #fff; line-height: 1; background-color: #3aa0e9; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; padding: 0.3em 0.8em;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox { background-color: #f7f7f7; padding: 0.5em!important;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox+div.scheduleBox { margin: 10px 0 0 0;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain p { margin: 0!important;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain p+p { margin: .5em 0 0 0!important;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain div.imgBox { width: 30%; float: left;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain div.imgBox img { max-width: 100%; height: auto;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain.keynote div.imgBox { width: 20%!important;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain.keynote div.textBox { width: 78%!important;
}
#seminarTimeTableArea table.tableLayout02 td.keynote div.scheduleBox div.scheduleBoxMain div.textBox { width: calc(100% - 230px); padding: 0 0 1em 0!important;
}
#seminarTimeTableArea table.tableLayout02 td.keynote div.scheduleBox div.scheduleBoxMain div.imgBox { width: 200px;
}
@media screen and (max-width: 769px) {
#seminarTimeTableArea table.tableLayout02 td.keynote div.scheduleBox div.scheduleBoxMain div.textBox { width: 100%; padding: 0 0 1em 0!important;
}
#seminarTimeTableArea table.tableLayout02 td.keynote div.scheduleBox div.scheduleBoxMain div.imgBox { width: 100%;
}
}
/* .entryBtnArea */
.entryBtnArea { margin: 50px 0!important; padding: 0!important;
}
.entryBtnArea p { text-align:center; color:#f00; font-weight:bold; margin-bottom:1em!important;
}
/* 標準スタイルに負けない詳細度に */
.node .node__content .entryBtnArea a { display: block; width: 80%; font-size: 22px; font-weight: bold; color: #fff; line-height: 1; text-align: center; text-decoration: none; background-color: #ce3933; border-bottom: 3px solid #720702;
background-color: #376db9;
border-right: 1px solid #0e2e8f;
border-bottom: 3px solid #0e2e8f; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; margin: 0 auto; padding: 1.5em 0; transition: all .2s;
}
.entryBtnArea a i { padding: 0 0.5em 0 0;
}
.node .node__content .entryBtnArea a:hover { background-color: #4183e1;
}
div.hiddenBox { overflow: hidden; position: relative;
}
div.hiddenBox .readMoreBox { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 0, 0, 0)), to(white)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
div.hiddenBox .readMoreBox span { display: inline-block; font-weight: bold; color: #fff; line-height: 1; white-space: nowrap; background-color: #864129; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; cursor: pointer; padding: 0.6em 3em; transition: all .2s; position: absolute; bottom: 10%; left: 50%; -webkit-transform: translateY(0%) translateX(-50%); transform: translateY(0%) translateX(-50%);
}
div.hiddenBox .readMoreBox span:hover { background-color: #a73811;
}
/* #event-aside-wide */
#event-wrap #event-aside-wide { width: 100%; font-size: 1em;
}
#event-wrap #event-aside-wide div.sponsorTitle { display: table; width: 100%; background-color: #efefef; margin: 0 0 40px 0;
}
#event-wrap #event-aside-wide div.sponsorTitle span { display: table-cell; height: 45px; font-size: 2em; font-weight: bold; text-align: center; vertical-align: middle;
}
#event-wrap #event-aside-wide div.sponsorArea { width: 90%; margin: 0 auto;
}
#event-wrap #event-aside-wide div.sponsorArea+div.sponsorArea { margin-top: 40px;
}
#event-wrap #event-aside-wide div.sponsorArea div.sponsorClass { margin: 0 0 30px 0;
}
#event-wrap #event-aside-wide div.sponsorArea div.sponsorClass span { display: block; font-size: 1.6em; font-weight: bold; color: #ce3933; text-align: center; border-bottom: 2px solid #999; /*-webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em;*/
}
/*#event-wrap #event-aside-wide div.sponsorArea ul li { text-align: center; list-style: none!important; padding: 3em 4em;
}
#event-wrap #event-aside-wide div.sponsorArea ul li:last-of-type { padding: 3em 8em;
}*/
#event-wrap #event-aside-wide div.sponsorArea ul.class01 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 70%; width:100%; margin: 0 auto;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class01 li { width: 45%; width:33%; text-align: center; padding: 30px;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class01 li a { display: inline-block;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class01 li.medium img { max-height:130px; max-width:230px;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class01 li.small img { max-height:100px; max-width:200px;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class02 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 90%; margin: 0 auto;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class02 li { width: 28%; text-align: center; padding: 30px;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class02 li.type02 a img { max-width: 100%!important;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class02 li a { display: inline-block;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class02 li.medium img { max-height:130px; max-width:230px;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class02 li.small img { max-height:100px; max-width:165px;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class02 li.more_small img { max-height:80px; max-width:150px;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class02 li.aiship { padding-top:40px;
}
.panelProfileArea+.panelProfileArea { border-top: 1px dashed #ccc; margin: 1.5em 0 0 0!important; padding: 1.5em 0 0 0!important;
}
.panelProfileArea > .scheduleBoxMain { margin: 0 0 1em 0!important;
}
.panelProfileArea > .scheduleBoxMain > .textBox > .speakerName > dl > dt,
.panelProfileArea > .scheduleBoxMain > .textBox > .speakerName > dl > dd { display: block!important; width: 100%!important;
}
.panelProfileArea > .scheduleBoxMain > .textBox > .speakerName > dl > dt { border-right: none!important; border-bottom: 1px solid #666!important;
}
.panelProfileArea > .scheduleBoxMain > .textBox > .speakerName > dl > dd { padding: 1em 0 0 0!important;
}
.panelInfoArea { margin: 0 0 40px 0!important;
}
.dateTitleArea { margin: 0 0 20px 0!important;
}
.dateTitleArea .areMain { border-bottom: 3px solid #5f93db; padding: 0 0 0 0.5em!important; position: relative;
}
.dateTitleArea .areMain:after { content: ""; display: block; width: 25%; height: 3px; background-color: #0e2e8f; position: absolute; bottom: -3px; left: 0; z-index: 10;
}
.dateTitleArea .areMain span { display: inline-block; font-size: 1.5em; font-weight: bold;
}
.Venue { padding: 0!important;
}
.Venue span { display: block; font-size: 1.4em; font-weight: bold; text-align: center; background-color: #f9f9f9!important; padding: 5px 0;
}
.dateArea+.dateArea { margin: 60px 0 0 0!important;
}
.blankBox { background-color: #efefef!important;
}
/************************************************************/
/* max-width: 768px */
/************************************************************/
@media screen and (max-width: 768px) {
/* 共通 */
#event-wrap #event-content-wide .blockTitle { margin: 0 0 1.5em 0;
}
#event-wrap #event-content-wide .blockTitle h2 { font-size: 1.6em;
}
#event-wrap #event-content-wide .blockTitle h2 span { display: inline-block; padding: 0.5em;
}
#event-wrap #event-content-wide .blockTitle h2 span:nth-of-type(1) { background-color: #00a1e1;
}
#event-wrap #pageScrollLink > ul > li.liMenu1 { width:100%
}
#event-wrap #pageScrollLink > ul > li.liMenu2 { width:100%
}
#event-wrap #pageScrollLink > ul > li.liMenu3 { width:100%
}
#event-wrap #pageScrollLink > ul > li.liMenu4 { width:100%
}
#event-wrap #pageScrollLink > ul > li.liMenu5 { width:100%
}
/* #event-content-wide */
#event-wrap #event-content-wide { width: 100%; float: none;
}
/* #pageScrollLink */
#event-wrap #pageScrollLink > ul { display: block;
}
#event-wrap #pageScrollLink > ul > li { width: 100%;
}
/* #pickupSeminarArea */
#pickupSeminarArea { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; margin: 0 0 4em 0!important; padding: 0.5em!important;
}
#pickupSeminarArea .pickupSeminarBox .seminarTitle { font-size: 1.2em; line-height: 1.6;
}
#pickupSeminarArea .pickupSeminarMain { width: 90%;
}
#pickupSeminarArea .pickupSeminarBox .textBox { width: 100%; float: none; margin: 0 0 20px 0!important;
}
#pickupSeminarArea .pickupSeminarBox .imgBox { width: 100%; float: none; text-align: center;
}
#pickupSeminarArea .pickupSeminarBox .imgBox img { width: 50%;
}
#pickupSeminarArea .pickupSeminarBox .imgBox img.small { width:35%;
}
#pickupSeminarArea .pickupSeminarBox .textBox { margin: 0 0 20px 0;
}
/* #seminarOverviewArea */
#seminarOverviewArea { margin: 0 0 40px 0!important;
}
#seminarOverviewArea table { border: none!important;
}
#seminarOverviewArea table.tableLayout01 th,
#seminarOverviewArea table.tableLayout01 td { display: block;
}
#seminarOverviewArea table.tableLayout01 th { width: 100%!important; font-size: 1.2em; font-weight: bold; text-align: center!important; vertical-align: middle!important;
/* background-color: #eee!important; */ border-bottom: none!important;
}
#seminarOverviewArea table.tableLayout01 tr:nth-of-type(n+2) th { border-top: none!important;
}
/* #seminarTimeTableArea */
#seminarTimeTableArea { margin: 0 0 40px 0!important;
}
#seminarTimeTableArea table.tableLayout02 { border: none!important;
}
#seminarTimeTableArea table.tableLayout02 th,
#seminarTimeTableArea table.tableLayout02 td { display: block;
}
#seminarTimeTableArea table.tableLayout02 th { width: 100%!important; font-size: 1.2em; background-color: #eee!important; border-bottom: none!important;
}
#seminarTimeTableArea table.tableLayout02 tr:nth-of-type(n+2) th { border-top: none!important;
}
#seminarTimeTableArea table.tableLayout02 td { padding: 10px 10px 20px 10px!important;
}
#seminarTimeTableArea table.tableLayout02 td+td { border-top: none!important;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.seminarTitle { font-size: 1.1em; line-height: 1.6;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain div.textBox { font-size: 1em;
}
#seminarTimeTableArea table.tableLayout02 td .seminarcategory02 span { font-size: 1em;
}
/* .entryBtnArea */
.entryBtnArea { margin: 30px 0!important; padding: 1em 0 4em 0!important;
}
#pickupSeminarArea .pickupSeminarMain .panelistMain { display: block;
}
#pickupSeminarArea .pickupSeminarMain .panelistMain ul { display: block; width: 100%; padding: 0 0 0 1.2em;
}
#pickupSeminarArea .pickupSeminarMain .panelistMain ul:nth-of-type(2) { border-left: none; border-top: 1px dashed #999; margin: 1em 0 0 0; padding: 1em 0 0 1.2em;
}
#pickupSeminarArea .pickupSeminarMain .contentsList li br { display: inline-block;
}
/* #event-aside-wide */
#event-wrap #event-aside-wide { width: 100%; float: none; font-size: 1em; margin: 0 auto;
}
#event-wrap #event-aside-wide div.sponsorTitle { margin: 0 0 20px 0;
}
#event-wrap #event-aside-wide div.sponsorTitle span { font-size: 1.3em;
}
#event-wrap #event-aside-wide div.sponsorArea { width: 90%; margin: 0 auto;
}
#event-wrap #event-aside-wide div.sponsorArea+div.sponsorArea { margin-top: 60px;
}
#event-wrap #event-aside-wide div.sponsorArea div.sponsorClass { margin: 0 0 30px 0;
}
#event-wrap #event-aside-wide div.sponsorArea div.sponsorClass span { font-size: 1.4em;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class01 { display: block; width: 100%; margin: 0 auto;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class01 li,
#event-wrap #event-aside-wide div.sponsorArea ul.class02 li { width: 100%; text-align: center; padding: 0 15%;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class01 li+li,
#event-wrap #event-aside-wide div.sponsorArea ul.class02 li+li { padding-top: 50px;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class02 li.aiship { padding-top: 50px;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class02 { display: block; width: 90%; margin: 0 auto;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class02 li.type02 { padding-left: 20%; padding-right: 20%;
}
/*#event-wrap #event-aside-wide div.sponsorArea ul.class02 { display: block; width: 90%; margin: 0 auto;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class02 li { width: 25%; text-align: center; padding: 30px;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class02 li.type02 a img { max-width: 70%!important;
}
#event-wrap #event-aside-wide div.sponsorArea ul.class02 li a { display: inline-block;
}*/
.pickupSeminarBox_2box > div:nth-of-type(1) { border-right: none; border-bottom: 1px dashed #b3870f; padding: 0 0 1em 0!important;
}
.pickupSeminarBox_2box > div:nth-of-type(2) { padding: 1em 0 0 0!important;
}
.VenueArea { display: none;
}
.blankBox { display: none!important;
}
}
/************************************************************/
/* max-width: 480px */
/************************************************************/
@media screen and (max-width: 480px) {
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain div.textBox { width: 100%; float: none; font-size: 1em;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain div.imgBox { width: 100%; float: none; text-align: center;
}
/* .entryBtnArea */
.entryBtnArea { padding: 0!important;
}
.entryBtnArea a { width: 90%; font-size: 1.5em;
}
/* #presentArea */
#presentArea { margin: 0 0 3em 0!important;
}
#presentArea #presentAreaMain { display: block; width: 100%; background-color: #fffaf1; border: 1px solid #fde0bd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 0.5em;
}
#presentArea #presentAreaMain > div { display: block; vertical-align: top;
}
#presentArea #presentAreaMain > div.textBox .presentInfo { font-size: 0.9em; text-align: right; margin: 0 0 1em 0; padding: 0 1em 0 0;
}
#presentArea #presentAreaMain > div.textBox p.presentCatch { margin: 0!important;
}
#presentArea #presentAreaMain > div.textBox p.presentCatch span { display: inline-block; width: 100%; line-height: 1.2;
}
#presentArea #presentAreaMain > div.textBox p.presentCatch span:nth-of-type(1) { font-size: 1.2em; font-weight: bold; background-color: #ffbe92; margin: 0 0 0.2em 0; padding: 0.2em 0.3em;
}
#presentArea #presentAreaMain > div.textBox p.presentCatch span:nth-of-type(2) { font-size: 1.1em; color: #f00;
}
#presentArea #presentAreaMain > div.textBox p.presentTitle { font-size: 1.35em; font-weight: bold; text-align: center; margin: 0.5em 0!important;
}
#presentArea #presentAreaMain > div.imgBox { width: 100%; text-align: center; padding: 0 1em;
}
#presentArea #presentAreaMain > div.imgBox img { width: 80%; height: auto;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.seminarcategory01 span.lunchText { display: inline-block; font-size: 0.9em; font-weight: bold; color: #ff5400; line-height: 1.2; background-color: rgba(255,255,255,0.3); border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; padding: 0; position: absolute; top: auto; bottom: -1.3em; right: 0;
}
#seminarTimeTableArea table.tableLayout02 td div.scheduleBox div.scheduleBoxMain { padding: 0 0 2em 0.5em!important;
}
}
.strong { font-weight: bold;
}
.strong02 { font-weight: bold; background-color: #fff6c3;
}
/**************************************/
/* 2カラムタイプ */
/**************************************/
.LecturerBox01+.LecturerBox01 { margin: 1em 0 0 0!important;
}
@media screen and (min-width: 769px) {
.LecturerType01 > div.imgBox {
/* width: 20%!important; float: left!important; */
}
.LecturerType01 > div.textBox {
/* width: 78%!important; float: right!important; */ font-size: 1.1em; padding: 0 0 1em 0!important;
}
.columnType_2box > td { width: 46.5%;
}
.columnType_2box div.seminarcategory01 > span { display: block; font-size: 1.1em!important; font-weight: bold; color: #fff; line-height: 1.2; background-color: #00a1e1; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 0.4em 0.5em; position: relative;
}
.columnType_2box .seminarTitle { font-size: 1.2em!important; line-height: 1.4!important; margin: 0 0 1.5em 0!important;
}
.columnType_2box .speakerName dl { font-size: 0.9em!important;
}
.columnType_2box .speakerName dt { width: 60px; border-right: 2px solid #666;
}
.columnType_2box .speakerName dd span { font-size: 1.1em!important;
}
.columnType_2box div.scheduleBoxMain div.textBox dl dt { width: 40px!important;
}
.columnType_2box .seminarcategory02 span { font-size: 0.9em!important;
}
.columnType_2box div.scheduleBoxMain p { font-size: 0.9em!important;
}
.profileBoxType01+.profileBoxType01 { border-top: 1px dashed #ccc; margin: 1em 0 0 0!important; padding: 1em 0 0 0!important;
}
.profileBoxType01 > .title { font-size: 0.9em!important; font-weight: bold; /*margin: 0 0 0.5em 0!important;*/
}
.profileBoxType01 > .text { font-size: 0.9em!important;
}
.columnType_3box > td { width: 31%;
}
.columnType_3box div.seminarcategory01 > span { display: block; font-size: 1.1em!important; font-weight: bold; color: #fff; line-height: 1.2; background-color: #00a1e1; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 0.4em 0.5em; position: relative;
}
/* .columnType_3box .seminarTitle { font-size: 1.2em!important; line-height: 1.4!important; margin: 0 0 1.5em 0!important;
} */
.columnType_3box .speakerName dl { font-size: 0.9em!important;
}
.columnType_3box .speakerName dt { width: 60px; border-right: 2px solid #666;
}
.columnType_3box .speakerName dd span { font-size: 1.1em!important;
}
.columnType_3box div.scheduleBoxMain div.textBox dl dt { width: 40px!important;
}
.columnType_3box .seminarcategory02 span { font-size: 0.9em!important;
}
.columnType_3box div.scheduleBoxMain p { font-size: 0.9em!important;
}
.pickupSeminarBox_2box { display: table; width: 100%;
}
.pickupSeminarBox_2box > div { display: table-cell; width: 50%;
}
.pickupSeminarBox_2box > div:nth-of-type(1) { border-right: 1px dashed #b3870f; padding: 0 1em 0 0!important;
}
.pickupSeminarBox_2box > div:nth-of-type(2) { padding: 0 0 0 1em!important;
}
.pickupSeminarBox_2box > div > .seminarTitle { line-height: 1.4!important; margin: 0 0 1em 0!important;
}
.pickupSeminarBox_2box > div > .seminarTitle > span { display: block;
}
.pickupSeminarBox_2box > div > .seminarTitle > span:nth-of-type(1) { font-size: .9em!important;
}
.pickupSeminarBox_2box > div > .seminarTitle > span:nth-of-type(2) { font-size: .8em!important; color: #666;
}
.pickupSeminarBox_2box > div > .pickupSeminarMain { display: table!important; width: 100%!important;
}
.pickupSeminarBox_2box > div .textBox { display: table-cell!important; width: 60%!important; float: none!important; font-size: 0.8em!important;
}
.pickupSeminarBox_2box > div .textBox .speakerName { display: block!important;
}
.pickupSeminarBox_2box > div .textBox .speakerName dt,
.pickupSeminarBox_2box > div .textBox .speakerName dd { display: block!important;
}
.pickupSeminarBox_2box > div .textBox .speakerName dt { width: 100%!important; font-size: 1.1em!important; border-right: none!important; border-bottom: 1px solid #ccc; margin: 0 0 0.5em 0!important;
}
.pickupSeminarBox_2box > div .textBox .speakerName dt span.panelExp { display:inline-block; padding:0.2em 1em; border-radius:0.3em; background:#00a1e1; color:#fff; font-size:0.9em; margin:1em 0 0.5em;
}
.pickupSeminarBox_2box > div .textBox .speakerName dd { padding: 0!important;
}
.pickupSeminarBox_2box > div .imgBox { display: table-cell!important; width: 40%!important; float: none!important; text-align: center!important; vertical-align: middle!important; padding: 0 1em!important;
}
.pickupSeminarBox_2box > div .imgBox img { width: 100%!important; height: auto;
}
.pickupSeminarBox_2box > div .imgBox img.small { width:65%!important;
}
.pickupSeminarBox_2box > div .imgBox img.imgH { padding-top:3.7em!important;
}
}
#syncBanner ul { display: table; margin: 0 auto;
}
#syncBanner ul li { display: table-cell; width: 50%;
}
#syncBanner ul li a { display: block; padding: 0.5em; transition: all 0.2s;
}
#syncBanner ul li a:hover { opacity: 0.7;
}
#syncBanner ul li a img { max-width: 100%; height: auto;
}
@media screen and (max-width: 769px) {
#syncBanner ul { display: block; max-width: 300px; margin: 0 auto;
}
#syncBanner ul li { display: block; width: 100%;
}
#syncBanner ul li a { display: block; padding: 0.5em; transition: all 0.2s;
}
#syncBanner ul li a:hover { opacity: 1;
}
#syncBanner ul li a img { max-width: 100%; height: auto;
}
#presentArea #presentAreaMain > div { display:block;
}
#presentArea #presentAreaMain div.imgBox { width:100%; text-align:center;
}
#presentArea #presentAreaMain div.imgBox img { max-width:70%;
}
}
#event-wrap .seminarOverviewMain { margin-bottom:2em;
}
#event-wrap .fwBUp { font-weight:bold; font-size:115%; color: #f31515;
}
#event-wrap .fwB_red { font-weight:bold; color: #f31515;
}
#online_inho_area { /* background-color: #ffe200; border: 6px solid #fff28f; margin: 0 0 20px 0!important; */ background-color: #ffe6e5; border: 6px solid #ce3933; margin: 0 0 20px 0!important;
}
#online_inho_area p { font-size: 1.4em; font-weight: bold; color: #191100; line-height: 1.2; text-align: center; margin: 0; padding: .6em;
}
@media screen and (max-width: 769px) {
#online_inho_area p { font-size: 1.2em; font-weight: bold; color: #191100; line-height: 1.2; text-align: center; margin: 0; padding: .6em;
}
}
#seminarTimeTableArea table.tableLayout02 td { padding: 10px 10px 20px 10px!important;
}
#event-wrap div.seminarInfoText02 { background-color: #EFF; border: 1px solid #CDD; margin: 0 0 20px 0; padding: 10px 20px;
}
/* 20210407 add */
/****************************************/
/* ピックアップセミナー */
/****************************************/
#event-wrap .pickup_seminar_section { display: flex;
}
#event-wrap .pickup_seminar_section+.pickup_seminar_section { margin-top: 20px; border-bottom: 2px dashed #ccc; padding-bottom: 20px;
}
#event-wrap .pickup_seminar_section { border-bottom: 2px dashed #ccc; padding-bottom: 20px;
}
#event-wrap .pickup_seminar_section+.pickup_seminar_section.noBorder { border-bottom:0;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box { width: 100%; line-height: 1.2;
}
#event-wrap .pickup_seminar_section.box_two .pickup_seminar_box+.pickup_seminar_box { border-left: 2px dashed #ccc;
}
#event-wrap .pickup_seminar_section.box_two .pickup_seminar_box:nth-of-type(1) { padding-right: 10px;
}
#event-wrap .pickup_seminar_section.box_two .pickup_seminar_box:nth-of-type(2) { padding-left: 10px;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminarcategory { display: flex; align-items: center; font-weight: bold; font-size: 1.1em; background-color: #e5f5ff; border-left: 5px solid #376db9; padding: 7px 10px;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminarcategory .category_id { font-size: .9em; line-height: 1; background-color: #fff; border-radius: 100vh; margin-right: 8px; padding: .2em .5em;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminarTitle { margin-top: 15px;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminarTitle > span { display: block;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminarTitle > span.main { font-size: 1.2em; font-weight: bold;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .halmek { display:flex; align-items:center;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .halmek .halmek_left { width:60%;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .halmek .halmek_left .seminar_profile .profile_main { width:100%;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .halmek .halmek_right { width:40%; text-align:center;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .halmek .halmek_right img { max-width:80%;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile { display: flex; justify-content: space-between; align-items: center; width: 100%; font-size: .9em; margin-top: 15px;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .profile_main { width: 60%;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .profile_main .speaker_box { display: inline-block; width: 60%; background-color: #f6f6f6; border: 1px solid #ddd; padding: 5px 8px;
}
#event-wrap .pickup_seminar_section.box_two .pickup_seminar_box .seminar_profile .profile_main .speaker_box { width: 100%;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .profile_main .speaker_box .title { font-weight: bold; border-bottom: 1px solid #ccc; margin-bottom: 3px; padding-bottom: 3px;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .profile_main .speaker_box li { line-height: 1.4;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .profile_main .speaker_box li.name > span { font-size: 1.1em; font-weight: bold;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .compamy_logo { display: flex; justify-content: center; align-items: center; width: 40%;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .compamy_logo img { width: 70%; max-width: 260px; height: auto;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .compamy_logo.small img { max-width:200px;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .compamy_logo.smallS img { max-height:150px; width:auto;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .compamy_logo.smallH img { max-height:110px; width:auto;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .compamy_logo.smallH_more img { max-height:95px; width:auto;
}
/****************************************/
/* タイムテーブル */
/****************************************/
#event-wrap .seminarTimeTableMain table,
#event-wrap .seminarTimeTableMain table tbody,
#event-wrap .seminarTimeTableMain table tr { width: 100%;
}
#event-wrap .seminarTimeTableMain table { table-layout: fixed;
}
#event-wrap .seminarTimeTableMain th { width: 50px; font-weight: bold; line-height: 1.4; text-align: center; vertical-align: middle; background-color:#376db9;
}
#event-wrap .seminarTimeTableMain th > span { display: block; transform: rotate(90deg);
}
#event-wrap .seminarTimeTableMain td { /*width: calc((100% - 50px) / 2);*/ line-height: 1.2; padding: 10px;
}
#event-wrap .seminarTimeTableMain td .seninar_section { display: flex; flex-wrap: wrap; justify-content: space-between;
}
#event-wrap .seminarTimeTableMain td .seminarcategory { width: 100%; display: flex; align-items: center; font-weight: bold; font-size: 1.1em; background-color: #e5f5ff; border-left: 5px solid #376db9; padding: 7px 10px;
}
#event-wrap .seminarTimeTableMain td .seminarcategory .category_id { font-size: .9em; line-height: 1; background-color: #fff; border-radius: 100vh; margin-right: 8px; padding: .2em .5em;
}
#event-wrap .seminarTimeTableMain td .seminar_title { width: 100%; margin-top: 15px;
}
#event-wrap .seminarTimeTableMain td .seminar_title > span { display: block;
}
#event-wrap .seminarTimeTableMain td .seminar_title > span.main { font-size: 1.1em; font-weight: bold;
}
#event-wrap .seminarTimeTableMain td .speaker_section { display: flex; justify-content: space-between; width: 100%; font-size: .9em; margin-top: 15px;
}
#event-wrap .seminarTimeTableMain .one_box td .speaker_section { width: 49%;
}
#event-wrap .seminarTimeTableMain td .speaker_section .speaker_profile { width: calc(100% - 160px);
}
#event-wrap .seminarTimeTableMain td .speaker_section .speaker_profile .inner { display: inline-block; width: 100%; background-color: #f6f6f6; border: 1px solid #ddd; padding: 5px 8px;
}
#event-wrap .seminarTimeTableMain .box_two td .speaker_section .speaker_profile .inner { width: 100%;
}
#event-wrap .seminarTimeTableMain td .speaker_section .speaker_profile .inner .title { font-weight: bold; border-bottom: 1px solid #ccc; margin-bottom: 3px; padding-bottom: 3px;
}
#event-wrap .seminarTimeTableMain td .speaker_section .speaker_profile .inner li { line-height: 1.4;
}
#event-wrap .seminarTimeTableMain td .speaker_section .speaker_profile .inner li.name > span { font-size: 1.1em; font-weight: bold;
}
#event-wrap .seminarTimeTableMain td .speaker_section .speaker_img { width: 150px;
}
#event-wrap .seminarTimeTableMain td .speaker_section .speaker_img img { width: 100%; height: auto;
}
#event-wrap .seminarTimeTableMain td .hiddenBox { font-size: .9em; margin-top: 10px; padding-top: 5px;
}
#event-wrap .seminarTimeTableMain td .hiddenBox .section_detail_box+.section_detail_box { margin-top: 10px;
}
#event-wrap .seminarTimeTableMain td .hiddenBox .detail_category > span { font-size: .9em; font-weight: bold; color: #fff; line-height: 1; background-color: #8c8585; border-radius: 3px; margin-right: 8px; padding: .2em .5em;
}
#event-wrap .seminarTimeTableMain td .hiddenBox .detail_text { font-size: .95em; line-height: 1.6; background-color: #f6f6f6; border: 1px solid #ddd; margin-top: 5px; padding: 8px;
}
#event-wrap .seminarTimeTableMain td .hiddenBox .detail_text p+p { margin-top: .5em;
}
/****************************************/
/* 特典 */
/****************************************/
#event-wrap #presentArea { display: flex; flex-direction: row-reverse; justify-content: space-between; width: 80%; background-color: #fff; /*border: 5px solid #db5f83;*/ border: 5px solid #ce3933; margin: 30px auto!important; padding: 20px; align-items: center;
}
#event-wrap #presentArea .img { width: 20%;
}
#event-wrap #presentArea .img img { width: 100%; height: auto;
}
#event-wrap #presentArea .text { width: 80%; padding-left: 20px; /*width: 100%;*/ text-align: center;
}
#event-wrap #presentArea .text h2 { font-size: 1.6em; /*background: linear-gradient(transparent 45%, #ffc1cf 45%);*/ background: linear-gradient(transparent 45%, #fff28f 45%); border: none; border-radius: 0; margin: 0 0 .5em 0; /*padding: 0 0 0 .5em;*/ padding: 0;
}
#event-wrap #presentArea .text h3 { font-size: 1.2em; box-shadow: none; text-shadow: none; border-top: none; border-bottom: none; border-radius: 0; margin: 0 0 .5em 0; padding: 0;
}
#event-wrap #presentArea .text h3::before,
#event-wrap #presentArea .text h3::after { display: none;
}
#event-wrap #presentArea .text p { font-size: 1em; line-height: 2;
}
#event-wrap #presentArea strong { font-weight: bold; color: #ff004a; color: #ff5400;
}
.sp { display: none;
}
#event-wrap .subtitle02 { font-size: 1.4em; font-weight: bold; color: #290017; line-height: 1.2; /*background-color: #fff2f4;*/ border-bottom: 3px solid #badcf1; margin-bottom: 15px; padding: 5px 10px; position: relative;
}
#event-wrap .subtitle02 ::after { content: ""; display: block; width: 30%; height: 3px; background-color: #376db9; position: absolute; bottom: -3px; left: 0;
}
#main-contents .node .field-name-body .field-item table>tbody>tr:nth-child(odd)>td.meeting { background:#ffe;
}
#event-wrap .seminarTimeTableMain td.meeting .seminarcategory .category_id { background:#f69; color:#fff;
}
#event-wrap .seminarTimeTableMain td.meeting .red { color:#f00; font-weight:bold;
}
#event-wrap .seminarTimeTableMain td .seninar_section .seminarcategory {
}
#event-wrap .seminarTimeTableMain td .seninar_section .koTitle { width:100%; text-align:center; padding:1em 0 0; font-weight:bold; color:#ff7600;
}
#event-wrap .seminarTimeTableMain td .seninar_section .koOutline { padding:1em 1.5em;
}
#event-wrap .seminarTimeTableMain td .seninar_section .koExpArea { padding:1em 1.5em; background:#fff; width:100%; border:solid 3px #f60;
}
#event-wrap .seminarTimeTableMain td .seninar_section .koExpArea ul.circle { list-style-type: disc!important; margin-left:1.5em; font-size:0.9em;
}
#event-wrap .seminarTimeTableMain td .seninar_section .koExpArea ul li { list-style-type: disc!important; margin-bottom:0.3em;
}
@media screen and (max-width: 1200px) {
/****************************************/
/* 特典 */
/****************************************/
#event-wrap #presentArea { width: 100%; font-size: 2vw;
}
#event-wrap #presentArea .text { width: 80%; padding-left: 10px;
}
#event-wrap #presentArea .text h2 { font-size: 1.4em;
}
#event-wrap #presentArea .text h3 { font-size: 1em;
}
#event-wrap #presentArea .text p { font-size: .8em;
}
}
@media screen and (max-width: 768px) {
/****************************************/
/* ピックアップセミナー */
/****************************************/
#event-wrap .pickup_seminar_section { display: block;
}
#event-wrap .pickup_seminar_section+.pickup_seminar_section { margin-top: 5%;
}
#event-wrap .pickup_seminar_section.box_two .pickup_seminar_box+.pickup_seminar_box { border-left: 0; margin-top: 5%;
}
#event-wrap .pickup_seminar_section.box_two .pickup_seminar_box:nth-of-type(1) { padding-right: 0;
}
#event-wrap .pickup_seminar_section.box_two .pickup_seminar_box:nth-of-type(2) { padding-left: 0;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .profile_main .speaker_box { width: 100%;
}
/****************************************/
/* タイムテーブル */
/****************************************/
#event-wrap .seminarTimeTableMain th { width: 40px; font-size: .8em;
}
#event-wrap .seminarTimeTableMain td .seminarcategory { font-size: .95em;
}
#event-wrap .seminarTimeTableMain td .seminar_title > span.main { font-size: 1em;
}
#event-wrap .seminarTimeTableMain td .speaker_section { display: flex; justify-content: space-between; width: 100%; font-size: .8em; margin-top: 10px;
}
#event-wrap .seminarTimeTableMain td .hiddenBox { font-size: .8em; margin-top: 10px;
}
/****************************************/
/* 特典 */
/****************************************/
#event-wrap #presentArea { display: block; font-size: 2.6vw;
}
#event-wrap #presentArea .text { width: 100%; padding-left: 0;
}
#event-wrap #presentArea .text h2 { font-size: 1.4em;
}
#event-wrap #presentArea .text h3 { font-size: 1em;
}
#event-wrap #presentArea .text p { font-size: .8em;
}
#event-wrap #presentArea .img { width: 40%; margin: 3% auto 0;
}
}
@media screen and (max-width: 690px) {
#event-wrap { font-size: 3.2vw;
}
/****************************************/
/* タイムテーブル */
/****************************************/
#event-wrap .seminarTimeTableMain th,
#event-wrap .seminarTimeTableMain td { display: block; width: 100%;
}
#event-wrap .seminarTimeTableMain th { font-size: 1.3em; padding: 5px 0;
}
#event-wrap .seminarTimeTableMain th > span { display: inline-block; transform: rotate(0deg);
}
#event-wrap .seminarTimeTableMain td { min-height: 100px;
}
#event-wrap .seminarTimeTableMain td .seminarcategory { font-size: 1.1em;
}
#event-wrap .seminarTimeTableMain td .seminar_title > span.main { font-size: 1.2em;
}
#event-wrap .seminarTimeTableMain td .speaker_section { display: block; font-size: 1em;
}
#event-wrap .seminarTimeTableMain .one_box td .speaker_section { width: 100%;
}
#event-wrap .seminarTimeTableMain td .speaker_section .speaker_profile { width: 80%; margin: 10px auto 0;
}
#event-wrap .seminarTimeTableMain td .speaker_section .speaker_profile .inner { width: 100%;
}
#event-wrap .seminarTimeTableMain td .speaker_section .speaker_img { width: 45%; margin: 0 auto;
}
#event-wrap .seminarTimeTableMain td .hiddenBox { font-size: 1.1em;
}
/****************************************/
/* 特典 */
/****************************************/
#event-wrap #presentArea { font-size: 3vw; border: 3px solid #2196f3; padding: 4% 2%;
}
#event-wrap #presentArea .text h2 { background: linear-gradient(transparent 70%, #fff28f 70%);
}
#event-wrap #presentArea .img { width: 60%;
}
.sp { display: block;
}
#event-wrap .subtitle02 { font-size: 1.2em;
}
}
#event-wrap #seminarOverviewArea .tableLayout01 td .overview__fee span { font-weight:bold; font-size:0.8em;
}
#event-wrap .overview__datetime,
#event-wrap .overview__price { display:flex; flex-wrap: wrap; width:100%;
}
#event-wrap .overview__datetime .ttlBlock { width:35%;
}
#event-wrap .overview__datetime .dateBlock { width:65%;
}
#event-wrap .overview__price .ttlBlock{ width:20%;
}
#event-wrap .overview__price .priceBlock{ width:80%;
}
#event-wrap span.red { color:#f00;
}
#event-wrap .overview__fee { display:flex; flex-wrap: wrap; width:100%;
}
#event-wrap .overview__fee .ttlBlock { width:15%;
}
#event-wrap .overview__fee .feeBlock { width:85%;
}
#event-wrap .setLogoArea { display:flex; align-items:center;
}
#event-wrap .setLogoArea .spkTxt{ width:60%;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .setLogoArea .spkTxt .seminar_profile .profile_main { width:100%;
}
#event-wrap .setLogoArea .logoImg { width:40%; text-align:center;
}
#event-wrap .setLogoArea .logoImg img { max-width:70%;
}
@media screen and (max-width: 768px) { #event-wrap .overview__datetime, #event-wrap .overview__price, #event-wrap .overview__fee { display:block; } #event-wrap .overview__datetime .ttlBlock, #event-wrap .overview__datetime .dateBlock, #event-wrap .overview__price .ttlBlock, #event-wrap .overview__price .priceBlock { width:100%; } #event-wrap .overview__fee .ttlBlock { width:100%; } #event-wrap .overview__fee .feeBlock { width:100%; }
}
#event-wrap .seminarTimeTableMain td.meeting { background:#ffe;
}
#event-wrap .red { color: #f31515;
}
#event-wrap .fwB { font-weight:bold;
}
#event-wrap .mb20 { margin-bottom:20px;
}
#event-wrap .catchBg { /*background:#FF9;*/ color:#f00; font-weight:bold; padding:3px;
}
/** * ネッ担本体サイト全体のCSSと同じ値を定義しておいて、 * 万が一サイトのほうの値が変わっても変な表示にならないようにしておく */
#event-wrap #seminarOverviewArea table.tableLayout01 tr th { color: #fff; background-color: #376db9;
}
jQuery( function() { var hiddenBox_H = []; jQuery(".hiddenBox").outerHeight('120px'); jQuery(".hiddenBoxMain").each(function(array){ hiddenBox_H[array] = jQuery(this).outerHeight(); }); jQuery(window).on('resize', function(){ jQuery(".hiddenBoxMain").each(function(array){ hiddenBox_H[array] = jQuery(this).outerHeight(); }); }); jQuery(".hiddenBox .readMoreBox span").click(function () { var index = jQuery(".hiddenBox .readMoreBox span").index(this); jQuery(this).parents('.hiddenBox').animate( { 'height': hiddenBox_H[index] }, { duration: 'fast', complete: function(){ jQuery(this).css('height','auto'); } } ); jQuery(this).parent().hide(); }); var sponsorAea = jQuery('#event-aside-wide'); jQuery(window).on('load resize', function(){ var win_W = window.innerWidth; if(win_W < 769){ jQuery('#seminarTimeTableArea').after(sponsorAea); } else { jQuery('#event-content-wide').after(sponsorAea); } });
});
#event-wrap .seminarTimeTableMain td { vertical-align: top; } #event-wrap{ max-width: 1024px; margin-inline: auto; } /* ボタンの文字色は白 */ .node .node__content .entryBtnArea a{ color: #fff; } #event-wrap li::before{ display: none; } #event-wrap #pickup_seminar_area .seminar_lecturer_profile .profile_box > ul > li.lecturer_name::after { content: ""; } #event-wrap #pickup_seminar_area .logoMinimal { } #event-wrap .meetUpArea { margin:0em auto 30px; text-align:center; } #event-wrap .meetUpArea img { max-width:60%; } #event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .compamy_logo.large img { width:85%; } @media only screen and (max-width:768px) { #event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .compamy_logo span.logoMinimal { display:block; width:100%; max-width:100%; margin-left:0.5em; } #event-wrap .meetUpArea img { max-width:100%; } }
イベントは終了しました。 ご来場いただき、ありがとうございました。
なお、アーカイブ配信はございませんのでご了承ください。
-->
デジタル化で稼ぐ！売上・効率を最大化するヒントが得られるリアルセミナー
BtoBビジネスのデジタル化にあげられるBtoB-ECのメリットは、「アナログ業務」「営業の属人化」などの解消、業務効率化、クライアントの購買行動への変化対応、商圏の拡大、受発注業務の標準化・自動化、顧客獲得コストの低減、販売チャネルの拡大、商品管理の一括管理などがあげられます。
本イベントでは、BtoBビジネスをデジタル化するためのポイントから、生産性向上・業務効率化・売上アップのヒント、情報、交流の“場”を提供していきます。
なお、本イベントはEC事業者（eコマースサイトをお持ちの方）限定とさせていただきます。-->
本イベントは国内在住の方向けのイベントです
参加申し込みはこちら
-->
主催者セッション
A-1基調講演
年間32万件超のVOCをAIで分析。カウネットが実践する「お客様のお困りごと」起点のCX向上戦略
講師
- 株式会社カウネット
- CXデザイン本部
- 本部長
- 上山 哲史 氏
A-4特別講演
「モノ売り」から「価値共創」へ転換、プラス・ジョインテックスに学ぶBtoB-ECで選ばれ続けるサービスデザイン戦略
講師
- プラス株式会社
- ジョインテックスカンパニー
- 執行役員 バイスプレジデント セールス＆マーケティング本部 本部長
- 宮崎 英基 氏
-->
講師
- Coming Soon
- ●●株式会社
- ●●推進部
- ●●
- ●● ●● 氏
-->
今年も、ネット＆リテール業界に関する日本最大級のコンファレンスとして3日間にわたり、さまざななEC関連サービスの最新情報、EC物流や越境EC要素も充実させたコンファレンスをご用意いたしました。
ネッタヌ
石田
ネッタヌ
ネッタヌ
ネッタヌ
-->
