body {
    overflow-x: hidden;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wdth,wght@87.5,800&display=swap&text=1234567890,');

.ps5rental {
    color: #3e3e44;
    margin: 0 auto;
    max-width: 1920px;
    width:  100%;
}

.-sp {
    display: none!important;
}

.-num {
    font-family: Arial,'Open Sans',sans-serif;
    font-weight: bold;
    letter-spacing: -0.05em;
}

.ps5rental sup {
    vertical-align: super;
    font-size: 0.5em;
}


/* bg */
#price,
#store,
#about,
#faq {
    background: #f5f5f5;
}


/* common */
.-head,
.-sub {
    text-align: center;
}


/* menu */
.ps5rental_menu {
    left: auto;
    position: fixed;
    top: 180px;
    right: 20px;
    width: 200px;
    z-index: 100;
}

.ps5rental_menu-trigger {
    background: #3e3e44;
    cursor: pointer;
    display: block;
    height: 50px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    width: 50px;
}

.ps5rental_menu-trigger::before {
    background: #fff;
    content: '';
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
}

.ps5rental_menu-trigger::after {
    border: solid #fff;
    border-width: 2px 0;
    content: '';
    display: block;
    height: 30px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
}

.ps5rental_menu-trigger.-open::before {
    background: #fff;
    border: none;
    content: '';
    display: block;
    height: 30px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 2px;
}
.ps5rental_menu-trigger.-open::after {
    background: #fff;
    border: none;
    content: '';
    display: block;
    height: 30px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 2px;
}

.ps5rental_menu-trigger + ul {
    display: none;
}
.ps5rental_menu-trigger.-open + ul {
    display: block;
}

.ps5rental_menu > ul {
    background: #fff;
    border: 5px solid #fff;
    border-right: 0;
    margin: 50px 0 0;
    position: absolute;
    width: 200px;
}

.ps5rental_menu > ul li + li {
    margin: -5px 0 0;
}

