@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
    scroll-padding-top: 100px; // ヘッダーの高さ分設定
}

.contents{
    max-width: 69%;
    padding-right: 50px;
    float: left;
}

.micro-cms-body {
    padding-bottom: 60px;
}

@media screen and (max-width: 1220px) {
    .contents{
        width: 100%;
    }
}

.rent_tokyo_guide .navLocal li a , .rent_yokohama_guide .navLocal li a {
    width: 100%;
}

.navLocal .accordion-item a {
    width: auto;
}

/**
* カスタムクラス
**/
.micro-cms-body ul:last-child,
.micro-cms-body ol:last-child,
.micro-cms-body p:last-child {
    margin-bottom: 0;
}

.micro-cms-body p {
    margin-bottom: 24px ;
}

.micro-cms-body ul {
    list-style-type: disc;
    margin: 0 20px 24px;
}

.micro-cms-body ul li {
    line-height: 1.6;
}
.micro-cms-body ul li::before {
    font-size: 1.2em;
}

.micro-cms-body ol {
    margin-left: 20px;
    counter-reset: item;
    list-style-type: decimal;
    margin-bottom: 24px;
}
.micro-cms-body ol li {
    margin-bottom: 10px;
    line-height: 1.5;
}

.micro-cms-body table{
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
}

.micro-cms-body table tr {
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: rgba(216, 216, 216, 1);
    word-break: break-all;
}

.micro-cms-body table tr th {
    padding: 24px 10px ;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    word-break: break-all;
}

.buy_guide_index .micro-cms-body table tr th {
    width: 100px;
}

.micro-cms-body table tr td {
    padding: 24px 10px ;
    font-weight: 400;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    word-break: keep-all;
}

.micro-cms-body .note{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: rgba(128, 128, 128, 1);
}

.micro-cms-body .button{
    text-decoration: none;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    text-align: center;
    min-width: 8rem;
    background: transparent;
    border-radius: 0;
    font-weight: 500;
    position: relative;
    font-family: "jost",sans-serif;
    border: 1px solid rgba(216, 216, 216, 1);
    align-items: center;
    gap: 15px;
    padding: 15px 20px;
}

.micro-cms-body .button:after  {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: -3px 5px 0 0;
    background: url("../svg/arrow.svg") no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.micro-cms-body ul:has(.major) {
    position: relative;
}

.micro-cms-body ul li:has(.major) {
    position: relative;
    padding-left: 10px;
}

.micro-cms-body ul li:has(.major):before {
    content: "";
    position: absolute;
    top: 4px;
    left: -15px;
    width: 8px;
    height: 8px;
    border: 3px solid rgba(125, 133, 149, 1);
    border-radius: 50%;
}

.micro-cms-body li:has(.major)::marker {
    content: "";
}

.micro-cms-body ol:has(.major) {
    counter-reset: list-counter;
    margin-bottom: 10px;
    align-items: center;
    font-weight: 400;
    margin-left: 0;
}

.micro-cms-body ol li:has(.major) {
    counter-increment: list-counter;
}

.micro-cms-body ol li:has(.major)::before {
    content: counter(list-counter);
    font-weight: 400;
    color: rgba(0, 35, 104, 1);
    background-color: rgba(239, 241, 245, 1);
    padding: 3px 9px;
    margin-right: 10px;
    display: inline-block;
}



/* .pdfファイルへのリンクに対してアイコンを追加 */
.micro-cms-body a[href$=".pdf"]::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background-image: url('../download.html');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

/* 別タブで開くリンクに対してアイコンを追加 */
.micro-cms-body a[target="_blank"]::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background-image: url('../vector.html');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

@media screen and (max-width: 860px) {

    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code,
    del, dfn, em, img, ins, kbd, q, samp,
    small, strong, sub, sup, var,
    b, i,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video {
        font-size: 14px ;
    }

    .micro-cms-body .button{
        font-size: 14px ;
    }
}

/**
* table-of-contents
**/
.micro-cms-body .table-of-contents.text-type  {
    margin: 0 0 70px 0;
    padding: 36px 32px ;
    background: rgba(239, 241, 245, 1);
}

.micro-cms-body .table-of-contents .index{
    font-family: 'jost',sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
}

.micro-cms-body .table-of-contents .list{
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.micro-cms-body .table-of-contents .list li{
    padding-left: 6px;
    line-height: 1;
}

.micro-cms-body .table-of-contents .list li::marker {
    color: #039;
}

.micro-cms-body .table-of-contents.button-type  {
    margin: 0 0 70px 0;
}

.micro-cms-body .table-of-contents.button-type .button-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    box-sizing: border-box;
    gap: 8px;
}

.micro-cms-body .table-of-contents.button-type .button-wrapper .link-button {
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    color: black;
    text-decoration: none;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
}

/**
* heading1
**/
.micro-cms-body .title-wrapper {
    position: relative;
}

.micro-cms-body .heading1 {
    font-family: "adobe-garamond-pro", serif;
    color: rgba(0, 35, 104, 1);
    font-size: 48px;
    font-weight: 600;
    margin: 0 0 50px 0;
    padding-top: 25px;
    padding-bottom: 12px;
    border-bottom: rgba(216, 216, 216, 1) solid 1px;
}

/**
* heading2
**/
.micro-cms-body .heading2 {
    font-family: "adobe-garamond-pro", serif;
    font-size: 42px;
    font-weight: 600;
    margin: 0 0 50px 0;
    padding-top: 25px;
}

.micro-cms-body .heading2:before {
    position: absolute;
    content: "";
    width: 90px;
    height: 2px;
    background-color: rgba(0, 35, 104, 1);
    left: 0;
    top:5px;
}

/**
* heading3
**/
.micro-cms-body .heading3 {
    font-family: "adobe-garamond-pro", serif;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 50px 0;
    padding: 30px 0 26px 0 ;
    border-bottom: rgba(216, 216, 216, 1) solid 2px;
}

.micro-cms-body .heading3:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 2px;
    background-color: rgba(0, 35, 104, 1);
    left: 0;
    top:5px;
}

