/* * timetable.css * タイムテーブルのスタイルシート * * 修正内容： * - 画面幅が1024px以上で5列、1280px以上で6列になる設定を完全に削除しました。 * - これにより、768px以上では常に4列表示が維持されます。 */
#timetable-header{text-align:center}#timetable-header .info{font-size:3.7333333333vw;line-height:1.5384615385;color:#fff;background:#2D1C6D;letter-spacing:-.4em;padding:1em}#timetable-header .info li{display:inline-block;letter-spacing:0;vertical-align:top}#timetable-header .message{font-size:3.4666666667vw;font-weight:700;line-height:1.8;background:#fff;padding:1.1764705882em;border-bottom:solid 2px #2D1C6D}@media screen and (max-width:767px){#timetable-header .info li:nth-child(1){display:block}#timetable-header .info li:nth-child(n+3){margin-left:1em}}@media screen and (min-width:768px){#timetable-header .info{font-size:19px}#timetable-header .info li:nth-child(n+2){margin-left:1em}#timetable-header .message{font-size:17px}}@media screen and (min-width:1921px){#timetable-header .info{font-size:.8854166667vw}#timetable-header .message{font-size:.8854166667vw}}
/* ==========================================================================   Category Navigation   ========================================================================== */
.category-nav{background:#fff;padding:20px 10px}.category-nav .title{font-size:15px;line-height:1.2;color:#2D1C6D;letter-spacing:-.4em}.category-nav .title>*{display:inline-block;vertical-align:baseline;letter-spacing:0}.category-nav .title .day{font-size:2em}.category-nav .title .date{margin-left:.5em}.category-nav .title .date:before{content:"["}.category-nav .title .date:after{content:"]"}.category-nav .category-select{margin-top:15px}.category-nav .category-select .subtitle{white-space:nowrap}.category-nav .category-select .nav{clear:both}.category-nav .category-select .nav .category{display:flex;justify-content:space-between;flex-wrap:wrap}.category-nav .category-select .nav .category li .c-checkbox input[type=checkbox]+label{letter-spacing:0}.category-nav .category-select .nav .category li:not(.all){background:#fff}.category-nav .category-select .nav .category li.all .c-checkbox.btn-category-all input[type=checkbox]+label{box-sizing:border-box;color:#737373;background:#fff;border:solid 1px #D2C9F2}.category-nav .category-select .nav .category li.all .c-checkbox.btn-category-all input[type=checkbox]:checked{cursor:default}.category-nav .category-select .nav .category li.all .c-checkbox.btn-category-all input[type=checkbox]:checked+label{color:#333;background:#D2C9F2}
/* Category Colors */
.category-nav .category-select .nav .category li .c-checkbox.btn-category input[type=checkbox][value=.management]:not(:checked)+label{color:#d86717}.category-nav .category-select .nav .category li .c-checkbox.btn-category input[type=checkbox][value=.management]:checked+label{background:#d86717}.category-nav .category-select .nav .category li .c-checkbox.btn-category input[type=checkbox][value=.consideration]:not(:checked)+label{color:#dd699c}.category-nav .category-select .nav .category li .c-checkbox.btn-category input[type=checkbox][value=.consideration]:checked+label{background:#dd699c}.category-nav .category-select .nav .category li .c-checkbox.btn-category input[type=checkbox][value=.use]:not(:checked)+label{color:#22973a}.category-nav .category-select .nav .category li .c-checkbox.btn-category input[type=checkbox][value=.use]:checked+label{background:#22973a}.category-nav .category-select .nav .category li .c-checkbox.btn-category input[type=checkbox][value=.kintone]:not(:checked)+label{color:#f4b91c}.category-nav .category-select .nav .category li .c-checkbox.btn-category input[type=checkbox][value=.kintone]:checked+label{background:#f4b91c}.category-nav .category-select .nav .category li .c-checkbox.btn-category input[type=checkbox][value=.cybozuoffice]:not(:checked)+label{color:#2684c0}.category-nav .category-select .nav .category li .c-checkbox.btn-category input[type=checkbox][value=.cybozuoffice]:checked+label{background:#2684c0}.category-nav .category-select .nav .category li .c-checkbox.btn-category input[type=checkbox][value=.garoon]:not(:checked)+label{color:#06348b}.category-nav .category-select .nav .category li .c-checkbox.btn-category input[type=checkbox][value=.garoon]:checked+label{background:#06348b}.category-nav .category-select .nav .category li .c-checkbox.btn-category input[type=checkbox][value=.mailwise]:not(:checked)+label{color:#c43049}.category-nav .category-select .nav .category li .c-checkbox.btn-category input[type=checkbox][value=.mailwise]:checked+label{background:#c43049}#timetable .section:only-child .category-nav .title .day{display:none!important}#timetable .section:only-child .category-nav .title .date{font-size:2em;font-weight:700}#timetable .section:only-child .category-nav .title .date:after,#timetable .section:only-child .category-nav .title .date:before{display:none}@media screen and (max-width:639px){.category-nav .category-select .nav .subtitle{font-size:3.2vw}.category-nav .category-select .nav .category{letter-spacing:0}.category-nav .category-select .nav .category li{display:block;float:left;width:49%}.category-nav .category-select .nav .category li:nth-child(n+3){margin-top:2%}.category-nav .category-select .nav .category li.all{line-height:1.8;float:right;margin-left:auto}.category-nav .category-select .nav .category li.all .c-checkbox.btn-category-all{font-size:2.6666666667vw}}@media screen and (min-width:640px){.category-nav .category-select .nav .subtitle{font-size:12px}.category-nav .category-select .nav .category li{width:calc(33.3333333333% - 4px)}.category-nav .category-select .nav .category li:nth-child(n+4){margin-top:6px}.category-nav .category-select .nav .category li.all .c-checkbox.btn-category-all{font-size:11px}.category-nav .category-select .nav .category li.all .c-checkbox.btn-category-all input[type=checkbox]+label{line-height:2.5454545455}}@media screen and (max-width:767px){.category-nav .category-select{position:relative}.category-nav .category-select .nav{margin-top:2.5352112676%;width:100%}.category-nav .category-select .nav .subtitle{line-height:1.8333333333;margin-bottom:.5em}.category-nav .category-select .nav .category li.all .c-checkbox.btn-category-all input[type=checkbox]+label{border-radius:.9090909091em}}@media screen and (min-width:640px) and (max-width:767px){.category-nav .category-select .nav .category li.all .c-checkbox.btn-category-all input[type=checkbox]+label{border-radius:1.3636363636em}}@media screen and (min-width:768px){.category-nav{padding:30px}.category-nav .title{font-size:20px;white-space:nowrap}.category-nav .title .day{font-size:2.75em}.category-nav .category-select .nav{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.category-nav .category-select .nav:nth-child(n+2){margin-top:10px}.category-nav .category-select .nav .subtitle{line-height:2.1428571429;width:10em}.category-nav .category-select .nav .category{font-size:12px;width:calc(100% - 11em)}.category-nav .category-select .nav .category li{width:calc(33.3333333333% - 6px)}.category-nav .category-select .nav .category li:nth-child(n+4){margin-top:10px}.category-nav .category-select .nav .category li .c-checkbox input[type=checkbox]+label{font-size:1em;transition:opacity .2s ease}.category-nav .category-select .nav .category li .c-checkbox input[type=checkbox]:hover+label{opacity:.5}.category-nav .category-select .nav .category li.all .c-checkbox.btn-category-all input[type=checkbox]+label{line-height:2.3636363636;border-radius:1.3636363636em;border-width:.1818181818em}.category-nav .category-select .nav .category li.all .c-checkbox.btn-category-all input[type=checkbox]:checked+label{opacity:1!important}#timetable .section:only-child .category-nav .title .date{font-size:2.75em}}@media screen and (min-width:1024px){.category-nav .item-wrap{display:flex;justify-content:space-between;align-items:center}.category-nav .category-select .nav{width:60.546875vw}}@media screen and (min-width:1280px){.category-nav .category-select .nav{max-width:1000px}.category-nav .category-select .nav .category,.category-nav .category-select .nav .subtitle{font-size:14px}}@media screen and (min-width:1921px){.category-nav{padding:1.5625vw}.category-nav .title{font-size:1.0416666667vw}.category-nav .category-select .nav{max-width:52.0833333333vw}.category-nav .category-select .nav .category,.category-nav .category-select .nav .subtitle{font-size:.7291666667vw}.category-nav .category-select .nav .category li{width:calc(33.3333333333% - .3125vw)}.category-nav .category-select .nav .category li:nth-child(n+4){margin-top:.5208333333vw!important}.category-nav .category-select .nav .category li.all .c-checkbox.btn-category-all{font-size:.5729166667vw}}
/* ==========================================================================   Footer   ========================================================================== */
#timetable-footer{background:#fff;text-align:center;height:60px;position:relative}#timetable-footer .button{display:table;table-layout:fixed;box-sizing:border-box;width:100%;padding:0 5px;z-index:100;position:fixed;bottom:5px;right:0;opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility 0s .4s}#timetable-footer .button li{display:table-cell;vertical-align:middle}#timetable-footer .button li.next .btn{font-size:15px;line-height:3.3333333333;color:#fff;background:#FF9900;display:block;letter-spacing:.03em;width:100%;box-shadow:0 -4px 0 rgba(0,0,0,.2) inset,0 1px 2px rgba(0,0,0,.2)}#timetable-footer .button li.next .btn .icon-arrow{font-size:.8666666667em;letter-spacing:0;margin-left:.75em}#timetable-footer .button li.pagetop{font-size:32px;line-height:1;width:15.3333333333vw}#timetable-footer .button li.pagetop a{letter-spacing:0;color:#331F7B;display:block}#timetable-footer .button li.pagetop a .icon-arrow{display:block;transform:rotate(-90deg)}#timetable-footer .button li.pagetop a .icon-arrow:before{background:#fff;border-radius:50%}html.is-scroll #timetable-footer .button{opacity:1;visibility:visible;transition-delay:0s,0s}html.is-scroll.is-scroll-end #timetable-footer .button{position:absolute}@media screen and (min-width:768px){#timetable-footer{height:100px}#timetable-footer .button{width:auto;padding:0;bottom:20px}#timetable-footer .button li.next{background:#fff;width:286px}#timetable-footer .button li.next .btn{font-size:15px;line-height:4;box-shadow:0 -.2666666667em 0 rgba(0,0,0,.2) inset,0 .2em .3333333333em rgba(0,0,0,.2);transition:background .2s ease,box-shadow .2s ease,opacity .2s ease}#timetable-footer .button li.next .btn:hover{box-shadow:0 .2666666667em 0 rgba(0,0,0,.2) inset,0 .2em .3333333333em rgba(0,0,0,.2);opacity:.75}#timetable-footer .button li.pagetop{width:80px}#timetable-footer .button li.pagetop a:hover{color:#aaa69c}html.is-scroll.is-scroll-end #timetable-footer .button{padding-right:0!important}}@media screen and (min-width:1921px){#timetable-footer{height:5.2083333333vw}#timetable-footer .button{bottom:1.0416666667vw}#timetable-footer .button li.next{width:14.8958333333vw}#timetable-footer .button li.next .btn{font-size:.78125vw}#timetable-footer .button li.pagetop{font-size:1.6666666667vw;width:4.1666666667vw}}
/* ==========================================================================   Body / Session   ========================================================================== */
#timetable-body .session-body{padding:20px 10px}#timetable-body .session-group-title{font-size:22px;font-weight:700;color:#2D1C6D;letter-spacing:.03em;text-align:center}#timetable-body .session-group{margin-top:20px}@media screen and (min-width:600px){#timetable-body .session-group-title{font-size:4vw}}@media screen and (min-width:768px){#timetable-body .session-body{padding:30px}#timetable-body .session-group-title{font-size:30px}#timetable-body .session-group{margin-top:30px}}@media screen and (min-width:1921px){#timetable-body .session-body{padding:1.5625vw}#timetable-body .session-group-title{font-size:1.5625vw}#timetable-body .session-group{margin-top:1.5625vw}}#timetable .session-body{background:#F4F2FC}#timetable .session-body.hidden{display:none!important}#timetable .session-body.even{background:#E9E5F8}#timetable .session-container{overflow:hidden;transition:height .4s ease}#timetable .session-container>.hidden{display:none!important}#timetable .session{box-sizing:border-box;padding:5px 0}#timetable .session:not(.is-unselect):not(.exhibition){cursor:pointer}#timetable .session .session-inner{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;padding:15px;border:solid 1px #e7eef1;position:relative;transition:color .2s ease,background .2s ease,opacity .2s ease}#timetable .session .session-inner:after{background:rgba(233,229,248,.7);display:block;content:"";width:100%;height:100%;z-index:1;position:absolute;top:0;left:0;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s .2s}#timetable .session:not(.exclusion).is-unselect .session-inner:after{opacity:1;visibility:visible;transition-delay:0s,0s}#timetable .session.overlap .session-inner{background:#cecdd1}#timetable .session.is-select .session-inner{color:#fff;background:#d993d9}#timetable .session.is-select a{color:#fff}#timetable .session .session-data{font-size:12px;letter-spacing:-.4em;position:relative}#timetable .session .session-data li{letter-spacing:0}#timetable .session .session-data li.id{letter-spacing:.03em;position:absolute;top:0;right:0}#timetable .session .session-data li.time{letter-spacing:.03em}#timetable .session .session-data li.few,#timetable .session .session-data li.time{font-size:10px;line-height:1.8;display:inline-block;vertical-align:top}#timetable .session .session-data li.few{color:#fff;background:#f12302;padding:0 .5em;margin-left:.75em}#timetable .session:not(.is-select) .session-data li.id{color:#a9a493}#timetable .session .session-title{font-size:15px;font-weight:700;line-height:1.3333333333;word-break:break-all;margin-top:.5em}#timetable .session:not(.is-select) .session-title{color:#221552}#timetable .session .session-title+*{margin-top:.75em}#timetable .session .session-company{font-size:12px}#timetable .session .session-name{font-size:12px}#timetable .session .session-name strong{font-size:15px}#timetable .session .session-description{font-size:12px}#timetable .session .session-category{font-size:11px;line-height:1.8181818182;color:#fff;letter-spacing:-.4em}#timetable .session .session-category li{display:inline-block;letter-spacing:.1em;background:#000;box-sizing:border-box;vertical-align:top;white-space:nowrap;text-align:center;text-overflow:ellipsis;max-width:calc(100% - 5px);margin:0 5px 5px 0;padding:0 1em;border-radius:1em;overflow:hidden}#timetable .session .session-category li:last-child{margin-right:0!important}#timetable .session .session-category li.management{background:#d86717}#timetable .session .session-category li.consideration{background:#dd699c}#timetable .session .session-category li.use{background:#22973a}#timetable .session .session-category li.kintone{background:#f4b91c}#timetable .session .session-category li.cybozuoffice{background:#2684c0}#timetable .session .session-category li.garoon{background:#06348b}#timetable .session .session-category li.mailwise{background:#c43049}#timetable .session.exhibition .session-category{position:static;margin-top:1rem}@media screen and (max-width:639px){#timetable .session .session-inner{min-height:0!important;padding-bottom:15px}#timetable .session .session-category{margin-top:1em}#timetable .session.max .session-inner{padding-bottom:15px}}@media screen and (min-width:640px){#timetable .session{padding:5px}#timetable .session .session-name:not(:last-child){margin-bottom:1rem}#timetable .session .session-category{margin-top:auto}}@media screen and (min-width:768px) and (max-width:1439px){#timetable .session .session-data li.id{position:static}}@media screen and (min-width:1921px){#timetable .session{padding:.2604166667vw}#timetable .session .session-inner{padding:.78125vw .78125vw 6.25vw}#timetable .session.max .session-inner{padding-bottom:4.1666666667vw}#timetable .session .session-data{font-size:.625vw}#timetable .session .session-data li.few,#timetable .session .session-data li.time{font-size:.5208333333vw}#timetable .session .session-category{font-size:.5729166667vw;width:calc(100% - 1.5625vw);left:.78125vw;bottom:3.0208333333vw}#timetable .session .session-title{font-size:.78125vw}#timetable .session .session-company{font-size:.625vw}#timetable .session .session-name{font-size:.625vw}#timetable .session .session-name strong{font-size:.78125vw}#timetable .session .session-description{font-size:.625vw}}#timetable .session .session-button li .c-checkbox input[type=checkbox]:not(:checked)+label{background:#2D1C6D}#timetable .session .session-button li .c-checkbox input[type=checkbox]+label:before{display:inline;content:"選択する"}#timetable .session .session-button li .c-checkbox input[type=checkbox]:not(:checked).few+label:before{content:"残りわずか"}#timetable .session .session-button li .c-checkbox input[type=checkbox]:checked+label:before{content:"選択を解除"}#timetable .session .session-button li .c-checkbox input[type=checkbox]:disabled+label:before{content:"満席"}#timetable .session.overlap .session-button li .c-checkbox input[type=checkbox]+label{background:#534d6e}#timetable .session .session-button li .c-checkbox input[type=checkbox]:disabled+label{background:#999;box-shadow:none!important}#timetable .session .session-button li .c-checkbox input[type=checkbox].few:not(:checked)+label{background:#f4b91c}#timetable .session.overlap .session-button li .c-checkbox input[type=checkbox].few:not(:checked)+label{background:#f7cb55}@media screen and (max-width:639px){#timetable .session .session-button{margin-top:.625rem}}@media screen and (min-width:640px){#timetable .session .session-button{margin-top:.625rem}}@media screen and (min-width:768px){#timetable .session.max .session-button li .c-checkbox{max-width:320px;margin:0 auto}#timetable .session.max .session-button li .c-checkbox input[type=checkbox]+label{font-size:15px;line-height:2.9333333333}}@media screen and (min-width:1921px){#timetable .session .session-button{padding:.78125vw}#timetable .session.max .session-button li .c-checkbox{max-width:16.6666666667vw}#timetable .session.max .session-button li .c-checkbox input[type=checkbox]+label{font-size:.78125vw}}#timetable .session .session-speakers:nth-child(n+2){margin-top:20px}#timetable .session .session-speakers h3{font-size:14px;font-weight:700}#timetable .session:not(.is-select) .session-speakers h3{color:#221552}#timetable .session .session-speakers .speaker-item{letter-spacing:-.4em;margin:0 -10px}#timetable .session .session-speakers .speaker-item .item{box-sizing:border-box;display:inline-block;letter-spacing:0;vertical-align:top;width:50%;padding:10px 10px 0}#timetable .session .session-speakers .speaker-item .item .text{margin-top:10px}#timetable .session .session-speakers .speaker-item .item .image{box-sizing:border-box;border:solid 1px #707070}#timetable .session .session-speakers .speaker-item .item .image img{width:100%}#timetable .session .session-speakers .speaker-item .item:only-child{width:100%}#timetable .session .session-speakers .speaker-item .item:only-child .image{width:calc(50% - 10px)}@media screen and (max-width:639px){#timetable .session .session-speakers .speaker-item .item:nth-child(n+3){padding-top:25px}}@media screen and (min-width:640px){#timetable .session .session-speakers .speaker-item .item{width:33.3333333333%}#timetable .session .session-speakers .speaker-item .item:only-child .image{width:calc(33.3333333333% - 10px)}}@media screen and (min-width:640px) and (max-width:767px){#timetable .session .session-speakers .speaker-item .item:nth-child(n+4){padding-top:25px}}@media screen and (max-width:767px){#timetable .session .session-speakers h3{text-align:center}#timetable .session .session-speakers .speaker-item .item:only-child{text-align:center}#timetable .session .session-speakers .speaker-item .item:only-child .image{margin:0 auto}}@media screen and (min-width:768px){#timetable .session .session-speakers .speaker-item .item{width:50%}#timetable .session .session-speakers .speaker-item .item .item-inner{display:table;table-layout:fixed;width:100%}#timetable .session .session-speakers .speaker-item .item .item-inner>*{display:table-cell;vertical-align:top}#timetable .session .session-speakers .speaker-item .item .image{width:120px!important}#timetable .session .session-speakers .speaker-item .item .text{margin-top:0;padding-left:10px}#timetable .session .session-speakers .speaker-item .item .text .session-company{margin-top:2em}}@media screen and (min-width:1024px){#timetable .session .session-speakers .speaker-item .item{width:33.3333333333%}}@media screen and (min-width:1280px){#timetable .session .session-speakers .speaker-item .item{width:25%}}@media screen and (min-width:1620px){#timetable .session .session-speakers .speaker-item .item{width:374px}}@media screen and (min-width:1921px){#timetable .session .session-speakers h3{font-size:.7291666667vw}#timetable .session .session-speakers .speaker-item .item{width:19.4791666667vw}#timetable .session .session-speakers .speaker-item .item .image{width:6.25vw!important}#timetable .session .session-speakers .speaker-item .item .text{padding-left:.5208333333vw}#timetable .session .session-speakers .speaker-item .item:only-child .image{width:calc(50% - .5208333333vw)}}
/* ==========================================================================   Session Layout (カラムレイアウト)   ========================================================================== */
/* デフォルト (スマホ): 1カラム */
#timetable .session,#timetable .session-masonry{width:100%}#timetable .session.max{width:100%!important}
/* 画面幅 640px 以上: 2カラム */
@media screen and (min-width:640px){#timetable .session,#timetable .session-masonry{width:50%}}
/* 画面幅 768px 以上: 4カラム */
@media screen and (min-width:768px){#timetable .session,#timetable .session-masonry{width:25%}}
/* 画面幅 1440px 以上: カラムの最大幅を設定 */
/* @media screen and (min-width:1440px){#timetable .session,#timetable .session-masonry{max-width:280px}#timetable .session.max{max-width:none}} */
/* 画面幅 1921px 以上: カラムの最大幅を再設定 */
/* @media screen and (min-width:1921px){#timetable .session,#timetable .session-masonry{max-width:14.5833333333vw}} */