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 { 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; max-width: 1200px; margin-inline: auto;
}
#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;
}
#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 ul:is(ul)>li::before { display:none;
}
#event-wrap .icon { width:auto; height:auto;
}
#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 .blockTitle { margin: 0 0 1em 0;
}
#event-wrap h2.ttlDate { font-size: 122%; border-top: none; border-bottom: 1px #ccc dashed; border-right: none; border-left: 8px #7030a0 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: #dec8ee; 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: #7030a0;
}
/* #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;
}
#event-wrap #pageScrollLink > ul > li#entryLink > a:hover { color: #fff; background-color: #f82921;
}
/* #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;
}*/
#event-wrap #seminarOverviewArea table.tableLayout01 { width: 100%!important;
}
#event-wrap #seminarOverviewArea table.tableLayout01 th,
#event-wrap #seminarOverviewArea table.tableLayout01 td { border: 1px solid #ddd!important; padding: 0.5em!important; color:#333!important
}
#event-wrap #seminarOverviewArea table.tableLayout01 th { width: 22%!important; font-weight: bold!important; text-align: right!important; vertical-align: middle!important; background-color: #eee!important;
}
#event-wrap #seminarOverviewArea table.tableLayout01 tr:nth-child(odd)>th { background-color: #f9f9f9!important;
}
#event-wrap #seminarOverviewArea table.tableLayout01 td { width: 100%; background-color: #fff!important;
}
#event-wrap #seminarOverviewArea table.tableLayout01 td span.siteURL { display: block!important; word-break: break-all!important;
}
#event-wrap #seminarOverviewArea table.tableLayout01 td i { color: #396fb8!important; padding: 0 0.5em 0 0!important;
}
/* #seminarTimeTableArea */
#event-wrap #seminarTimeTableArea { /*display: none;*/ width: 100%!important; 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%; } #event-wrap #seminarOverviewArea table.tableLayout01 th, #event-wrap #seminarOverviewArea table.tableLayout01 td { width:100%!important; display:block; } #event-wrap #seminarOverviewArea table.tableLayout01 th { text-align:center!important; font-size:0.9em; } #event-wrap #seminarOverviewArea table.tableLayout01 td { font-size:1em; } #event-wrap .seminarTimeTableMain { font-size:1em; } #event-wrap .blockTitle h2 { font-size:1.5em; } #event-wrap .seminarTimeTableMain td .seminarcategory .category_id { font-size:1.2em!important; }
}
/* .entryBtnArea */
#event-wrap .entryBtnArea { margin: 50px 0!important; padding: 0!important;
}
#event-wrap .entryBtnArea p { text-align:center; color:#f00; font-weight:bold; margin-bottom:1em!important;
}
#event-wrap .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: #db5f83; border-bottom: 3px solid #bf5272; */ background-color: #7030a0; border-bottom: 3px solid #720702; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; margin: 0 auto; padding: 1.5em 0; transition: all .2s;
}
#event-wrap .entryBtnArea a i { padding: 0 0.5em 0 0;
}
#event-wrap .entryBtnArea a:hover { background-color: #8d58b5;
}
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 #dec8ee; padding: 0 0 0 0.5em!important; position: relative;
}
.dateTitleArea .areMain:after { content: ""; display: block; width: 25%; height: 3px; background-color: #7030a0; 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;
}
#event-wrap .dateArea { margin: 0px 0 60px 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: #7030a0;
}
#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.noBorder { border-top: 0px!;
}
#event-wrap .pickup_seminar_section+.pickup_seminar_section .pickup_seminar_box.noBorder { border-top: 0px; border-bottom: 0px!;
}
#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: #dec8ee; border-left: 5px solid #7030a0; 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.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;
}
#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; font-size: 1em; background-color: #dec8ee; border-left: 5px solid #7030a0; padding: 7px 5px;
}
#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-size: 1.2em; 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); font-size:1.1em;
}
#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; font-size:1.1em; 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 #7030a0; 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%, #f5e8ff 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: #7030a0;
}
.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 #dec8ee; margin-bottom: 15px; padding: 5px 10px; position: relative;
}
#event-wrap .subtitle02 ::after { content: ""; display: block; width: 30%; height: 3px; background-color: #7030a0; 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 { width:100%; 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.4em; } #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 { font-size:1.2em; 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.2em; } /****************************************/ /* 特典 */ /****************************************/ #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%;
}
#event-wrap .setLogoArea .logoImg.smallH img { max-height:100px; width:auto;
}
#event-wrap .setLogoBox { margin:1em auto 2em; text-align:center;
}
#event-wrap .setLogoBox img { max-width:200px;
}
@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 .mb40 { margin-bottom:40px;
}
#event-wrap .catchBg { /*background:#FF9;*/ color:#f00; font-weight:bold; padding:3px;
}
#event-wrap .taC { text-align:center!important;
}
#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; max-width:80%;
}
#event-wrap .meetUpArea img { max-width:100%;
}
#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.smallH img { max-height:80px; width:auto;
}
#event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .compamy_logo.smallH2 img { max-height:120px; width:auto;
}
#event-wrap .iconExpArea { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between;
}
#event-wrap .iconExpArea.top { margin-bottom:40px;
}
#event-wrap .iconExpArea.btm { margin:0 auto 20px;
}
#event-wrap .iconExpArea .iconExpBlock { width:48%; padding:1em; border-radius:2em; border:solid 5px #7030a0; background:#ffe;
}
#event-wrap .iconExpArea.btm .iconExpBlock { margin:auto;
}
#event-wrap .iconExpArea .iconExpBlock .iconSet { display:flex; flex-wrap:wrap; align-items:center; margin:0 auto 1em; font-size:1.2em; font-weight:bold;
}
#event-wrap .iconExpArea .iconExpBlock .iconSet span.icon { margin-right:1em;
}
#event-wrap .iconExpArea .iconExpBlock .iconSet span.icon img { max-height:35px;
}
#event-wrap .seminarcategory { justify-content:space-between; align:items:center;
}
#event-wrap .seminarcategory .cateIcon {
}
#event-wrap .seminarcategory .cateIcon img { display:inline-block; max-height:21px;
}
#event-wrap .seminarcategory .cateIcon img+img { margin-left:0.2em!important;
}
#event-wrap .meetupCaptArea { text-align:center;
}
#event-wrap .meetupCaptArea img { max-width:90%;
}
/* 2025-06-25 */
#event-wrap #pickupSeminarArea { /*display:none;*/
}
/* 2025-07-03 KC1-7 と KC2-7を非表示 */
#event-wrap #pickupSeminarArea .pickup_seminar_section.box_two.none { display:none;
}
#event-wrap #presentBlock { width:100%; padding:1em; border:solid 5px #c00; background:#ffe; margin:0 auto 20px;
}
#event-wrap #presentBlock h6 { text-align:center; font-weight:bold; font-size:1.6em; color:#dd2d24; text-decoration:underline;
}
#event-wrap #presentBlock .presentBox h5 { font-weight:bold;
}
#event-wrap #presentBlock .presentBox .bookArea { display:flex; flex-wrap:wrap; margin:1em auto;
}
#event-wrap #presentBlock .presentBox .bookArea div { width:15%;
}
#event-wrap #presentBlock .presentBox .bookArea div+div { margin-left:1em;
}
#event-wrap #presentBlock .presentBox .bookArea div img { max-width:100%; border:solid 1px #ccc;
}
@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 { max-width:100%; } #event-wrap .meetUpArea img { max-width:100%; } #event-wrap .pickup_seminar_section .pickup_seminar_box .seminar_profile .compamy_logo.smallH img { max-height:auto; } #event-wrap .iconExpArea { display:block;; } #event-wrap .iconExpArea .iconExpBlock { width:98%; padding:1em; border-radius:2em; border:solid 5px #7030a0; background:#ffe; margin:auto; } #event-wrap .iconExpArea .iconExpBlock + .iconExpBlock { margin-top:20px; } #event-wrap #presentArea { border: 3px solid #7030a0; } #event-wrap .meetupCaptArea img { max-width:100%; } #event-wrap #presentBlock .presentBox .bookArea div { width:40%; }
}

イベントは終了しました。 ご来場、ご視聴いただき、ありがとうございました。