「AIに選ばれない企業は淘汰される」――。この激変する市場において、小売・EC事業者はどのような対策を打つべきなのか？ そのヒントを学べる1Dayセミナーです。懇親会も実施します。
@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: #fbedf7; 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: #900062;
}
/* #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: #e01b56; 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: #e01b56; border-right: 1px solid #0e2e8f; border-bottom: 3px solid #0e2e8f;
}
#event-wrap #pageScrollLink > ul > li#entryLink > a:hover { color: #fff; background-color: #ff3773;
}
/* #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: #e01b56; border-bottom: 3px solid #720702;
background-color: #e01b56;
border-right: 1px solid #521d46;
border-bottom: 3px solid #521d46; 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: #ff3773;
}
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 #f3d6ee; padding: 0 0 0 0.5em!important; position: relative;
}
.dateTitleArea .areMain:after { content: ""; display: block; width: 25%; height: 3px; background-color: #900062; 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: #f3d6ee; border-left: 5px solid #900062; 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:#900062;
}
#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: #f3d6ee; border-left: 5px solid #900062; 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 #f3d6ee; margin-bottom: 15px; padding: 5px 10px; position: relative;
}
#event-wrap .subtitle02 ::after { content: ""; display: block; width: 30%; height: 3px; background-color: #900062; 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: #900062;
}
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%; } #event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .compamy_logo.argora { padding-top:20px; } @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%; } #event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .compamy_logo.argora { padding-top:0px; } }
イベントは終了しました。 ご来場いただき、ありがとうございました。
なお、アーカイブ配信はございませんのでご了承ください。
デジタル化の、その先へ。AI技術が引き出す、ECの新たな可能性
単なる商取引のデジタル化（EC化）の時代は終わり、これからは「AI」を掛け合わせた次世代のコマース基盤が主流になります。
本セミナーでは、AI技術を活用してECのポテンシャルを極限まで引き出し、売上拡大と効率化を同時に実現する具体策を徹底解説。
ただのツールとして「使う」段階を超え、AIと「共生」するこれからのECの姿を最先端の視点から紐解きます。貴重なリアルセミナーに、ぜひご参加ください。
なお、本イベントはEC事業者（eコマースサイトをお持ちの方）限定とさせていただきます。-->
本イベントは国内在住の方向けのイベントです
参加申し込みはこちら-->
-->
主催者セッション
A-1基調講演
「AIエージェント」で購買体験を変えるアルペンの挑戦
～実店舗の接客をECで実現する次世代オンライン接客の全貌～
講師
- Firework Japan株式会社
- Country Manager,Japan
- 田島 一樹 氏
A-4特別講演
小売・ECの永遠の課題「在庫問題」にAIで挑む
在庫ロス削減の成果を目指す、PoCで終わらせないオイシックスの取り組み
A-8クロージング講演
AIに選ばれない企業に未来なし。
「エージェンティック・コマース」が変える小売・ECの常識
講師
- 株式会社300Bridge
- 代表取締役
- 藤原 義昭 氏
-->
-->
今年も、ネット＆リテール業界に関する日本最大級のコンファレンスとして3日間にわたり、さまざななEC関連サービスの最新情報、EC物流や越境EC要素も充実させたコンファレンスをご用意いたしました。
-->
