/* iPad in portrait */

@media only screen and (max-device-width: 1024px) and (orientation: portrait) {
    /* header -------------*/
    /* nav */
    .navbar {
        right: 0;
        height: 3.6rem;
        padding: .7rem 1.5rem;
        line-height: 2.2rem;
    }
    /* Hamburger button */
    .sidebar-button {
        display: block;
    }
    .page-search .sidebar-button {
        display: none;
    }
    /* logo */
    .site-logo {
        top: 0px;
        left: 70px;
        height: 3.6rem;
    }
    .site-logo img {
        height: 3.6rem;
    }
    /* links */
    .navbar .links {
        font-size: .9rem;
        right: 1.5rem;
        top: .7rem;
    }
    .nav-links .nav-item,
    .nav-links .repo-link {
        margin-left: 0
    }
    .nav-links .nav-item {
        margin-left: 1.5rem;
        line-height: 2rem;
    }
    .nav-links a {
        font-weight: 500;
        line-height: 1.4rem;
    }
    .nav-links .header_title {
        font-size: 18px;
        font-weight: bold;
    }
    .nav-links a.router-link-active,
    .nav-links a:hover {
        color: #fff
    }
    .nav-links .header_printer {
        padding: 5px 7px;
        vertical-align: top;
    }
    .nav-links .header_printer img {
        height: 1.2rem;
    }
    /* left menu */
    /* sidebar */
    .sidebar {
        display: none;
        width: 20rem;
        position: fixed;
        margin: 0;
        top: 3.6rem;
        left: 0;
        bottom: 0;
    }
    .sidebar .sidebar-search {
        width: 100%;
        padding: 0.5rem;
    }
    .sidebar .sidebar-search input {
        width: 80%;
        height: 1.8rem;
        font-size: .9rem;
        line-height: 2rem;
        padding: 0 .5rem 0 2rem;
    }
    .sidebar .sidebar-search+.sidebar-scroll {
        top: 3rem;
        bottom: 0;
        width: 100%;
    }
    .sidebar ul {
        padding: 0;
        margin: 0;
    }
    .sidebar .sidebar-links {
        padding: 0rem 0.5rem;
    }
    .sidebar a.sidebar-link {
        padding: .35rem 1rem .35rem 1.25rem;
        line-height: 1.4;
    }
    .sidebar .sidebar-sub-headers {
        padding-left: 1rem;
        font-size: .95em;
    }
    .sidebar-sub-headers a.sidebar-link {
        padding-top: .25rem;
        padding-bottom: .25rem;
    }
    .sidebar-group a.sidebar-link {
        padding-left: 2rem
    }
    .icon+.sidebar-link {
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 90% !important;
    }
    /* page content */
    /* page */
    .page {
        padding-bottom: 2rem;
    }
    /* breadcrumb */
    #breadcrumb {
        margin: 5rem 1.2rem 0px 1.2rem;
        padding: .5em 1.5em;
    }
    .fa-chevron-right {
        margin: 0em .5em;
    }
    /* content */
    .content:not(.custom) {
        margin: 0 auto;
        padding: 0rem 2.5rem 2rem 2.5rem;
        margin-top: 5rem;
    }
    .content img {
        max-width: 100%;
    }
    .content code {
        padding: .25rem .5rem;
        margin: 0;
    }
    .content pre,
    .content pre[class*=language-] {
        line-height: 1.4;
        padding: 1.25rem 1.5rem;
        margin: .85rem 0;
    }
    .content pre[class*=language-] code,
    .content pre code {
        padding: 0;
    }
    div[class*=language-] .highlight-lines {
        padding-top: 1.3rem;
        top: 0;
        left: 0;
        width: 100%;
        line-height: 1.4
    }
    div[class*=language-]:before {
        top: .8em;
        right: 1em;
    }
    div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before {
        left: 0;
        top: 0;
        width: 3.5rem;
        height: 100%;
    }
    div[class*=language-].line-numbers-mode pre {
        padding-left: 4.5rem;
    }
    div[class*=language-].line-numbers-mode .line-numbers-wrapper {
        top: 0;
        width: 3.5rem;
        padding: 1.25rem 0;
        line-height: 1.4
    }
    div[class*=language-].line-numbers-mode:after {
        top: 0;
        left: 0;
        width: 3.5rem;
        height: 100%;
    }
    .custom-block .custom-block-title {
        margin-bottom: -.4rem
    }
    .custom-block.danger,
    .custom-block.tip,
    .custom-block.warning {
        padding: .1rem 1.5rem;
        margin: 1rem 0
    }
    .content:not(.custom)>:first-child {
        margin-top: 3.6rem
    }
    .content:not(.custom) a:hover {
        text-decoration: underline
    }
    .content:not(.custom) p.demo {
        padding: 1rem 1.5rem;
    }
    .content.custom {
        padding: 0;
        margin: 0
    }
    p a code {
        color: #3eaf7c
    }
    p a code {
        font-weight: 400
    }
    kbd {
        padding: 0 .15em
    }
    blockquote {
        margin-left: 0;
        padding-left: 1rem
    }
    ol,
    ul {
        padding-left: 1.2em
    }
    .content:not(.custom)>h1,
    .content:not(.custom)>h2,
    .content:not(.custom)>h3,
    .content:not(.custom)>h4,
    .content:not(.custom)>h5,
    .content:not(.custom)>h6 {
        margin-bottom: 0
    }
    .content:not(.custom)>h1:first-child,
    .content:not(.custom)>h2:first-child,
    .content:not(.custom)>h3:first-child,
    .content:not(.custom)>h4:first-child,
    .content:not(.custom)>h5:first-child,
    .content:not(.custom)>h6:first-child {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
    .content:not(.custom)>h1:first-child+.custom-block,
    .content:not(.custom)>h1:first-child+p,
    .content:not(.custom)>h1:first-child+pre,
    .content:not(.custom)>h2:first-child+.custom-block,
    .content:not(.custom)>h2:first-child+p,
    .content:not(.custom)>h2:first-child+pre,
    .content:not(.custom)>h3:first-child+.custom-block,
    .content:not(.custom)>h3:first-child+p,
    .content:not(.custom)>h3:first-child+pre,
    .content:not(.custom)>h4:first-child+.custom-block,
    .content:not(.custom)>h4:first-child+p,
    .content:not(.custom)>h4:first-child+pre,
    .content:not(.custom)>h5:first-child+.custom-block,
    .content:not(.custom)>h5:first-child+p,
    .content:not(.custom)>h5:first-child+pre,
    .content:not(.custom)>h6:first-child+.custom-block,
    .content:not(.custom)>h6:first-child+p,
    .content:not(.custom)>h6:first-child+pre {
        margin-top: 2rem
    }
    h2 {
        padding-bottom: .3rem;
    }
    a.header-anchor {
        margin-left: -.87em;
        padding-right: .23em;
        margin-top: .125em;
    }
    ol,
    p,
    ul {
        line-height: 1.7
    }
    hr {
        border: 0;
        border-top: 1px solid #eaecef
    }
    table {
        margin: 1rem 0;
    }
    td,
    th {
        padding: .3em 0.5em;
    }
    .custom-layout {
        padding-top: 3.6rem
    }
    .theme-container.no-navbar .content:not(.custom)>h1,
    .theme-container.no-navbar h2,
    .theme-container.no-navbar h3,
    .theme-container.no-navbar h4,
    .theme-container.no-navbar h5,
    .theme-container.no-navbar h6 {
        margin-top: 1.5rem;
        padding-top: 0
    }
    .theme-container.no-navbar .sidebar {
        top: 0
    }
    .theme-container.no-navbar .custom-layout {
        padding-top: 0
    }
    .sidebar .sidebar-sub-headers {
        padding-left: 1rem;
    }
    /* ***************************************** */
    li img {
        margin: 5px 10px 15px 10px;
    }
    .slide_menu {
        padding: 0.5em;
        margin-top: 1em !important;
        padding-top: 0.5em !important;
    }
    .content {
        margin: 2em 0;
        padding: 0;
    }
    .slide_menu:before {
        padding-right: 8px;
    }
    .slide_menu+div {
        margin: 0em 0em 4em 3em;
    }
    .cssacc:checked+label+.accshow {
        padding: 5px;
    }
    ol.slide_ol {
        padding: 0;
        margin: 15px 0px 0px 0px;
    }
    ol.slide_ol ol.slide_ol {
        margin-left: 15px;
    }
    ol.slide_ol>li {
        margin: 0px 15px 20px 0px;
    }
    ol.slide_ol>li>p:first-child {
        padding: 10px 15px;
        margin: 0px !important;
    }
    /*  */
    ol.slide_ol li p {
        padding: 0px 15px;
    }
    ol.slide_ol ul {
        padding: 0px 40px;
    }
    ol.slide_ol div.warning,
    ol.slide_ol ol.step_normal {
        max-width: 440px;
        margin: 10px 15px 15px 25px;
    }
    /* *** */
    .site-logo {
        top: 0px;
        left: 70px;
        position: absolute;
        width: auto;
        height: 3.6rem;
    }
    .site-logo img {
        height: 3.6rem;
    }
    .dummy_link {
        color: #005AB4;
        text-decoration: none;
        cursor: pointer;
    }
    .dummy_link:hover {
        color: #FF3300;
        text-decoration: underline;
    }
    /* debug */
    .include_file_detail {
        margin: 0;
    }
    .include_block {
        padding: 0;
        margin: 15px 0px 0px 0px;
    }
    .include_block>.include_file {
        margin: 0px 15px 20px 0px;
    }
    .adj,
    .mai,
    .lub,
    .dis,
    .oth {
        columns: 400px;
    }
    .adj img,
    .mai img,
    .lub img,
    .dis img,
    .oth img {
        max-width: 90% !important;
        max-height: 90% !important;
    }
    .columnImg>div {
        width: 100%;
        height: 100%;
    }
    .columnUnit {
        min-width: 400px;
        min-height: 500px;
        margin-left: 5px;
        margin-right: 5px;
        padding: 10px;
    }
    .file_title {
        padding: 5px;
        margin-bottom: 5px;
    }
    .columnImg {
        height: 400px;
        width: auto;
        margin-bottom: 6px;
    }
    .columnText {
        height: 180px;
        padding: 6px;
    }
    .columnTextFull {
        height: 586px;
        padding: 6px;
    }
    /* macro */
    .macroTable thead,
    .macroTable tbody {
        display: inherit;
    }
    .macroTable tr {
        border: none;
    }
    .macroTable th,
    .macroTable td {
        padding: 5px;
        text-align: left;
        border: none;
    }
    .macroTable .wikiworks-macro-img {
        margin: 0px;
        vertical-align: middle;
        max-height: 25px;
        max-width: 25px;
    }
    .macroTable .wikiworks-macro-classic-img {
        vertical-align: middle;
        margin-left: 5px !important;
        width: 50px;
    }
    .macroTable .wikiworks-macro-title {
        font-weight: bold;
        margin-left: 5px;
    }
    .macroTable .wikiworks-macro-classic-title {
        font-weight: bold !important;
        text-align: center !important;
    }
    .wikiworks-macro-body img {
        margin: 0;
    }
    .wikiworks-macro-body p {
        margin: 0;
    }
    .wikiworks-macro-body ul.option01,
    .wikiworks-macro-body ol.option01 {
        margin: 0;
    }
    /* page search */
    .page-search .search-panel {
        margin-top: 6rem !important;
        padding: 0rem 2.5rem 0rem 2.5rem;
    }
    .page-search .search-panel .text {
        height: 2.14285714em;
        padding: 4px 5px;
        margin: 0;
        max-width: 250px;
        width: 100%;
    }
    .page-search .search-panel input.aui-button {
        height: 2.5em;
        margin: 0;
        padding: 4px 10px;
    }
    .page-search .search-panel a.aui-button {
        padding: 5px 10px;
    }
    .page-search select#numberOfPage {
        padding: 5px 6px 5px 5px;
        height: 2em;
        margin: 0;
    }
    .page-search .numberOfPageDiv {
        padding-bottom: 10px;
    }
    .page-search .page {
        padding-left: 0em !important;
    }
    .page-search .page .content {
        margin-top: 0em !important;
    }
    .page-search .moduleh1 {
        margin-top: 0em !important;
    }
    .page-search #page-content {
        overflow-y: scroll;
        height: 584px;
    }
    /* --- ページネーション --- */
    ul.pagenavi {
        padding-left: 0;
        padding-top: 10px;
        float: right;
    }
    ul.pagenavi li {
        padding: 3px 10px;
        margin: 0px 2px;
    }
    ul.pagenavi li.sep {
        padding: 3px 2px;
    }
    ul.pagenavi li:first-child {
        border-radius: 2em 0 0 2em;
    }
    ul.pagenavi li:last-child {
        border-radius: 0 2em 2em 0;
    }
}