[data-mobile-type='ios'] {
  --statusbar: 20px;
  /*** iphone X 1.11, iphone XS (quote is OR) ***/
  /** iphone X 1.12 **/
  /** iphone 8 **/
  /** IPADS **/ }
  [data-mobile-type='ios'] .header {
    padding-top: var(--statusbar); }
    [data-mobile-type='ios'] .header--main {
      padding-top: var(--statusbar); }
    [data-mobile-type='ios'] .header--sibling {
      margin-top: calc(53px + var(--statusbar)); }
      [data-mobile-type='ios'] .header--sibling--double {
        margin-top: calc(99px + var(--statusbar)); }
  [data-mobile-type='ios'] .headline--main {
    margin-top: var(--statusbar); }
    [data-mobile-type='ios'] .headline--main:after {
      top: calc(var(--statusbar) * -1); }
  [data-mobile-type='ios'] .headline--detail {
    margin-top: var(--statusbar);
    padding-top: 0; }
  [data-mobile-type='ios'] .section {
    padding-top: calc(54px + var(--statusbar)); }
    [data-mobile-type='ios'] .section.pt-delete {
      padding-top: 0; }
    [data-mobile-type='ios'] .section--detail {
      padding-top: 0; }
    [data-mobile-type='ios'] .section--main {
      padding-top: calc(120px + var(--statusbar)); }
      [data-mobile-type='ios'] .section--main:before {
        height: calc(120px + var(--statusbar)); }
      [data-mobile-type='ios'] .section--main.fixed-headline:before {
        height: calc(var(--headline-height) + var(--statusbar)); }
    [data-mobile-type='ios'] .section.no-header {
      padding-top: var(--statusbar); }
  [data-mobile-type='ios'] .login + .btn-close {
    top: var(--statusbar); }
  [data-mobile-type='ios'] .seminar__headline__visual {
    height: calc(247px + var(--statusbar)); }
  [data-mobile-type='ios'] .tab-menu {
    top: calc(52px + var(--statusbar)); }
  [data-mobile-type='ios'] .search--wrap {
    transform: translateY(calc(53px + var(--statusbar))); }
  [data-mobile-type='ios'] .panel__wrap .btn-close {
    top: var(--statusbar); }
  [data-mobile-type='ios'] .panel__wrap .btn-setting {
    top: calc(var(--statusbar) - 5px); }
  [data-mobile-type='ios'] .panel__top {
    padding-top: calc(var(--statusbar) + 17px); }
  [data-mobile-type='ios'] .registration--layer .btn-layer-close {
    top: var(--statusbar); }
  [data-mobile-type='ios'] .registration__summary {
    padding-top: calc(53px + var(--statusbar)); }
  [data-mobile-type='ios'][data-header="fixed"] .headline--detail {
    height: calc(53px + var(--statusbar));
    margin-bottom: 39px; }
    [data-mobile-type='ios'][data-header="fixed"] .headline--detail h2 {
      margin-top: var(--statusbar); }
  [data-mobile-type='ios'][data-header="fixed"] .seminar__headline__inner {
    padding-top: var(--statusbar); }
  [data-mobile-type='ios'] .layer--contents .no-header {
    padding-top: 0; }
  [data-mobile-type='ios'] .full--layer .layer--wrap .header + .section {
    margin-top: calc(-53px + (var(--statusbar) * -1));
    padding-top: calc(53px + var(--statusbar)); }
  [data-mobile-type='ios'] body:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: block;
    width: 100%;
    height: var(--statusbar);
    background-color: rgba(0, 0, 0, 0.3);
    transform: translateZ(0);
    opacity: 1;
    transition: opacity 0.3s; }
  [data-mobile-type='ios'] body.page-main:before {
    opacity: 0; }
  [data-mobile-type='ios'][data-layer-target='.panel'] .page-main:before {
    opacity: 1; }
  [data-mobile-type='ios'] .time-table--layer .section {
    box-sizing: border-box;
    height: calc(100% - calc(53px + var(--statusbar))); }
  [data-mobile-type='ios'] .seminar--attend {
    height: calc(100vh - 55px - var(--statusbar));
    overflow-y: auto; }
  @media only screen and (device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2), screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3), only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3), only screen and (-webkit-min-device-pixel-ratio: 4.770833333333333), only screen and (min-resolution: 458dpi), only screen and (min-resolution: 3dppx), screen and (device-width: 360px) and (device-height: 740px) and (-webkit-min-device-pixel-ratio: 4), only screen and (min-device-pixel-ratio: 4), only screen and (-webkit-min-device-pixel-ratio: 5.447916666666667), only screen and (min-resolution: 523dpi), only screen and (-webkit-min-device-pixel-ratio: 4), only screen and (min-resolution: 4dppx) {
    [data-mobile-type='ios'] {
      --statusbar: 40px; }
      [data-mobile-type='ios'] .header {
        padding-top: var(--statusbar); }
        [data-mobile-type='ios'] .header--main {
          padding-top: var(--statusbar); }
        [data-mobile-type='ios'] .header--sibling {
          margin-top: calc(53px + var(--statusbar)); }
          [data-mobile-type='ios'] .header--sibling--double {
            margin-top: calc(99px + var(--statusbar)); }
      [data-mobile-type='ios'] .headline--main {
        margin-top: var(--statusbar); }
        [data-mobile-type='ios'] .headline--main:after {
          top: calc(var(--statusbar) * -1); }
      [data-mobile-type='ios'] .headline--detail {
        margin-top: var(--statusbar);
        padding-top: 0; }
      [data-mobile-type='ios'] .section {
        padding-top: calc(54px + var(--statusbar)); }
        [data-mobile-type='ios'] .section.pt-delete {
          padding-top: 0; }
        [data-mobile-type='ios'] .section--detail {
          padding-top: 0; }
        [data-mobile-type='ios'] .section--main {
          padding-top: calc(120px + var(--statusbar)); }
          [data-mobile-type='ios'] .section--main:before {
            height: calc(120px + var(--statusbar)); }
          [data-mobile-type='ios'] .section--main.fixed-headline:before {
            height: calc(var(--headline-height) + var(--statusbar)); }
        [data-mobile-type='ios'] .section.no-header {
          padding-top: var(--statusbar); }
      [data-mobile-type='ios'] .login + .btn-close {
        top: var(--statusbar); }
      [data-mobile-type='ios'] .seminar__headline__visual {
        height: calc(247px + var(--statusbar)); }
      [data-mobile-type='ios'] .tab-menu {
        top: calc(52px + var(--statusbar)); }
      [data-mobile-type='ios'] .search--wrap {
        transform: translateY(calc(53px + var(--statusbar))); }
      [data-mobile-type='ios'] .panel__wrap .btn-close {
        top: var(--statusbar); }
      [data-mobile-type='ios'] .panel__wrap .btn-setting {
        top: calc(var(--statusbar) - 5px); }
      [data-mobile-type='ios'] .panel__top {
        padding-top: calc(var(--statusbar) + 17px); }
      [data-mobile-type='ios'] .registration--layer .btn-layer-close {
        top: var(--statusbar); }
      [data-mobile-type='ios'] .registration__summary {
        padding-top: calc(53px + var(--statusbar)); }
      [data-mobile-type='ios'][data-header="fixed"] .headline--detail {
        height: calc(53px + var(--statusbar));
        margin-bottom: 39px; }
        [data-mobile-type='ios'][data-header="fixed"] .headline--detail h2 {
          margin-top: var(--statusbar); }
      [data-mobile-type='ios'][data-header="fixed"] .seminar__headline__inner {
        padding-top: var(--statusbar); }
      [data-mobile-type='ios'] .layer--contents .no-header {
        padding-top: 0; }
      [data-mobile-type='ios'] .full--layer .layer--wrap .header + .section {
        margin-top: calc(-53px + (var(--statusbar) * -1));
        padding-top: calc(53px + var(--statusbar)); }
      [data-mobile-type='ios'] body:before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10000;
        display: block;
        width: 100%;
        height: var(--statusbar);
        background-color: rgba(0, 0, 0, 0.3);
        transform: translateZ(0);
        opacity: 1;
        transition: opacity 0.3s; }
      [data-mobile-type='ios'] body.page-main:before {
        opacity: 0; }
      [data-mobile-type='ios'][data-layer-target='.panel'] .page-main:before {
        opacity: 1; }
      [data-mobile-type='ios'] .time-table--layer .section {
        box-sizing: border-box;
        height: calc(100% - calc(53px + var(--statusbar))); }
      [data-mobile-type='ios'] .seminar--attend {
        height: calc(100vh - 55px - var(--statusbar));
        overflow-y: auto; } }
  @media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2), screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
    [data-mobile-type='ios'] {
      --statusbar: 20px; }
      [data-mobile-type='ios'] .header {
        padding-top: var(--statusbar); }
        [data-mobile-type='ios'] .header--main {
          padding-top: var(--statusbar); }
        [data-mobile-type='ios'] .header--sibling {
          margin-top: calc(53px + var(--statusbar)); }
          [data-mobile-type='ios'] .header--sibling--double {
            margin-top: calc(99px + var(--statusbar)); }
      [data-mobile-type='ios'] .headline--main {
        margin-top: var(--statusbar); }
        [data-mobile-type='ios'] .headline--main:after {
          top: calc(var(--statusbar) * -1); }
      [data-mobile-type='ios'] .headline--detail {
        margin-top: var(--statusbar);
        padding-top: 0; }
      [data-mobile-type='ios'] .section {
        padding-top: calc(54px + var(--statusbar)); }
        [data-mobile-type='ios'] .section.pt-delete {
          padding-top: 0; }
        [data-mobile-type='ios'] .section--detail {
          padding-top: 0; }
        [data-mobile-type='ios'] .section--main {
          padding-top: calc(120px + var(--statusbar)); }
          [data-mobile-type='ios'] .section--main:before {
            height: calc(120px + var(--statusbar)); }
          [data-mobile-type='ios'] .section--main.fixed-headline:before {
            height: calc(var(--headline-height) + var(--statusbar)); }
        [data-mobile-type='ios'] .section.no-header {
          padding-top: var(--statusbar); }
      [data-mobile-type='ios'] .login + .btn-close {
        top: var(--statusbar); }
      [data-mobile-type='ios'] .seminar__headline__visual {
        height: calc(247px + var(--statusbar)); }
      [data-mobile-type='ios'] .tab-menu {
        top: calc(52px + var(--statusbar)); }
      [data-mobile-type='ios'] .search--wrap {
        transform: translateY(calc(53px + var(--statusbar))); }
      [data-mobile-type='ios'] .panel__wrap .btn-close {
        top: var(--statusbar); }
      [data-mobile-type='ios'] .panel__wrap .btn-setting {
        top: calc(var(--statusbar) - 5px); }
      [data-mobile-type='ios'] .panel__top {
        padding-top: calc(var(--statusbar) + 17px); }
      [data-mobile-type='ios'] .registration--layer .btn-layer-close {
        top: var(--statusbar); }
      [data-mobile-type='ios'] .registration__summary {
        padding-top: calc(53px + var(--statusbar)); }
      [data-mobile-type='ios'][data-header="fixed"] .headline--detail {
        height: calc(53px + var(--statusbar));
        margin-bottom: 39px; }
        [data-mobile-type='ios'][data-header="fixed"] .headline--detail h2 {
          margin-top: var(--statusbar); }
      [data-mobile-type='ios'][data-header="fixed"] .seminar__headline__inner {
        padding-top: var(--statusbar); }
      [data-mobile-type='ios'] .layer--contents .no-header {
        padding-top: 0; }
      [data-mobile-type='ios'] .full--layer .layer--wrap .header + .section {
        margin-top: calc(-53px + (var(--statusbar) * -1));
        padding-top: calc(53px + var(--statusbar)); }
      [data-mobile-type='ios'] body:before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10000;
        display: block;
        width: 100%;
        height: var(--statusbar);
        background-color: rgba(0, 0, 0, 0.3);
        transform: translateZ(0);
        opacity: 1;
        transition: opacity 0.3s; }
      [data-mobile-type='ios'] body.page-main:before {
        opacity: 0; }
      [data-mobile-type='ios'][data-layer-target='.panel'] .page-main:before {
        opacity: 1; }
      [data-mobile-type='ios'] .time-table--layer .section {
        box-sizing: border-box;
        height: calc(100% - calc(53px + var(--statusbar))); }
      [data-mobile-type='ios'] .seminar--attend {
        height: calc(100vh - 55px - var(--statusbar));
        overflow-y: auto; } }

