@charset "utf-8"; /* portalday ---------------------------------------------------------- */ #portalday { clear: both; background-color: #204046; color: #222; } #portalday th { background-color: #256d7d; vertical-align: middle; color: #fff; width: 78px; border-right: 12px solid #fff; font-weight: normal; } #portalday .scheduleBox2 > table { border-collapse: separate; border-spacing: 4px 0; margin-left: -4px; } #portalday .scheduleBox2 > table:before { display: block; content: ""; height: 16px; top: 0; left: 0; width: 78px; background-color: #256d7d; } #portalday .scheduleBox2 > table:after { display: block; content: ""; height: 16px; top: 0; left: 0; width: 78px; background-color: #256d7d; } #portalday .scheduleBox2 { border-bottom: 4px solid #204046; background-color: #fff;} #portalday td { width: 89px; vertical-align: middle; border-radius: 5px; } #portalday table tr:nth-of-type(odd) td p { padding: 4px 0 0 6px; font-size: 10px; text-align: left; border-top: 1px solid #1e6e7d; border-left: 1px solid #1e6e7d; border-right: 1px solid #1e6e7d; border-radius: 5px 5px 0 0; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-align: baseline; -webkit-box-align: baseline; -webkit-align-items: baseline; align-items: baseline; } #portalday table tr:nth-of-type(odd) > td > table { padding-right: 6px; border-bottom: 1px solid #1e6e7d; border-left: 1px solid #1e6e7d; border-right: 1px solid #1e6e7d; border-collapse: separate; border-spacing: 4px; border-radius: 0 0 5px 5px; } #portalday table tr:nth-of-type(odd) > td > table td { border-left: none; } #portalday table tr:nth-of-type(odd) td p.night::after { content: ''; display: block; width: 10px; height: 10px; padding-left: 3px; background-image: url(../../images/icon/icon_schedule_late.png); background-size: contain; background-repeat: no-repeat; } #portalday table tr:nth-of-type(odd) td .strong { display: block; font-size: 14px; font-weight: bold; margin-bottom: -18px; } #portalday table tr:nth-of-type(even) td { text-align: left; } #portalday table tr:nth-of-type(odd) td { font-size: 10px; } #portalday table tr > td:nth-child(1) + td { text-align: right; } #portalday .kei { height: 4px; display: block; line-height: 0; } #portalday .week02b { color: #00d6ff; } #portalday .week03b { color: #ff4001; } /* add */ #portalday .scheduleAreaMoviesBlock{ padding-bottom: 20px; } #portalday .scheduleAreaMoviesTitle{ background: #b4af72; border-radius: 6px; padding: 11px 16px; line-height: 1.4; font-size: 18px; font-weight: bold; margin-bottom: 5px; } @charset "utf-8"; /* scheduleArea ---------------------------------------------------------- */ #scheduleArea { overflow: hidden; background: #204046; margin-bottom: 16px; } body#movies_detail #scheduleArea { overflow: hidden; background: #204046; margin-bottom: 0px; } #scheduleArea .scheduleTab { font-size: 14px; color: #fff; border-bottom: 4px solid #0e2d34; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; } #scheduleArea ul.scheduleTab::after { display: none; } #scheduleArea .scheduleTab .scheduleTabDay, #scheduleArea .scheduleTab .scheduleTabWeek { width: 332px; line-height: 45px; text-align: center; background-color: #256d7d; box-sizing: content-box; } #scheduleArea .scheduleTab .scheduleTabDay:hover, #scheduleArea .scheduleTab .scheduleTabWeek:hover { background-color: #0d2d33; } #scheduleArea .scheduleTab .scheduleTabDay a, #scheduleArea .scheduleTab .scheduleTabWeek a { display: block; height: 100%; color: #fff; text-decoration: none; } #scheduleArea .scheduleTab .scheduleTabDay { border-right: 16px solid #204046; } #scheduleArea .scheduleTab .scheduleTabActive { background-color: #0d2d33; } #scheduleArea .iconDescription { padding: 16px; background-color: #fff; line-height: 1.7; margin-bottom: 14px; } #scheduleArea .iconDescription .iconDescriptionLine { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; } #scheduleArea .iconDescription .iconDescriptionLine:first-of-type, #scheduleArea .iconDescription .iconDescriptionLine:nth-of-type(4), #scheduleArea .iconDescription .iconDescriptionLine:nth-of-type(5) { margin-bottom: 8px; } #scheduleArea .iconDescription .iconDescriptionLine:nth-of-type(2), #scheduleArea .iconDescription .iconDescriptionLine:nth-of-type(3) { margin-bottom: 8px; } #scheduleArea .iconDescription .scheduleIcon { display: block; } #scheduleArea .iconDescription .scheduleIcon:last-of-type::after { display: none; } #scheduleArea .iconDescription .scheduleIcon::after { content: ''; margin-right: 16px; } #scheduleArea .scheduleIconCircle { padding-left: 24px; background: url(../../images/icon/01.png) no-repeat; background-size: contain; } #scheduleArea .scheduleIconTriangle { padding-left: 24px; background: url(../../images/icon/02.png) no-repeat; background-size: contain; } #scheduleArea .scheduleIconCross { padding-left: 24px; background: url(../../images/icon/03.png) no-repeat; background-size: contain; } #scheduleArea .scheduleIconDash { padding-left: 24px; background: url(../../images/icon/04.png) no-repeat; background-size: contain; } #scheduleArea .scheduleIconPg12 { padding-left: 36px; background: url(../../images/icon/10.gif) no-repeat; background-size: contain; } #scheduleArea .scheduleIconR15plus { padding-left: 36px; background: url(../../images/icon/09.gif) no-repeat; background-size: contain; } #scheduleArea .scheduleIconR18plus { padding-left: 36px; background: url(../../images/icon/08.gif) no-repeat; background-size: contain; } #scheduleArea .scheduleIconSpecial { padding-left: 58px; background: url(../../images/icon/14.gif) no-repeat; background-size: contain; } #scheduleArea .scheduleIconNew { padding-left: 41px; background: url(../../images/icon/12.gif) no-repeat; background-size: contain; } #scheduleArea .scheduleIconLast { padding-left: 41px; background: url(../../images/icon/13.gif) no-repeat; background-size: contain; } #scheduleArea .scheduleIconLadies { padding-left: 28px; background: url(../../images/icon/icon03.png) no-repeat; background-size: contain; } #scheduleArea .scheduleIconLate { padding-left: 29px; background: url(../../images/icon/icon_schedule_late.png) no-repeat; background-size: contain; } #scheduleArea .scheduleIconCitta { padding-left: 29px; background: url(../../images/icon/icon_schedule_citta.png) no-repeat; background-size: contain;} #scheduleArea .scheduleIconCinema { padding-left: 29px; background: url(../../images/icon/icon_schedule_cinema.png) no-repeat; background-size: contain;} .scheduleAreaBorder { border-top: 16px solid #204046; } body#ticket_about_cinet article[role="main"] > div > div.period #scheduleArea{ background: #fff; } body#ticket_about_cinet article[role="main"] > div > div.period #scheduleArea .iconDescription{ padding: 0; } /* displayDateListArea ---------------------------------------------------------- */ #displayDateListArea { padding: 0px 5px; background-color: #204046; margin-top: -4px; width: 660px; height: 75px; overflow: hidden; max-width:100%; } #displayDateListArea::after { content: ""; display: block; clear: both; width: 100%; } #displayDateListArea #prev01.slide_active > img, #displayDateListArea #prev01.slide_none > img, #displayDateListArea #next01.slide_active > img, #displayDateListArea #next01.slide_none > img { visibility: hidden; } #displayDateListArea #prev01 { display: block; width: 26px; height: 67px; padding-right: 4px; float: left; line-height: 67px; background-color: #222; box-sizing: content-box; } #displayDateListArea #prev01.slide_active { background: url(../../images/day/prev01.gif) no-repeat; background-position: center; } #displayDateListArea #prev01.slide_none { background: url(../../images/day/prev01_disabled.gif) no-repeat; background-position: center; cursor: default; } #displayDateListArea #prev01.slide_active:hover { background: url(../../images/day/prev01_hover.gif) no-repeat; background-position: center; } #displayDateListArea #prev01.slide_none:hover { background: url(../../images/day/prev01_disabled.gif) no-repeat; background-position: center; } #displayDateListArea #next01 { display: block; width: 26px; height: 67px; padding-left: 4px; float: left; line-height: 67px; background-color: #222; box-sizing: content-box; } #displayDateListArea #next01.slide_active { background: url(../../images/day/next01.gif) no-repeat; background-position: center; } #displayDateListArea #next01.slide_none { background: url(../../images/day/next01_disabled.gif) no-repeat; background-position: center; cursor: default; } #displayDateListArea #next01.slide_active:hover { background: url(../../images/day/next01_hover.gif) no-repeat; background-position: center; } #displayDateListArea #next01.slide_none:hover { background: url(../../images/day/next01_disabled.gif) no-repeat; background-position: center; } #displayDateListArea #s0100_1097_20171009 img { display: none; } #displayDateListArea #s0100_1097_20171012 img { display: none; } #displayDateListArea #dayBtnArea { display: block; overflow: hidden; padding: 0px; margin: 0 6px; width: 588px; height: 70px; vertical-align: top; float: left; } #displayDateListArea #dayBtnArea table { border-collapse: separate; border-spacing: 4px; margin-top: -4px; width: 2000px; height: 75px; overflow: hidden; padding-bottom: 5px; } #displayDateListArea #dayBtnArea td { position: relative; width: 73px; height: 59px; border-radius: 5px; background: #fff; box-sizing: border-box; cursor: pointer; display: block; float: left; margin-right: 4px; } #displayDateListArea #dayBtnArea td:last-child{ position: relative; width: 73px; height: 59px; border-radius: 5px; background: #fff; box-sizing: border-box; cursor: pointer; display: block; float: left; margin-right: 0px; } #displayDateListArea #dayBtnArea td.current { border-radius: 5px; border: 2px solid #00a3c2; } #displayDateListArea #dayBtnArea td.current::before, #displayDateListArea #dayBtnArea td.current::after, #displayDateListArea #dayBtnArea td.hover_current::before, #displayDateListArea #dayBtnArea td.hover_current::after { content: ''; position: absolute; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-style: solid; } #displayDateListArea #dayBtnArea td.current::before { bottom: -9px; border-width: 9px 9px 0 9px; border-color: #00a3c2 transparent transparent transparent; } #displayDateListArea #dayBtnArea td.current::after { bottom: -6px; border-width: 7px 7px 0 7px; border-color: #fff transparent transparent transparent; } #displayDateListArea #dayBtnArea td.able.current::before { border-color: #00a3c2 transparent transparent transparent; } #displayDateListArea #dayBtnArea td div { position: absolute; top: 0; width: 100%; height: 55px; color: #222; text-align: center; font-weight: bold; font-size: 12px; } #displayDateListArea #dayBtnArea td div::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 29px; background: #1e6e7d; border-radius: 5px 5px 0 0; } #displayDateListArea #dayBtnArea td.able div::before { background: #1e6e7d; } #displayDateListArea #dayBtnArea td.current div::before { height: 27px; border-radius: 3px 3px 0 0; background: #1e6e7d; }/*20180221*/ #displayDateListArea #dayBtnArea td div > span { position: relative; color: #fff; display: inline-block; z-index: 10; line-height: 29px; } #displayDateListArea #dayBtnArea td div::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 29px; background: #6d6d6d; border-radius: 5px 5px 0 0; } #displayDateListArea #dayBtnArea td.current div > span { line-height: 25px; } #displayDateListArea #dayBtnArea td div img { position: absolute; max-width: 23px; top: 57%; left: 50%; z-index: 100; transform: translateX(-50%); } #displayDateListArea #dayBtnArea td.current div img { position: absolute; max-width: 23px; top: 56%; left: 50%; z-index: 100; transform: translateX(-50%); } #displayDateListArea #dayBtnArea td div span.week02 { color: #00d6ff; } #displayDateListArea #dayBtnArea td div span.week03 { color: #ff4001; } #displayDateListArea #dayBtnArea td.hover_current{ border-radius: 5px; border: 2px solid #bbb; } #displayDateListArea #dayBtnArea td.hover_current div { height: 55px; } #displayDateListArea #dayBtnArea td.hover_current div > span { line-height: 25px; } #displayDateListArea #dayBtnArea td.hover_current div img { position: absolute; max-width: 23px; top: 57%; left: 50%; z-index: 100; transform: translateX(-50%); } #displayDateListArea #dayBtnArea td.hover_current::before{ bottom: -9px; border-width: 9px 9px 0 9px; border-color: #bbb transparent transparent transparent; } #displayDateListArea #dayBtnArea td.hover_current div::before { height: 27px; border-radius: 3px 3px 0 0; background: #6d6d6d; } #displayDateListArea #dayBtnArea td.hover_current::after{ bottom: -6px; border-width: 7px 7px 0 7px; border-color: #fff transparent transparent transparent; } #displayDateListArea #dayBtnArea td.nonactive{ cursor: auto; } #displayDateListArea #dayBtnArea td.nonactive div span{ color: #bbb; } /* displayPortalArea ---------------------------------------------------------- */ #displayPortalArea { margin-bottom: 16px; } #displayPortalAreaWeek .sequence1 td, #displayPortalAreaWeek .sequence1b td { line-height: 1.28; } #displayPortalAreaWeek .sequence1b th { height:48px; } #displayPortalAreaWeek .sequence3 td { padding-top: 15px; padding-bottom: 15px; } #displayPortalArea > h1, #displayPortalAreaWeek .sequence3 figure { display: none; } #displayPortalAreaWeek .sequence1b, #displayPortalAreaWeek .sequence2, #displayPortalAreaWeek .sequence3 tr { border-top: dashed 1px #222; } #displayPortalArea h1 + div, #displayPortalAreaWeek .sequence1b th, #displayPortalAreaWeek .sequence2, #displayPortalAreaWeek .sequence3 + div { height: 48px; } #displayPortalAreaWeek .sequence1, #displayPortalAreaWeek .sequence1b { width: 100%; display: inline-block; height: 48px; } html.firefox #displayPortalAreaWeek .sequence1 th { text-align: left; background-color: #b4af73; width: 204px; padding:10px 7px 10px 16px; position: relative; font-weight: bold; font-size: 18px; height: 49px; } html.firefox #displayPortalAreaWeek .sequence1b th { text-align: left; background-color: #b4af73; width: 204px; padding:10px 7px 10px 16px; position: relative; font-weight: bold; font-size: 18px; height: 48px; } #displayPortalAreaWeek .sequence1 th { text-align: left; background-color: #b4af73; width: 204px; padding:10px 7px 10px 16px; position: relative; font-weight: bold; font-size: 18px; height: 48px; } #displayPortalAreaWeek .sequence1b th { text-align: left; background-color: #b4af73; width: 204px; padding:10px 7px 10px 16px; position: relative; font-weight: bold; font-size: 18px; height: 47px; } #displayPortalAreaWeek .sequence1 td, #displayPortalAreaWeek .sequence1b td, #displayPortalAreaWeek .sequence2 td, #displayPortalAreaWeek .sequence3 td { text-align: center; border-left: dashed 1px #222; width: 68px; } #displayPortalAreaWeek .sequence2 td img{ width: 50%; } #displayPortalAreaWeek .sequence1 td span.week02, #displayPortalAreaWeek .sequence1b td span.week02 { color: #00d6ff; } #displayPortalAreaWeek .sequence1 td span.week03, #displayPortalAreaWeek .sequence1b td span.week03 { color: #ff4001; } #displayPortalAreaWeek .sequence1 #week_prev2, #displayPortalAreaWeek .sequence1b #week_prev2, #displayPortalAreaWeek .sequence1 #week_prev2 a, #displayPortalAreaWeek .sequence1b #week_prev2 a, #displayPortalAreaWeek .sequence1 #week_next2, #displayPortalAreaWeek .sequence1b #week_next2, #displayPortalAreaWeek .sequence1 #week_next2 a, #displayPortalAreaWeek .sequence1b #week_next2 a { text-indent:100%; white-space:nowrap; overflow:hidden; display: inline-block; width: 26px; height: 26px; position: absolute; } #displayPortalAreaWeek .sequence1 #week_prev2, #displayPortalAreaWeek .sequence1b #week_prev2, #displayPortalAreaWeek .sequence1 #week_prev2 a, #displayPortalAreaWeek .sequence1b #week_prev2 a { background-image: url(../images/btn-prev.png); } #displayPortalAreaWeek .sequence1 #week_next2, #displayPortalAreaWeek .sequence1b #week_next2, #displayPortalAreaWeek .sequence1 #week_next2 a, #displayPortalAreaWeek .sequence1b #week_next2 a { background-image: url(../images/btn-next.png); } #displayPortalAreaWeek .sequence1 #week_prev2, #displayPortalAreaWeek .sequence1b #week_prev2 { right: 42px; } #displayPortalAreaWeek .sequence1 #week_next2, #displayPortalAreaWeek .sequence1b #week_next2 { right: 8px; } #displayPortalAreaWeek .sequence1 #week_prev2 a, #displayPortalAreaWeek .sequence1b #week_prev2 a, #displayPortalAreaWeek .sequence1 #week_next2 a, #displayPortalAreaWeek .sequence1b #week_next2 a { right: 0; } #displayPortalAreaWeek .sequence2 th, #displayPortalAreaWeek .sequence3 th { width: 204px; text-align: left; padding: 15px; display: inline-block; } #displayPortalAreaWeek .sequence2 th h2, #displayPortalAreaWeek .sequence3 th h2, #displayPortalAreaWeek .sequence2 th a, #displayPortalAreaWeek .sequence3 th a { font-size: 14px; font-weight: bold; color: #222; } #displayPortalAreaWeek .sequence3 tr:nth-child(2n+1), #displayPortalAreaWeek .sequence3 tr:nth-child(2n+1) section { background-color: #e6f5f5; } #displayPortalAreaWeek .sequence3 th span + span { margin-left: 4px; } #displayPortalAreaWeek .sequence3 section span > img { height: 23px; } #displayPortalArea #Day_title { margin-bottom: 16px; padding: 0 0; background: #b4af72; border-radius: 6px; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; } #displayPortalArea #Day_title h1, #displayPortalArea #Day_title .tl, #displayPortalArea #Day_title .tl2 { border-radius: 0 5px 5px 0;vertical-align: middle; } #displayPortalArea #Day_title h1 { width: 300px; padding: 0 16px; border-radius: 5px 0 0 5px; line-height: 47px; font-size: 18px; background-color: #b4af73; } #displayPortalArea #Day_title h1::after { content: 'の上映スケジュール'; } #displayPortalArea #Day_title .tl img { display: none; } #displayPortalArea #Day_title .tl2 { padding: 0 16px 0 109px; background-color: #b4af73; } #displayPortalArea .scheduleBox:last-of-type > table { border-bottom: 0; } #displayPortalArea .scheduleBox > table { margin-bottom: 6px; } #displayPortalArea .scheduleBox > table ~ .MVcaution { background-color: #e4f5f5; margin-bottom: 5px; margin-top: -6px; padding: 10px; border-top: dashed #000000 0.5px; } #displayPortalArea .scheduleBox table tr:nth-of-type(odd) td { width: 89px; font-size: 10px; text-align: left; white-space: nowrap; border-radius: 5px; } #displayPortalArea .scheduleBox table tr:nth-of-type(odd) td:nth-of-type(2) { text-align: right; } #displayPortalArea .scheduleBox table tr:nth-of-type(odd) td .strong { display: block; font-size: 14px; font-weight: bold; margin-bottom: -22px; } #displayPortalArea .scheduleBox table tr:nth-of-type(odd) td p { padding: 0 0 0 6px; margin-bottom: -4px; font-size: 10px; text-align: left; border-top: 1px solid #1e6e7d; border-left: 1px solid #1e6e7d; border-right: 1px solid #1e6e7d; border-radius: 5px 5px 0 0; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-align: baseline; -webkit-box-align: baseline; -webkit-align-items: baseline; align-items: baseline; } #displayPortalArea .scheduleBox table tr:nth-of-type(odd) td p.night::after { content: ''; display: block; width: 10px; height: 10px; padding-left: 3px; background: url(../../images/icon/icon_schedule_late.png) no-repeat; background-size: cover; box-sizing: border-box; }/*20180221*/ #displayPortalArea .scheduleBox table tr:nth-of-type(odd) td img { margin-left: 5px; vertical-align: -50%; } #displayPortalArea .scheduleBox table tr:nth-of-type(odd) > td > table { padding-right: 6px; padding-top: 4px; border-bottom: 1px solid #1e6e7d; border-left: 1px solid #1e6e7d; border-right: 1px solid #1e6e7d; border-collapse: separate; border-radius: 0 0 5px 5px; } #displayPortalArea .scheduleBox table tr:nth-of-type(even){ display: none; } #displayPortalArea .scheduleBox table tr:nth-of-type(even) td.kei { display: block; margin: -12px 0; } #displayPortalArea .scheduleBox .MvTtl { background-color: #256d7d; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; } #displayPortalArea .scheduleBox .MvTtl.clearfix::after { display: none; } #displayPortalArea .scheduleBox .MvTtl .MovieTitle1 { width: 78%; float: left; padding: 9.5px 7px 9.5px 16px; } #displayPortalArea .scheduleBox .MvTtl .MovieTitle1 h2 { font-size: 18px; margin: 0; } #displayPortalArea .scheduleBox .MvTtl .MovieTitle1 h2 a { color: #fff; } #displayPortalArea .scheduleBox .MvTtl .MovieTitle1 h2 a ~ span:first-of-type { margin-left: 4px; } #displayPortalArea .scheduleBox .MvTtl .MovieTitle1 h2 a ~ span + span { margin-left: 4px; } #displayPortalArea .scheduleBox .MvTtl .MovieTitle1 h2 a ~ span > img { height: 23px; } #displayPortalArea .scheduleBox .MvTtl + table { padding: 15px 11px; display: block; background-color: #fff; border-collapse: separate; border-spacing: 4px 0; line-height: 1.75; } #displayPortalArea .scheduleBox .MvTtl + table th { display: none; } #displayPortalArea .scheduleBox .totalTime { position: relative; width: 100px; text-align: right; } #displayPortalArea .scheduleBox .totalTime p { position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #fff; } #displayPortalArea .scheduleBox + .between { background-color: #b4af73; border-radius: 6px; margin-bottom: 6px; } #displayPortalArea .scheduleBox + .between p { line-height: 47px; font-size: 16px; font-weight: bold; padding: 0 16px; } #displayPortalAreaWeek { display: none; background: #fff; margin-bottom: 16px; } #displayPortalAreaWeek h1 { display: none; } #displayPortalAreaWeek * { box-sizing: border-box; font-size: 1.4rem; vertical-align: middle; } .pc div.wrapper > article[role="main"]{ padding: 0; } /*Tablet scheduleIcon*/ html.tablet body #displayPortalArea #Day_title{ } html.tablet body #displayPortalArea #Day_title h1{ border-radius: 6px; width: 100%; } html.tablet body #displayPortalArea #Day_title .tl2{ display: none; } html.tablet body #displayPortalArea .scheduleBox .totalTime p{ font-size: 10px; } html.tablet body #scheduleArea .iconDescription .scheduleIconCircle, html.tablet body #scheduleArea .iconDescription .scheduleIconTriangle, html.tablet body #scheduleArea .iconDescription .scheduleIconDash, html.tablet body #scheduleArea .iconDescription .scheduleIconCross { font-size: 10px; padding: 4px 0px 4px 28px; } html.tablet body #scheduleArea .iconDescription .scheduleIconPg12, html.tablet body #scheduleArea .iconDescription .scheduleIconR15plus, html.tablet body #scheduleArea .iconDescription .scheduleIconR18plus{ font-size: 10px; padding: 4px 0px 4px 38px; } html.tablet body #scheduleArea .iconDescription .scheduleIconSpecial{ font-size: 10px; padding: 4px 0px 4px 62px; } html.tablet body #scheduleArea .iconDescription .scheduleIconNew, html.tablet body #scheduleArea .iconDescription .scheduleIconLast{ font-size: 10px; padding: 4px 0px 4px 46px; } html.tablet body #scheduleArea .iconDescription .scheduleIconLadies, html.tablet body #scheduleArea .iconDescription .scheduleIconLate, html.tablet body #scheduleArea .iconDescription .scheduleIconCinema, html.tablet body #scheduleArea .iconDescription .scheduleIconCitta { font-size: 10px; padding: 4px 0px 4px 28px; } #portalday > .scheduleBox2 > table, #portalday > .scheduleBox2 > table > tbody > tr, #portalday > .scheduleBox2 > table > tbody > tr > th, #portalday > .scheduleBox2 > table > tbody > tr > td, #displayPortalArea .scheduleBox > table, #displayPortalArea .scheduleBox > table > tbody > tr, #displayPortalArea .scheduleBox > table > tbody > tr > th, #displayPortalArea .scheduleBox > table > tbody > tr > td { display: block; } #portalday .scheduleBox2 > table, #displayPortalArea .scheduleBox > table { border-spacing: 0; margin-left: 0; } #portalday > .scheduleBox2 > table > tbody > tr { position: relative; padding-left: 80px; min-height: 75px; /*display: flex;*/ flex-wrap: wrap; align-items: center; } #portalday > .scheduleBox2 > table > tbody > tr:nth-of-type(even){ display: none; } #displayPortalArea > .scheduleBox > table > tbody > tr { position: relative; min-height: 75px; display: flex; flex-wrap: wrap; align-items: center; } #portalday > .scheduleBox2 > table > tbody > tr:after { content:" "; display:block; clear:both; width: 78px; height: 100%; background: #1e6e7d; } #portalday > .scheduleBox2 > table > tbody > tr:before { content:""; display: block; width: 78px; height: 100%; position: absolute; background: #1e6e7d; left: 0; } #portalday > .scheduleBox2 > table > tbody > tr > th, #displayPortalArea > .scheduleBox > table > tbody > tr > th { position: absolute; border-right: none; left: 0; top: 40%; } #portalday .scheduleBox2 > table > tbody > tr > td { width: 89px; white-space: nowrap; float: left; margin: 5px 0 0 5px; } #portalday .MVcaution.clr{ background-color: #e4f5f5; border-bottom: 15px solid #204046; padding: 10px; } #displayPortalArea > .scheduleBox > table > tbody > tr > td { white-space: nowrap; float: left; margin: 0px 5px 5px 0px; } #displayPortalArea > .scheduleBox > table > tbody > tr > td:nth-of-type(-n+6) { margin-top: 0; } @media screen and (max-width: 1023px) and (min-width: 768px){ #displayDateListArea #dayBtnArea { width: 420px; margin: 0 1px; } #displayPortalAreaWeek .sequence1 th{ text-align: left; background-color: #b4af73; width: 189px; padding:10px 7px 10px 16px; position: relative; font-weight: bold; font-size: 18px; height: 48px; } #displayPortalAreaWeek .sequence1b th { text-align: left; background-color: #b4af73; width: 189px; padding:10px 7px 10px 16px; position: relative; font-weight: bold; font-size: 18px; height: 47px; } #displayPortalAreaWeek .sequence3 th a{ font-size: 1.2rem; } #displayPortalAreaWeek .sequence3 div p.font10{ font-size: 1rem; } #displayPortalAreaWeek .sequence1 td, #displayPortalAreaWeek .sequence1b td, #displayPortalAreaWeek .sequence2 td, #displayPortalAreaWeek .sequence3 td { width: 43px; } #displayPortalAreaWeek .sequence1 td p, #displayPortalAreaWeek .sequence1b td p, #displayPortalAreaWeek .sequence2 td p, #displayPortalAreaWeek .sequence3 td p { font-size: 1.2rem; } #displayPortalAreaWeek .sequence2 th, #displayPortalAreaWeek .sequence3 th { width: 189px; text-align: left; padding: 15px; display: inline-block; } #displayPortalArea .scheduleBox table tr:nth-of-type(odd) td { width: 70px; font-size: 10px; text-align: left; white-space: nowrap; border-radius: 5px; } #displayPortalArea .scheduleBox table tr:nth-of-type(odd) td .strong { display: block; font-size: 12px; font-weight: bold; margin-bottom: -22px; } #portalday > .scheduleBox2 > table > tbody > tr { position: relative; padding-left: 82px; min-height: 75px; flex-wrap: wrap; align-items: center; } #displayPortalArea .scheduleBox table tr:nth-of-type(odd) td img { margin-left: 5px; vertical-align: -50%; width: 16px; height: 19px;} }