/**
* heading4
**/
.micro-cms-body .heading4 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 50px 0;
}

/**
* text
**/
.micro-cms-body .text {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 70px 0;
}

.micro-cms-body .text:last-child,
.micro-cms-body .text ul:last-child,
.micro-cms-body .text ol:last-child,
.micro-cms-body .text p:last-child {
    margin-bottom: 0;
}

/**
* html
**/
.micro-cms-body .html {
    margin: 0 0 70px 0;
}

.micro-cms-body .html:last-child,
.micro-cms-body .html ul:last-child,
.micro-cms-body .html ol:last-child,
.micro-cms-body .html p:last-child {
    margin-bottom: 0;
}

/**
* image
**/
.micro-cms-body .image {
    max-width: 100%;
    padding-bottom: 15px;
}

/**
* image
**/
.micro-cms-body .image-contents{
    margin: 60px 0;
    text-align: center;
}

/**
* imageCaption
**/
.micro-cms-body .image-caption {
    margin: 0 0 60px 0;
    text-align: center;
}

.micro-cms-body .image-caption .text01 {
    font-family: Helvetica, Arial, sans-serif;
    color: rgba(34, 34, 34, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: rgb(34, 34, 34)
}

.micro-cms-body .image-caption:last-child,
.micro-cms-body .image-caption ul:last-child,
.micro-cms-body .image-caption ol:last-child,
.micro-cms-body .image-caption p:last-child {
    margin-bottom: 0;
}

/**
* imageText
**/
.micro-cms-body .image-text {
    margin: 0 0 70px 0;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.micro-cms-body .image-text .header .title01 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: rgba(34, 34, 34, 1);
    line-height: 24px;
    padding-top: 20px;
}

.micro-cms-body .image-text .header{
    text-align: left;
}

.micro-cms-body .image-text .header .text01 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: rgba(34, 34, 34, 1);
    line-height: 24px;
}

.micro-cms-body .image-text:last-child,
.micro-cms-body .image-text ul:last-child,
.micro-cms-body .image-text ol:last-child,
.micro-cms-body .image-text p:last-child {
    margin-bottom: 0;
}

/**
* imageCite
**/
.micro-cms-body .image-cite {
    margin: 0 0 60px 0;
}

.image-cite figcaption{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: rgba(128, 128, 128, 1);
    line-height: 24px;
}

.micro-cms-body .image-cite:last-child,
.micro-cms-body .image-cite ul:last-child,
.micro-cms-body .image-cite ol:last-child,
.micro-cms-body .image-cite p:last-child {
    margin-bottom: 0;
}

/**
* imageFloatLeft
**/
.micro-cms-body .image-float-left {
    margin: 0 0 60px 0;
}

.micro-cms-body .image-float-left .image {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    max-width: 30%;
}


.micro-cms-body .image-float-left .header .text01 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgb(34, 34, 34);
}

.micro-cms-body .image-float-left:last-child,
.micro-cms-body .image-float-left ul:last-child,
.micro-cms-body .image-float-left ol:last-child,
.micro-cms-body .image-float-left p:last-child {
    margin-bottom: 0;
}