[data-mobile-type='android'] {
  --statusbar: 23px; }
  [data-mobile-type='android'] .header {
    padding-top: var(--statusbar); }
    [data-mobile-type='android'] .header--main {
      padding-top: var(--statusbar); }
    [data-mobile-type='android'] .header--sibling {
      margin-top: calc(53px + var(--statusbar)); }
      [data-mobile-type='android'] .header--sibling--double {
        margin-top: calc(99px + var(--statusbar)); }
  [data-mobile-type='android'] .headline--main {
    margin-top: var(--statusbar); }
    [data-mobile-type='android'] .headline--main:after {
      top: calc(var(--statusbar) * -1); }
  [data-mobile-type='android'] .headline--detail {
    margin-top: var(--statusbar);
    padding-top: 0; }
  [data-mobile-type='android'] .section {
    padding-top: calc(54px + var(--statusbar)); }
    [data-mobile-type='android'] .section.pt-delete {
      padding-top: 0; }
    [data-mobile-type='android'] .section--detail {
      padding-top: 0; }
    [data-mobile-type='android'] .section--main {
      padding-top: calc(120px + var(--statusbar)); }
      [data-mobile-type='android'] .section--main:before {
        height: calc(120px + var(--statusbar)); }
      [data-mobile-type='android'] .section--main.fixed-headline:before {
        height: calc(var(--headline-height) + var(--statusbar)); }
    [data-mobile-type='android'] .section.no-header {
      padding-top: var(--statusbar); }
  [data-mobile-type='android'] .login + .btn-close {
    top: var(--statusbar); }
  [data-mobile-type='android'] .seminar__headline__visual {
    height: calc(247px + var(--statusbar)); }
  [data-mobile-type='android'] .tab-menu {
    top: calc(52px + var(--statusbar)); }
  [data-mobile-type='android'] .search--wrap {
    transform: translateY(calc(53px + var(--statusbar))); }
  [data-mobile-type='android'] .panel__wrap .btn-close {
    top: var(--statusbar); }
  [data-mobile-type='android'] .panel__wrap .btn-setting {
    top: calc(var(--statusbar) - 5px); }
  [data-mobile-type='android'] .panel__top {
    padding-top: calc(var(--statusbar) + 17px); }
  [data-mobile-type='android'] .registration--layer .btn-layer-close {
    top: var(--statusbar); }
  [data-mobile-type='android'] .registration__summary {
    padding-top: calc(53px + var(--statusbar)); }
  [data-mobile-type='android'][data-header="fixed"] .headline--detail {
    height: calc(53px + var(--statusbar));
    margin-bottom: 39px; }
    [data-mobile-type='android'][data-header="fixed"] .headline--detail h2 {
      margin-top: var(--statusbar); }
  [data-mobile-type='android'][data-header="fixed"] .seminar__headline__inner {
    padding-top: var(--statusbar); }
  [data-mobile-type='android'] .layer--contents .no-header {
    padding-top: 0; }
  [data-mobile-type='android'] .full--layer .layer--wrap .header + .section {
    margin-top: calc(-53px + (var(--statusbar) * -1));
    padding-top: calc(53px + var(--statusbar)); }
  [data-mobile-type='android'] body:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: block;
    width: 100%;
    height: var(--statusbar);
    background-color: rgba(0, 0, 0, 0.3);
    transform: translateZ(0);
    opacity: 1;
    transition: opacity 0.3s; }
  [data-mobile-type='android'] body.page-main:before {
    opacity: 0; }
  [data-mobile-type='android'][data-layer-target='.panel'] .page-main:before {
    opacity: 1; }
  [data-mobile-type='android'] .time-table--layer .section {
    box-sizing: border-box;
    height: calc(100% - calc(53px + var(--statusbar))); }
  [data-mobile-type='android'] .seminar--attend {
    height: calc(100vh - 55px - var(--statusbar));
    overflow-y: auto; }

/*# sourceMappingURL=maps/device.css.map */
