@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: 'Noto Sans JP';
	src: url('/broadcaster/fonts/NotoSansJP-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* お知らせページ */
.page_pinta {
    color: #4A4A4A;
	/* background-color: #FBCD52; */
}

.page_pinta .sec{
    min-width: 375px;
}

.page_pinta .inner{
    max-width: 375px;
    min-width: 375px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page_pinta .visual{
    padding-top: 44px;
    background-color: #FBCD52;
}

.page_pinta .visual .inner{
    display: flex;
}

.page_pinta .talk_driver {
    padding-top: 40px;
    height: 84rem;
    background-color: #FFECCF;
}

.page_pinta .talk_driver .sec_ttl{
    font-size: 36px;
    font-weight: 700;
    font-style: normal;
    color: #F28080;
    line-height: 48.6px;
    display: table;
    margin: 2rem;
    font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
    text-align: center;
}

.page_pinta .talk_driver .sp-driver{
    margin: 4rem;
}

.page_pinta .visual .download_box{
    margin: 0 auto 14px;
    padding-bottom: 15px;
}

.page_pinta .visual .download_box img{
    width: 163.33px;
}

.page_pinta .recommend {
    height: 54.5rem;
    background-color: #F28080;
}

.page_pinta .recommend .sec_headline{
    margin: 5rem;
    font-size: 24px;
    font-style: normal;
    color: #FFFFFF;
    line-height: 34.8px;
    display: table;
    font-weight: 700;
    font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
    text-align: center;
}

.page_pinta .game {
    height: 250px;
    background-color: #FFECCF;
    position: absolute;
    width: 100%;
}

.page_pinta .sec_text {
    margin: 2rem;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    color: #F28080;
    line-height: 34.8px;
    display: table;
    font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
    text-align: center;
}

.page_pinta .sec_subtitle {
    margin: -0.5rem;
    line-height: 28.8px;
    text-align: center;
    font-weight: 700;
    font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
    font-size: 16px;
    color: #515151;
}

.page_pinta .item {
    padding-top: 25rem;
    height: 47.5rem;
    background-color: #F28080;
}

.page_pinta .item .sec_headline {
    margin: 5rem;
}

.page_pinta .how_to_use {
    padding-top: 35rem;
    height: 160rem;
    background-color: #F28080;
}

.page_pinta .how_to_use .sec_headline {
    margin: 5rem;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 34.8px;
    font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
    text-align: center;
}

.page_pinta .sec_info{
    margin-top: 5rem;
}

.page_pinta .how_to_use .sec_info .sec_info_text {
    font-size: 20px;
    color: #FFFFFF;
    float: right;
    align-items: center;
    font-weight: 900;
    font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
    margin: 13px;
    text-align: center;
}

.page_pinta .footer {
    height: 50rem;
    background-color: #FBCD52;
}

.page_pinta .footer .logo{
    margin-top: 7.5rem;
}

.page_pinta .footer .title{
    font-size: 20px;
    color: white;
    font-weight: 900;
    font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
}

.page_pinta .footer .footer_button{
    margin: 5rem;
}

.page_pinta .footer .footer_text{
    margin: 2rem;
    font-size: 14px;
    color: white;
    font-weight: 700;
    font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
}

@media screen and (min-width: 425px) {
    .page_pinta .talk_driver {
        height: 72rem;
    }

    .page_pinta .sec_text {
        margin: 2rem;
    }

    .page_pinta .game {
        margin-top: -7.5rem;
    }

    .page_pinta .item {
        padding-top: 15rem;
        height: 48.9rem;
    }

    .page_pinta .how_to_use {
        padding-top: 25rem;
        height: 145rem;
    }

    .page_pinta .footer {
        height: 45rem;
    }
}

@media screen and (min-width: 1024px) {
    .page_pinta .talk_driver {
        height: 85rem;
    }

    .page_pinta .game {
        margin-top: -0.5rem;
    }

    .page_pinta .item {
        padding-top: 25rem;
        height: 47.9rem;
    }

    .page_pinta .how_to_use {
        padding-top: 25rem;
        height: 150rem;
    }

    .page_pinta .footer {
        height: 50rem;
    }
}