/**
* imageFloatRight
**/
.micro-cms-body .image-float-right {
    margin: 0 0 70px 0;
    overflow: auto;
}

.micro-cms-body .image-float-right .image {
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
    max-width: 30%;
}

.micro-cms-body .image-float-right .header .text01 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgb(34, 34, 34)
}

.micro-cms-body .image-float-right:last-child,
.micro-cms-body .image-float-right ul:last-child,
.micro-cms-body .image-float-right ol:last-child,
.micro-cms-body .image-float-right p:last-child {
    margin-bottom: 0;
}

/**
* descriptionList
**/
.micro-cms-body .description-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 70px 0;
}

.micro-cms-body .description-list dt {
    width: 25%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.micro-cms-body .description-list dd {
    width: 75%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.micro-cms-body .description-list:last-child,
.micro-cms-body .description-list ul:last-child,
.micro-cms-body .description-list ol:last-child,
.micro-cms-body .description-list p:last-child {
    margin-bottom: 0;
}

/**
* enclosureText
**/
.micro-cms-body .enclosure-text {
    margin: 0 0 70px 0;
    padding: 20px 10px;
    border : rgba(216, 216, 216, 1) solid 1px;
}

.micro-cms-body .enclosure-text ul {
    margin-left: 15px;
}

.micro-cms-body .enclosure-text ul li{
    position: relative;
    padding-left: 18px;
}

.micro-cms-body .enclosure-text ul li:before {
    content: "";
    position: absolute;
    top: 4px;
    left: -5px;
    width: 8px;
    height: 8px;
    border: 3px solid rgba(125, 133, 149, 1);
    border-radius: 50%;
}

.micro-cms-body .enclosure-text ul li::marker {
    content: "";
}

.micro-cms-body .enclosure-text:last-child,
.micro-cms-body .enclosure-text ul:last-child,
.micro-cms-body .enclosure-text ol:last-child,
.micro-cms-body .enclosure-text p:last-child {
    margin-bottom: 0;
}

/**
* enclosureTextB
**/
.micro-cms-body .enclosure-text-b {
    margin: 0 0 70px 0;
    padding: 48px 32px ;
    border-width: 2px 0 2px 0;
    border-style: solid;
    border-color: rgba(5, 33, 87, 1);
    background: rgba(245, 245, 245, 1);
}

.micro-cms-body .enclosure-text-b:last-child,
.micro-cms-body .enclosure-text-b ul:last-child,
.micro-cms-body .enclosure-text-b ol:last-child,
.micro-cms-body .enclosure-text-b p:last-child {
    margin-bottom: 0;
}

/**
* stations
**/
.micro-cms-body .stations {
    padding: 20px ;
    border-width: 2px 0 2px 0;
    border-style: solid;
    border-color: rgba(216, 216, 216, 1);
    background: rgba(245, 245, 245, 1);
    margin: -50px 0 50px;
}

.micro-cms-body .stations .station-title {
    font-family: "jost",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 12px;
}

.micro-cms-body .stations .station-detail {
    font-family: Helvetica, Arial, sans-serif ;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}


/**
* twoColumn
**/
.micro-cms-body .two-column {
    margin: 0 0 70px 0;
    display: flex;
    gap:30px;
}

.micro-cms-body .two-column .item1 {
    flex: 1 ;
}

.micro-cms-body .two-column .item2 {
    flex: 1 ;
}

.micro-cms-body .two-column:last-child,
.micro-cms-body .two-column ul:last-child,
.micro-cms-body .two-column ol:last-child,
.micro-cms-body .two-column p:last-child {
    margin-bottom: 0;
}

/**
* threeColumn
**/
.micro-cms-body .three-column * {
    margin-bottom: 0;
}

.micro-cms-body .three-column {
    margin: 0 0 70px 0;
    display: flex;
    gap:30px;
}

.micro-cms-body .three-column .item1 {
    flex: 1 ;
}

.micro-cms-body .three-column .item2 {
    flex: 1 ;
}

.micro-cms-body .three-column .item3 {
    flex: 1 ;
}

.micro-cms-body .three-column:last-child,
.micro-cms-body .three-column ul:last-child,
.micro-cms-body .three-column ol:last-child,
.micro-cms-body .three-column p:last-child {
    margin-bottom: 0;
}

/**
* three-column-1to2
**/
.micro-cms-body .three-column-1to2 {
    margin: 0 0 70px 0;
    display: flex;
    gap:30px;
}

.micro-cms-body .three-column-1to2 .item1 {
    flex: 1 ;
}

.micro-cms-body .three-column-1to2 .item2 {
    flex: 2 ;
}

.micro-cms-body .three-column-1to2:last-child,
.micro-cms-body .three-column-1to2 ul:last-child,
.micro-cms-body .three-column-1to2 ol:last-child,
.micro-cms-body .three-column-1to2 p:last-child {
    margin-bottom: 0;
}

/**
* three-column-2to1
**/
.micro-cms-body .three-column-2to1 {
    margin: 0 0 70px 0;
    display: flex;
    gap:30px;
}

.micro-cms-body .three-column-2to1 .item1 {
    flex: 2 ;
}

.micro-cms-body .three-column-2to1 .item2 {
    flex: 1 ;
}

.micro-cms-body .three-column-2to1:last-child,
.micro-cms-body .three-column-2to1 ul:last-child,
.micro-cms-body .three-column-2to1 ol:last-child,
.micro-cms-body .three-column-2to1 p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 1000px) {

    .contents {
        max-width: 100%;
        padding-right: 0;
        width: 100%;
    }
}
@media screen and (max-width: 860px) {

    .contents{
        max-width:100% ;
        padding-right: 0;
        width: 100%;
    }

    .micro-cms-body {
        padding-bottom: 10px;
    }

    /**
    * heading1
    **/
    .micro-cms-body .heading1 {
        font-size: 28px;
        font-weight: 600;
    }

    /**
    * heading2
    **/
    .micro-cms-body .heading2 {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .micro-cms-body .heading2:before {
        width: 36px;
    }

    /**
    * heading3
    **/
    .micro-cms-body .heading3 {
        font-size: 22px;
        font-weight: 600;
        padding : 26px 0 22px 0;
        margin-bottom: 20px;
    }

    .micro-cms-body .heading3:before {
        width: 20px;
    }

    /**
    * heading4
    **/
    .micro-cms-body .heading4 {
        font-size: 20px;
    }

    /**
    * text
    **/
    .micro-cms-body .text {
        margin: 0 0 30px 0;
    }

    /**
    * image
    **/
    .micro-cms-body .image-contents{
        margin: 0 0 30px 0;
    }

    /**
    * imageCaption
    **/
    .micro-cms-body .image-caption {
        margin: 0 0 30px 0;
    }

    /**
    * imageText
    **/
    .micro-cms-body .image-text {
        display: block;
        margin: 0 0 30px 0;
    }

    .micro-cms-body .image-text .figure {
        width: 100%;
    }

    .micro-cms-body .image-text .header{
        width: 100%;
        padding-left: 0;
    }

    /**
    * imageCite
    **/
    .micro-cms-body .image-cite {
        margin: 0 0 30px 0;
    }

    /**
    * imageFloatLeft
    **/
    .micro-cms-body .image-float-left {
        margin: 0 0 30px 0;
    }

    /**
    * imageFloatLeft
    **/
    .micro-cms-body .image-float-left .image {
        float: none;
        max-width: 100%;
    }

    /**
    * imageFloatRight
    **/
    .micro-cms-body .image-float-right .image {
        float: none;
        max-width: 100%;
        margin-left: 0;
    }


    /**
    * enclosureTextB
    **/
    .micro-cms-body .enclosure-text-b {
        padding: 38px 16px ;
    }

    /**
    * twoColumn
    **/
    .micro-cms-body .two-column {
        display: block;
    }

    /**
    * threeColumn
    **/
    .micro-cms-body .three-column {
        display: block;
    }
    .micro-cms-body .three-column .item1{
        padding-bottom: 10px;
    }
    .micro-cms-body .three-column .item2{
        padding-bottom: 10px;
    }
    .micro-cms-body .three-column .item3{
        padding-bottom: 10px;
    }

    /**
    * three-column-1to2
    **/
    .micro-cms-body .three-column-1to2 {
        display: block;
    }
    .micro-cms-body .three-column-1to2 .item1 {
        float: none;
        width: 100%;
    }

    .micro-cms-body .three-column-1to2 .item2 {
        float: none;
        width: 100%;
    }

    /**
    * three-column-2to1
    **/
    .micro-cms-body .three-column-2to1 {
        display: block;
    }
    .micro-cms-body .three-column-2to1 .item1 {
        float: none;
        width: 100%;
    }

    .micro-cms-body .three-column-2to1 .item2 {
        float: none;
        width: 100%;
    }

    /**
    * table
    **/
    .buy_guide_index .micro-cms-body table tr th {
        width: 20%;
    }
}