@charset "UTF-8";
/* CSS Document */
#PRArea {
    display: block;
    width: 91.66%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

#PRArea h1 {
    height: auto;
    min-height: 3em;
    margin-top: 1.5em;
}

#PRArea #ContentsBlock, #PRArea #BtmArea {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}

#PRArea #ContentsBlock h2 {
    margin: 2em 0 1em;
}

#PRArea #ContentsBlock h2 span {
    font-size: 80%;
    line-height: 150%;
    color: #4d4d4d;
}

#PRArea #MV {
    margin-bottom: 0.5em;
}

#PRArea #MV img {
    width: 100%;
    height: auto;
}

#PRArea p {
    margin-bottom: 1em;
}

#PRArea p#Lead {
    color: #0071ce;
}

#PRArea figure {
    /*max-width: 100%;*/
    margin-bottom: 1em;
}

#PRArea figure img {
    width: 100%;
    height: auto;
}

#PRArea figure figcaption {
    text-align: center;
    font-size: 75%;
    line-height: 125%;
    color: #0071ce;
}

#PRArea figure div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2em;
    margin-bottom: 0.25em;
}

#PRArea figure div img {
    width: calc(50% - 1em);
    height: auto;
}

#PRArea .FigBlock {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 2em;
}

#PRArea .FigBlock figure {
    width: 100%;
}

#PRArea .FigBlock figure img {
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
    object-fit: cover;
}

#PRArea figure.FloatLeft {
    width: 30%;
    float: left;
    clear: left;
    margin-right: 1.5em;
}

#PRArea figure.FloatRight {
    width: 30%;
    float: right;
    clear: right;
    margin-left: 1.5em;
}

#PRArea figure.FloatLeft img, #PRArea figure.FloatRight img {
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
    object-fit: cover;
}

#PRArea figure.FloatLeft.Port {
    width: 22.5%;
    float: left;
    clear: left;
    margin-right: 1.5em;
}

#PRArea figure.FloatRight.Port {
    width: 22.5%;
    float: right;
    clear: right;
    margin-left: 1.5em;
}

#PRArea figure.FloatLeft.Port img, #PRArea figure.FloatRight.Port img {
    width: 100%;
    height: auto;
    aspect-ratio: 3/4;
    object-fit: cover;
}

#PRArea #AppDLArea {
    width: 80%;
    margin: 1em auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: wrap;
    border: solid 2px #0071ce;
}

#PRArea #AppDLArea h2 {
    width: 100%;
    flex-shrink: 0;
    background: #0071ce;
    color: #ffffff;
    text-align: center;
    padding: 0.25em 0;
    margin: 0;
}

#PRArea #AppDLArea img {
    width: 16.66vw;
    max-width: 200px;
    height: auto;
}

#PRArea #AppDLArea #DLBadgeArea {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
    margin: 1em;
}

#PRArea #AppDLArea #DLBadgeArea img {
    height: 4em;
    width: auto;
}

.LargeText {
    font-size: 120%;
}

.Boldtext {
    font-weight: 700;
}
/*タブレット*/
@media screen and (min-width:768px) and (max-width:1199px) {
}
/*スマホ*/
@media screen and (max-width: 767px) {
    #PRArea #ContentsBlock, #PRArea #BtmArea, #PRArea #AppDLArea {
        width: 100%;
    }
    /* 縦向きの場合のスタイル */
    @media screen and (max-aspect-ratio: 11/10) {
        #PRArea figure div {
            flex-flow: column;
        }

        #PRArea figure div img {
            width: 100%;
            height: auto;
        }

        #PRArea .FigBlock {
            flex-flow: column;
            gap: 1em;
        }

        #PRArea figure.FloatLeft, #PRArea figure.FloatLeft.Port {
            width: 100%;
            float: none;
            clear: both;
            margin-right: 0;
        }

        #PRArea figure.FloatRight, #PRArea figure.FloatRight.Port {
            width: 100%;
            float: none;
            clear: both;
            margin-left: 0;
        }

        #PRArea #AppDLArea {
            flex-flow: column;
        }

        #PRArea #AppDLArea img {
            width: 50vw;
            max-width: 50vw;
            height: auto;
        }
    }
}