.ps5rental_menu > ul li a {
    align-items: center;
    background: url('/pc/img/feature/g_PlayStation5_rental/menu.png') center/100% auto no-repeat;
    color: #fff;
    display: flex;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    height: 75px;
    line-height: 1.3;
    padding: 0 20px 0 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.ps5rental_menu > ul li a > span {
    font-weight: bold;
}


/* header */
.ps5rental_header {
    padding: 25px 30px;
}


/* mv */
.ps5rental_mv,
.ps5rental_store-head,
.ps5rental_about-head,
.ps5rental_faq-head {
    overflow-x: hidden;
    width: 100%;
}

.ps5rental_mv {
    min-height: 765px;
}

.ps5rental_store-head {
    min-height: 637px;
}

.ps5rental_about-head {
    min-height: 494px;
}

.ps5rental_faq-head {
    min-height: 369px;
    margin-bottom: 120px;
}

.ps5rental_mv img,
.ps5rental_store-head img,
.ps5rental_about-head img,
.ps5rental_faq-head img {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 1920px;
}


/* navi */
.ps5rental_navi {
    display: flex;
    justify-content: center;
    margin: 77px auto 100px;
}

.ps5rental_store .ps5rental_navi {
    margin: 10px auto 0;
}

.ps5rental_navi > li {
    margin: 0 -12px;
}

.imgButton {
    background: center/547px auto no-repeat;
    color: #fff;
    display: block;
    font-size: 40px;
    font-weight: bold;
    height: 288px;
    line-height: 50px;
    padding: 80px 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 547px;
}
.imgButton.-pink {
    background-image: url('/pc/img/feature/g_PlayStation5_rental/btn_pink.png');
}
.imgButton.-blue {
    background-image: url('/pc/img/feature/g_PlayStation5_rental/btn_blue.png');
}

.imgButton::after {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 17px 15px;
    bottom: 58px;
    content: '';
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.ps5rental_store .imgButton::before,
.ps5rental_store .imgButton::after {
    border: #fff solid;
    border-width: 0 2px 2px 0;
    bottom: auto;
    content: '';
    display: block;
    height: 25px;
    left: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 25px;
}

.ps5rental_store .imgButton::before {
    right: 90px;
}
.ps5rental_store .imgButton::after {
    right: 110px;
}

.ps5rental_navi p {
    font-size: 24px;
    line-height: 1.5;
    margin: -20px auto 0;
    padding: 0 0 0 1em;
    text-indent: -1em;
    width: 12em;
}

.ps5rental_store .ps5rental_navi p {
    margin: -10px auto 0;
    width: 100%;
}


/* price */
.ps5rental_price {
    padding: 170px 0 80px;
}

.ps5rental_price .-head {
    margin: 0 auto 30px;
}

.ps5rental_price-detail {
    text-align: center;
}

.ps5rental_price-detail .-serviceLogo {
    display: block;
    margin: 0 auto 32px;
}

.ps5rental_price-detail .-list {
    background: url('/pc/img/feature/g_PlayStation5_rental/price_bg.png') center/100% auto no-repeat;
    color: #00439c;
    display: flex;
    line-height: 188px;
    margin: 0 auto 12px;
    width: 803px;
}

.ps5rental_price-detail .-list dt {
    font-size: 54px;
    width: 304px;
}

.ps5rental_price-detail .-list dt span {
    font-weight: bold;
}
.ps5rental_price-detail .-list dd {
    font-size: 133px;
    font-weight: bold;
    width: calc(100% - 304px);
}

.ps5rental_price-detail .-list dd .-yen {
    vertical-align: -10px;
}

.ps5rental_price-detail  .-extension {
    background: #fff;
    color: #00439c;
    font-size: 37px;
    font-weight: bold;
    line-height: 112px;
    margin: 15px auto 70px;
    width: 800px;
}

.ps5rental_price-detail  .-extension .-num {
    font-size: 95px;
    vertical-align: -20px;
}

.ps5rental_price-detail  .-extension .-yen {
    vertical-align: -27px;
}

.ps5rental_price-detail  .-caution {
    color: #00439c;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -0.05em;
    line-height: 1.3;
    margin: 0 auto;
    padding: 0 0 0 1em;
    text-align: left;
    text-indent: -1em;
    width: 800px;
}

.ps5rental_price-detail .-caution + .-caution {
    margin-top: 1em;
}

.ps5rental_price-detail  .-caption {
    font-size: 30px;
    margin: 0 auto 0;
    padding: 45px 0 0;
    text-align: left;
    text-indent: -1em;
    width: 800px;
}

.ps5rental_price-detail .-caption > li {
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0 0 0 1em;
    text-indent: -1em;
}

/* howto */
.ps5rental_howto {
    padding: 140px 0 80px;
}

.ps5rental_howto .-head {
    margin: 0 auto 60px;
}

.ps5rental_howto-list {
    margin: 70px auto 0;
    width: 1000px;
}

.ps5rental_howto-list > li {
    background: url('/pc/img/feature/g_PlayStation5_rental/howto_line.png') 40px top/7px auto repeat-y;
    list-style: none;
    margin: 0;
    padding: 10px 0 80px 100px;
    position: relative;
}

.ps5rental_howto-list > li:last-child {
    background: none;
    padding-bottom: 0;
}

.ps5rental_howto-list > li::before {
    background: center/100% auto no-repeat;
    position: relative;
    content: '';
    display: block;
    height: 80px;
    left: 0;
    position: absolute;
    top: 0;
    width: 80px;
}
.ps5rental_howto-list > li:nth-child(1)::before {
    background-image: url('/pc/img/feature/g_PlayStation5_rental/howto_num01.png');
}
.ps5rental_howto-list > li:nth-child(2)::before {
    background-image: url('/pc/img/feature/g_PlayStation5_rental/howto_num02.png');
}
.ps5rental_howto-list > li:nth-child(3)::before {
    background-image: url('/pc/img/feature/g_PlayStation5_rental/howto_num03.png');
}
.ps5rental_howto-list > li:nth-child(4)::before {
    background-image: url('/pc/img/feature/g_PlayStation5_rental/howto_num04.png');
}

.ps5rental_howto-list .-detail {
    font-size: 42px;
    font-weight: bold;
    letter-spacing: -0.05em;
    line-height: 1.3;
}

.ps5rental_howto-list .-img {
    display: block;
    margin: 15px auto 0;
}

.ps5rental_howto-list  a {
    color: #00f;
    cursor: pointer;
    display: block;
    font-size: 26px;
    margin: 40px 0 0 120px;
    text-align: left;
    text-decoration: underline;
}

.ps5rental_howto-list  a + a {
    margin-top: 20px;
}

.ps5rental_howto-list .-item {
    background: #888;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    line-height: 50px;
    margin: 35px auto 0;
    text-align: center;
    width: 850px;
}

.ps5rental_howto-list .-items {
    font-size: 27px;
    letter-spacing: -0.05em;
    line-height: 1.3;
    list-style: none;
    margin: 10px auto -30px;
    padding: 0 0 0 1em;
    text-indent: -1em;
    width: 850px;
}

.ps5rental_howto-list .-items > li:nth-child(1)::before{
    content: '\02460';
}
.ps5rental_howto-list .-items > li:nth-child(2)::before{
    content: '\02461';
}
.ps5rental_howto-list .-items > li:nth-child(3)::before{
    content: '\02462';
}
.ps5rental_howto-list .-items > li:nth-child(4)::before{
    content: '\02463';
}
.ps5rental_howto-list .-items > li:nth-child(5)::before{
    content: '\02464';
}
.ps5rental_howto-list .-items > li:nth-child(6)::before{
    content: '\02465';
}
.ps5rental_howto-list .-items > li:nth-child(7)::before{
    content: '\02466';
}
.ps5rental_howto-list .-items > li:nth-child(8)::before{
    content: '\02467';
}
.ps5rental_howto-list .-items > li:nth-child(9)::before{
    content: '\02468';
}

.ps5rental_howto .-return {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    width: 800px;
}

.ps5rental_howto .-return  .-caution {
    margin: 50px auto 70px;
}

.ps5rental_howto .-return  .-caution li {
    font-size: 30px;
    font-weight: bold;
    padding: 0 0 0 1em;
    text-indent: -1em;
}


/* store */
.ps5rental_store {
    padding: 0 0 100px;
}

.ps5rental_store .-sub {
    margin: 60px auto 30px;
}

.ps5rental_store .-subCaution {
    font-size: 30px;
    margin: 0 auto 90px;
    text-align: center;
}

.ps5rental_store .-serviceLogo {
    display: block;
    margin: 0 auto 65px;
}

.ps5rental_store-detail .-text {
    font-size: 33px;
    font-weight: bold;
    text-align: center;
}

.ps5rental .selectCustom{
    background: #fff;
    border: 1px solid #c1c1c1;
    cursor: pointer;
    display: block;
    font-size: 30px;
    height: 90px;
    line-height: 90px;
    margin: 50px auto 0;
    position: relative;
    width: 700px;
}

.ps5rental .selectCustom::before {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    right: 0;
    margin: -20px 29px 0 0;
    content: "";
    vertical-align: middle;
    border-bottom: 2px solid #3e3e44;
    border-right: 2px solid #3e3e44;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ps5rental .selectCustom::after {
    content: none;
}

.ps5rental .selectCustom span{
    padding-left: 1em;
    font-size: 30px;
    line-height: 90px;
}

.ps5rental .selectCustom select{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    border: none;
    color: #192b5b;
    font-size: 14px;
    line-height: 30px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    z-index: 1;
}

.ps5rental_store .-list {
    margin: 50px auto 97px;
    width: 700px;
}

.ps5rental_store .-list li {
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    color: #333;
    display: block;
    font-size: 18px;
    line-height: 50px;
    margin: -1px 0 0 0;
    position: relative;
}

.ps5rental_store .-list li a {
    color: inherit;
    display: block;
    padding: 10px;
    text-decoration: none;
}

.ps5rental_store .-list li a::after {
    border: 1px solid #d2d2d2;
    border-width: 2px 2px 0 0;
    content: '';
    display: block;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
}

.ps5rental_store-link .-image {
    display: block;
    margin: 0 auto;
}

/* about */
.ps5rental_about {
    padding: 0 0 130px;
}

.ps5rental_about-head + .-text {
    font-size: 30px;
    margin: 40px auto 0;
    text-align: center;
}

.ps5rental_about-detail {
    margin: 126px auto 0;
    text-align: center;
}

.ps5rental_about-detail .-text {
    font-size: 30px;
    margin: 15px auto 30px;
}

.ps5rental_about-detail .-caution {
    display: block;
    font-size: 21px;
    margin: -5px auto 0;
}

.ps5rental_about-detail .-image {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.ps5rental_about .-copyright {
    font-size: 21px;
    font-weight: bold;
    margin: 160px auto 0;
    text-align: center;
}

.ps5rental_about .-copyright img {
    display: inline-block;
    max-height: 21px;
}

.ps5rental_about .-copyright .-psMark {
    width: 23px;
}

.ps5rental_about .-copyright .-ps5logo {
    width: 74px;
}


/* software */
.ps5rental_software {
    padding: 170px 0 150px;
}

.ps5rental_software-subHead {
    background: #00439c;
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    line-height: 92px;
    margin: 65px auto 80px;
    text-align: center;
    width: 1300px;
    max-width: 100%;
}

.ps5rental_software-subHead .-date {
    font-size: 35px;
    font-weight: bold;
}

/* ranking */
.rankingHead {
    background: #00439c;
    color: #fff;
    font-size: 43px;
    font-weight: bold;
    line-height: 92px;
    margin: 513px auto 0;
    text-align: center;
    width: 1300px;
}

.rankingHead .-date {
    font-size: 33px;
    font-weight: bold;
}

.ranking {
    list-style: none;
    margin: 50px auto 0;
    width: 900px;
}

.ranking img {
    margin-top: 0!important;
}

.rank-item a::after {
    content: none!important;
}

.ps5rental_software-link {
    border: 1px solid #3e3e44;
    border-radius: 5px;
    color: inherit;
    display: block;
    font-size: 42px;
    font-weight: bold;
    line-height: 150px;
    margin: 150px auto 0;
    padding: 0 55px 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 750px;
}

.ps5rental_software-link::after {
    border: solid #3e3e44;
    border-width: 0 3px 3px 0;
    content: '';
    display: block;
    height: 22px;
    right: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 22px;
}


/* faq */
.ps5rental_faq {
    padding: 0 0 10px;
}

.ps5rental_faq-detail {
    color: #3e3e44;
    margin: 40px auto;
    width: 1007px;
}

.ps5rental_faq-detail .-q {
    background: #ffbbb0 url('/pc/img/feature/g_PlayStation5_rental/faq_q.png') left top/106px auto no-repeat;
    cursor: pointer;
    font-size: 30px;
    font-weight: bold;
    padding: 20px 40px 20px 130px;
    position: relative;
}
.ps5rental_faq-detail .-q::after {
    content: '＋';
    font-size: 50px;
    position: absolute;
    top: 6px;
    right: 20px;
}

.ps5rental_faq-detail .-q.-open::after {
    content: '－';
}

.ps5rental_faq-detail .-a {
    background: #fff url('/pc/img/feature/g_PlayStation5_rental/faq_a.png') left top/106px auto no-repeat;
    font-size: 20px;
    font-weight: bold;
    padding: 30px 80px 30px 150px;
}

.ps5rental_faq-detail .-a span {
    font-weight: bold;
}
