@charset "utf-8";

/** ふい字 */
@font-face {
    font-family: 'fuiji';
    src: url('../../assets/fonts/HuiFont29.woff?1h9x3m') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@media (min-width: 900px){
    .l-main {
        width: 80%;
    }
}

/******************************************
/ メインビジュアル
******************************************/
.uy-child-top-mv-wrap{
    position: relative;
}
.uy-child-top-mv-img{
    object-fit: cover;
    width: 100%;
    height: 260px;
}
@media (min-width: 900px){
    .uy-child-top-mv-img{
        height: 660px;
    }
}

.uy-child-top-mv-text-wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    z-index: 10;
    min-width: 250px;
}
.uy-child-top-mv-wrap:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.2);
}

.uy-child-top-mv-logo{
    width : 400px;
}
.uy-child-top-mv-subtitle{
    text-align: center;
    color : #fff;
    font-size: min(4vw, 24px);
}
.uy-child-top-mv-subtitle:before{
    content: "―";
    margin-right : 10px;
}
.uy-child-top-mv-subtitle:after{
    content: "―";
    margin-left : 10px;
}





.uy-child-top-mv-btn-wrap{
    display: flex;
    justify-content: space-between;
}
.uy-child-mv-btn{
    width: 100%;
    padding: 10px;
    color: #fff;
    display: flex;
    border:none;
    
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.uy-child-mv-btn:not(:last-child){
    margin-right : 1px;
}

.uy-child-mv-btn-icon{
    display: block;
    background-size: contain!important;
    width : 30px;
    height : 30px;
}
.uy-child-mv-btn-icon-text{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 5px;
    font-size: 10px;
    line-height: 12px;
}

@media (min-width: 900px){
    .uy-child-top-mv-btn-wrap{
        justify-content: center;
        margin: 30px 0;
    }
    .uy-child-mv-btn{
        display: flex;
        align-items: center;
        flex-direction: row;
        padding: 20px;
        border-radius: 10px;
        margin: 10px;
        width: 220px;
        justify-content: center;
        font-weight: bold;
    }
    .uy-child-mv-btn-icon{
        width : 30px;
        height : 30px;
        margin : 0 5px;
    }
    .uy-child-mv-btn-icon-text{
        margin : 0 5px;
        font-size: 16px;
    }

    .uy-child-mv-btn-all .uy-child-mv-btn-icon{width: 45px;height: 25px;}
    .uy-child-mv-btn-app-ranking .uy-child-mv-btn-icon{width: 20px;height: 30px; margin-top: 0;}
    .uy-child-mv-btn-marriage-agent .uy-child-mv-btn-icon{width: 30px;height: 30px;}
    .uy-child-mv-btn-marriage-party .uy-child-mv-btn-icon{width: 30px;height: 30px;}
    .uy-child-mv-btn-phone-fortune-telling .uy-child-mv-btn-icon{width: 30px;height: 30px;}
}
.uy-child-mv-btn-all{background: #85CDD6}
.uy-child-mv-btn-app-ranking{background: #ED9C9C}
.uy-child-mv-btn-marriage-agent{background: #F0C5D9}
.uy-child-mv-btn-marriage-party{background: #9FD58B}
.uy-child-mv-btn-phone-fortune-telling{background: #CB9DD3}

.uy-child-mv-btn-all .uy-child-mv-btn-icon{width: 40px; height: 25px; background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNy4zODQiIGhlaWdodD0iMjIuOTEiIHZpZXdCb3g9IjAgMCAzNy4zODQgMjIuOTEiPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfNTEiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDUxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjIgLTMyMS42NTQpIj4KICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfNDgiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDQ4Ij4KICAgICAgPHJlY3QgaWQ9IumVt+aWueW9ol85MSIgZGF0YS1uYW1lPSLplbfmlrnlvaIgOTEiIHdpZHRoPSIzNy4zODQiIGhlaWdodD0iMjIuOTEiIHJ4PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMiAzMjEuNjU0KSIgZmlsbD0iI2ZmZiIvPgogICAgICA8dGV4dCBpZD0iQUxMIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMyAzMzYuMDcpIiBmaWxsPSIjODVjZGQ2IiBmb250LXNpemU9IjgiIGZvbnQtZmFtaWx5PSJGdXR1cmEtQm9sZCwgRnV0dXJhIiBmb250LXdlaWdodD0iNzAwIj48dHNwYW4geD0iMCIgeT0iMCI+QUxMPC90c3Bhbj48L3RleHQ+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K) no-repeat;}
.uy-child-mv-btn-app-ranking .uy-child-mv-btn-icon{width: 16px;height: 25px; margin-top: 5px; background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy43MTYiIGhlaWdodD0iMjEuOTQ2IiB2aWV3Qm94PSIwIDAgMTMuNzE2IDIxLjk0NiI+CiAgPGcgaWQ9IuOCsOODq+ODvOODl180OSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNDkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTcgLTMyMC4xMzMpIj4KICAgIDxwYXRoIGlkPSJJY29uX2F3ZXNvbWUtbW9iaWxlLWFsdCIgZGF0YS1uYW1lPSJJY29uIGF3ZXNvbWUtbW9iaWxlLWFsdCIgZD0iTTExLjY1OSwwaC05LjZBMi4wNTgsMi4wNTgsMCwwLDAsMCwyLjA1N1YxOS44ODhhMi4wNTgsMi4wNTgsMCwwLDAsMi4wNTcsMi4wNTdoOS42YTIuMDU4LDIuMDU4LDAsMCwwLDIuMDU3LTIuMDU3VjIuMDU3QTIuMDU4LDIuMDU4LDAsMCwwLDExLjY1OSwwWm0tNC44LDIwLjU3NEExLjM3MiwxLjM3MiwwLDEsMSw4LjIzLDE5LjIsMS4zNywxLjM3LDAsMCwxLDYuODU4LDIwLjU3NFptNC44LTQuNjI5YS41MTYuNTE2LDAsMCwxLS41MTQuNTE0SDIuNTcyYS41MTYuNTE2LDAsMCwxLS41MTQtLjUxNFYyLjU3MmEuNTE2LjUxNiwwLDAsMSwuNTE0LS41MTRoOC41NzNhLjUxNi41MTYsMCwwLDEsLjUxNC41MTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTcgMzIwLjEzMykiIGZpbGw9IiNmZmYiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat;}
.uy-child-mv-btn-marriage-agent .uy-child-mv-btn-icon{width: 25px; height: 25px; background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS42MDQiIGhlaWdodD0iMTguOTA0IiB2aWV3Qm94PSIwIDAgMjEuNjA0IDE4LjkwNCI+CiAgPHBhdGggaWQ9ImhlYXJ0LXNvbGlkIiBkPSJNMTkuNDk1LDMzLjI1OWE1Ljc3LDUuNzcsMCwwLDAtNy44NzQuNTc0bC0uODMxLjg1Ny0uODMxLS44NTdhNS43Nyw1Ljc3LDAsMCwwLTcuODc0LS41NzQsNi4wNTksNi4wNTksMCwwLDAtLjQxOCw4Ljc3Mmw4LjE2NSw4LjQzMWExLjMyMywxLjMyMywwLDAsMCwxLjkxMSwwbDguMTY1LTguNDMxYTYuMDU1LDYuMDU1LDAsMCwwLS40MTQtOC43NzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAxMiAtMzEuOTY3KSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K) no-repeat;}
.uy-child-mv-btn-marriage-party .uy-child-mv-btn-icon{width: 25px;height: 29px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4xMzgiIGhlaWdodD0iMjQuNDMxIiB2aWV3Qm94PSIwIDAgMjEuMTM4IDI0LjQzMSI+CiAgPGcgaWQ9IuOCsOODq+ODvOODl181MCIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yODAgLTMxOS4xMTkpIj4KICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfMjUiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDI1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyODAgMzE5LjExOSkiPgogICAgICA8cGF0aCBpZD0iZmVtYWxlLXNvbGlkIiBkPSJNMTMuNzE2LDBhMy4wNTQsMy4wNTQsMCwxLDEtMy4wNTQsMy4wNTRBMy4wNTQsMy4wNTQsMCwwLDEsMTMuNzE2LDBtNS42OTIsMTYuOS0yLjI5LTkuMTYyYTEuMTQ1LDEuMTQ1LDAsMCwwLTEuMTExLS44NjdoLS41NDJhNC4xOTQsNC4xOTQsMCwwLDEtMy41LDBoLS41NDJhMS4xNDUsMS4xNDUsMCwwLDAtMS4xMTEuODY3TDguMDI1LDE2LjlhMS4xNDYsMS4xNDYsMCwwLDAsMS4xMTEsMS40MjNoMi42NzJ2NC45NjNhMS4xNDUsMS4xNDUsMCwwLDAsMS4xNDUsMS4xNDVIMTQuNDhhMS4xNDUsMS4xNDUsMCwwLDAsMS4xNDUtMS4xNDVWMTguMzIzSDE4LjNBMS4xNDYsMS4xNDYsMCwwLDAsMTkuNDA4LDE2LjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNy45OSkiIGZpbGw9IiNmZmYiLz4KICAgICAgPHBhdGggaWQ9Im1hbGUtc29saWQiIGQ9Ik00LjU4MSwwQTMuMDU0LDMuMDU0LDAsMSwxLDEuNTI3LDMuMDU0LDMuMDU0LDMuMDU0LDAsMCwxLDQuNTgxLDBtMi4yOSw2Ljg3MUg2LjMyOWE0LjE5NCw0LjE5NCwwLDAsMS0zLjUsMEgyLjI5QTIuMjksMi4yOSwwLDAsMCwwLDkuMTYydjYuNDg5QTEuMTQ1LDEuMTQ1LDAsMCwwLDEuMTQ1LDE2LjhoLjc2M3Y2LjQ4OWExLjE0NSwxLjE0NSwwLDAsMCwxLjE0NSwxLjE0NUg2LjEwOGExLjE0NSwxLjE0NSwwLDAsMCwxLjE0NS0xLjE0NVYxNi44aC43NjNhMS4xNDUsMS4xNDUsMCwwLDAsMS4xNDUtMS4xNDVWOS4xNjJBMi4yOSwyLjI5LDAsMCwwLDYuODcxLDYuODcxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEuOTc3KSIgZmlsbD0iI2ZmZiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==) no-repeat;}
.uy-child-mv-btn-phone-fortune-telling .uy-child-mv-btn-icon{width: 25px;height: 25px;background:url(data:image/png;base64,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) no-repeat;}

/******************************************
/ PR
******************************************/
.uy-top-pr-article-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding : 20px 0;
}

.uy-top-pr-article{
    padding : 10px;
    margin : 5px 0;
    border:solid 1px #EDEDED;
    border-radius: 10px;
    display:flex;
    width : 100%;
    max-width : 500px;
}
@media (min-width: 900px){
    .uy-top-pr-article{
        margin : 5px;
    }
}

.uy-top-pr-eyecatch-wrap{
    max-width: 200px;
    min-width: 50%;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
    object-fit: contain;
}
.uy-top-pr-eyecatch-cat{
    position: absolute;
    z-index: 10;
    background: #444440;
    padding: 3px;
}
.uy-top-pr-eyecatch-cat-link{
    display: block;
    padding: 4.5px 6px;
    color: #fff;
    transition: .15s;
    line-height: 1.35;
    font-size: 12px;
}
.uy-top-pr-content-wrap{
    padding: 5px 10px;
    width: 100%;
}


/******************************************
/ 診断
******************************************/
.uy-top-suggest-wrap{
    padding: 20px 0;
    display: flex;
    justify-content: center;
}

.uy-top-suggest{
    border: solid 3px #EDEDED;
    padding: 10px;
    border-radius: 15px;
    max-width: 800px;
    width: 100%;
}
.uy-top-suggest-title-wrap{
    border-bottom: solid 3px #EDEDED;
    color: #54544F;
    text-align: center;
    margin: 11px 10px;
}
.uy-top-suggest-title{
    font-size: 20px!important;
    padding: 5px 0;
}
.uy-top-suggest-content-wrap{

}

.uy-top-suggest-select-wrap{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.uy-top-suggest-select-wrap select{
    margin: 5px 10px;
    padding: 0 5px;
    min-width: 200px;
    width: 100%;
    border: none;
    height: 40px;
    border-radius: 5px;
    font-size : 16px;
}
@media (min-width: 900px){
    .uy-top-suggest-select-wrap select{
        width: 20%;
    }
}


.uy-top-suggest-btn-wrap{
    display: flex;
    justify-content: center;
}
.uy-top-suggest-btn{
    border: solid 3px #54544F;
    border-radius: 50px;
    padding: 5px 15px;
    width: 100%;
    max-width: 210px;
    text-align: center;
    text-decoration: none!important;
    color: #54544f!important;
    background: #fff;
    font-weight: bold;
    margin: 20px;
}

.uy-top-suggest-result{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.uy-top-suggest-result-heading{
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
}
.uy-top-suggest-reason dt{
    font-size: 24px;
    border-bottom: solid 1px #BFB58B;
	margin-bottom : 5px;
    padding: 10px;
    width : 100%;
}
.uy-top-suggest-reason dd{
    display: list-item;
    margin: 0 0 20px 20px;
    font-size: 16px;
    line-height: 21px;
    text-align: left;
}
.uy-top-suggest-result-button-wrap{
    display : flex;
    flex-wrap: wrap;
    justify-content: center;
    width : 100%;
}
.uy-top-suggest-result-button-wrap a{
    border-radius: 50px;
    padding: 5px 15px;
    width: 100%;
    max-width: 150px;
    text-align: center;
    text-decoration: none!important;
    font-weight: bold;
    margin: 5px;
}

.uy-top-suggest-result-button-detail {
    border: solid 3px #fff;
    color: #fff!important;
    background: #54544F;
}
.uy-top-suggest-result-button-cv {
    border: solid 3px #ED9C9C;
    color: #ED9C9C!important;
    background: #fff;
}
@media (min-width: 900px){
    .uy-top-suggest-result-button-wrap a{
        margin: 20px;
        max-width: 210px;
    }
}


/******************************************
/ ランキング
******************************************/
.uy-child-rank-hr{
    color: #D5D5D5;
}

.uy-child-rank-heading{
    background: none!important;
    text-align: center;
}
.uy-child-rank-wrap-love .uy-child-rank-heading{
    border-bottom: 3px solid #ED9C9C;
    color: #ED9C9C;
}
.uy-child-rank-wrap-love .uy-top-rank-slider-heading{
    color: #ED9C9C;
}
.uy-child-rank-wrap-marriage .uy-child-rank-heading{
    border-bottom: 3px solid #F0C5D9;
    color: #F0C5D9;
}
.uy-child-rank-wrap-marriage .uy-top-rank-slider-heading{
    color: #F0C5D9;
}

.uy-child-rank-wrap-friend .uy-child-rank-heading{
    border-bottom: 3px solid #9FD58B;
    color: #9FD58B;
}
.uy-child-rank-wrap-friend .uy-top-rank-slider-heading{
    color: #9FD58B;
}
.uy-child-rank-wrap-phone-fortune-telling .uy-child-rank-heading{
    border-bottom: 3px solid #CB9DD3;
    color: #CB9DD3;
}
.uy-child-rank-wrap-phone-fortune-telling .uy-top-rank-slider-heading{
    color: #CB9DD3;
}

.uy-top-rank-wrap{
    padding:10px 0 40px 0;
}
.uy-top-rank-slider-wrap{
    box-shadow: 0px 0px 10px 0px #EDEDED;
    padding: 20px 0 20px 20px;
    margin: 0 -20px 20px 0;
    border-radius: 10px 0 0 10px;
}

.uy-top-rank-slider-heading{
    border-bottom: none!important;
    margin: 0!important;
    padding: 10px 0!important;
}
.uy-top-rank-slider{
    display:flex;
}
.uy-top-link-wrap{
    margin-top: 30px;
    display: flex;
    justify-content: center;
    text-align: center;
}
.uy-top-link{
    border: solid 3px #54544F;
    font-size: 16px;
    border-radius: 50px;
    padding: 15px 30px;
    text-decoration: none!important;
    color: #54544f!important;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 20px;
}
.uy-top-rank-item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    white-space: normal;
    margin: 0 10px 12px 0;
    background:#fff;
    border: 1px #eee solid;
    border-radius: 8px;
    width: 280px!important;
    min-width: 280px;
    box-shadow: 2px 2px 12px rgba(232, 233, 234, 0.75);
}

.uy-top-rank-item-header{
    height:156px;
}
.uy-top-rank-item-header-img{
    height:156px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}

.uy-top-rank-item-main{
    display:flex;
    padding :10px 10px 0 10px;
}
.uy-top-rank-item-footer{
    text-align: left;
    padding: 5px 10px;
    position: relative;
    border-top: solid 1px #EDEDED;
    background: #54544F;
    margin: 10px;
    border-radius: 5px;
    line-height: 24px;
}
.uy-top-rank-item-footer-link{
    display: flex;
    flex-direction: column;
    color:#fff!important;
    text-decoration: none!important;
}
.uy-top-link-icon{
    position: absolute;
    right: 6px;
    top: calc(50% - 10px);
}
.uy-top-rank-item-rank{
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    background: #fff;
    padding: 5px 10px;
    margin: 1px;
    border-radius: 50px;
    line-height: 20px;
}
.uy-top-rank-item-rank.rank1{
    color:#C3BD7F;
}
.uy-top-rank-item-rank.rank2{
    color:#B4B4B4;
}
.uy-top-rank-item-rank.rank3{
    color:#C3977F;
}

.uy-top-rank-item-icon-wrap{
    margin-right: 10px;
}
.uy-top-rank-item-icon{
    border: solid 1px #d8d8d8;
    border-radius: 25%;
    border-top-left-radius: 25%;
    border-top-right-radius: 25%;
    border-bottom-right-radius: 25%;
    border-bottom-left-radius: 25%;
    width:50px;
}
.uy-top-rank-item-info{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.uy-top-rank-item-name{
    font-size: 15px;
}
.uy-top-rank-item-star{
    color:#ffb400;
}
.uy-top-rank-item-star-point{
    color:#333;
    font-size:18px;
}




/******************************************
/ 比較一覧表
******************************************/
.uy-top-compare-table-area-wrap{
    text-align: center;
    background: #F5F5F5;
    padding: 80px 0;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.uy-top-compare-table-area{
    width : 100%;
}

.uy-top-compare-table-base{
    width: 100%;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0px 0px 10px 0px #EDEDED;
    padding: 20px 0 20px 20px;
    margin: 0 -20px 20px 10px;
    border-radius: 10px 0 0 10px;
}

.uy-top-compare-table-wrap{
    width: 100%;
    overflow-y: auto;
}


.uy-top-compare-table-heading{
    background: none!important;
    margin: 0!important;
    color : #54544F!important;
}
.uy-top-compare-table{
    -ms-writing-mode : tb-lr;
    writing-mode : vertical-lr;
    border-color : #D5D5D5;
}
.uy-top-compare-table th {
    -ms-writing-mode : lr-tb;
    writing-mode : horizontal-tb;
    white-space : nowrap;
    background-color : #eee;
    color :#54544F;
    padding: 0!important;
}
.uy-top-compare-table th>div,
.uy-top-compare-table td>div{
    -ms-writing-mode : lr-tb;
    writing-mode : horizontal-tb;
    white-space : nowrap;
    padding : 20px;
}
.uy-top-compare-table th .uy-top-compare-table-sub{
    font-size: 11px;
    display: block;
    position: absolute;
    font-weight: normal;
    left: 0;
    right: 0;
    text-align: center;
    margin-top: -7px;
}
.uy-top-compare-table thead {
    position: sticky;
    left: 0;
}
.uy-top-compare-table thead th {
    font-weight:bold;
    text-align: left;
}
.uy-top-compare-table tbody th {
    background-color : #fff;
}
.uy-top-compare-table td {
    -ms-writing-mode : lr-tb;
    writing-mode : horizontal-tb;
    padding: 0!important;
}
.uy-top-compare-table td div{
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 1.5;
}
.uy-top-compare-table tbody th:nth-child(1) div{
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.uy-top-compare-table-icon{
    height: 40px;
    width: 40px;
    margin: 0 auto;
    display: block;
    background-size: contain !important;
}
.uy-top-compare-table-icon-caption{
    min-width : 150px;
}
.uy-top-compare-table-link{
    margin : 10px;
    padding : 10px 20px;
    background: #54544F!important;
    border-radius: 5px;
    color: #fff!important;
    text-decoration: none!important;
}
.uy-top-compare-table-caution{
    text-align: left;
    font-size: 12px;
    margin-top: 3px;
}
@media (min-width: 900px){
    .uy-top-compare-table-caution{
        text-align: right;
    }
}
@media (max-width: 899px){
    .uy-top-compare-table thead th>div,
    .uy-top-compare-table tbody th>div,
    .uy-top-compare-table tbody td>div{
        font-size: 80%;
        padding : 5px;
    }
}

/******************************************
/ 記事一覧
******************************************/
.uy-child-top-post-list-wrap{
    padding : 40px 0;
}

.uy-top-post-list-details{
    border-radius: 10px;
}
.uy-top-post-list-summary{
    background :#54544F!important;
    border-radius: 5px;
    padding: 30px 10px!important;
    list-style-type: none;
}
.uy-top-post-list-details[open] .uy-top-post-list-summary {
    border-radius: 5px 5px 0 0;
}
.uy-top-post-list-summary::-webkit-details-marker{
    display:none
}

.uy-top-post-list-heading{
    position: relative;
    background: none!important;
    border : none!important;
    color: #fff!important;
    text-align: center!important;
    padding: 0!important;
    margin: 0!important;
    font-size: 20px!important;
}
.uy-top-post-list-heading::after{
    position: absolute;
    right: 0;
    color: #fff;
}
.uy-top-post-list-details[open] .uy-top-post-list-heading::after {
    content: "－";
}
.uy-top-post-list-details:not([open]) .uy-top-post-list-heading::after {
    content : "＋";
}

.uy-top-post-list-content-wrap{
    border-radius: 0 0 5px 5px;
    background :#54544F!important;
    padding : 10px;
}
.uy-top-post-list-content{
    border-radius: 5px;
    background :#fff;
    padding : 10px;
}
.uy-top-post-link-wrap{
    margin-top: 10px;
    display: flex;
    justify-content: center;
    text-align: center;
}
@media (min-width: 900px){
    .uy-top-post-list-content-wrap{
        padding : 30px;
    }
    .uy-top-post-list-content{
        padding : 30px;
    }
    .uy-top-post-link-wrap{
        margin-top: 30px;
    }
}



.uy-top-post-list-items {
    background: #eee;
    height: 200px;
    overflow-y: scroll;
    box-shadow: 1px 1px 1px 1px inset #ccc;
    list-style: none;
    margin-left: 0!important;
    padding: 10px;
}
.uy-top-post-list-item{
    margin: 15px 0;
}

/******************************************
/ メディアポリシー
******************************************/
.uy-top-media-policy{
    text-align: center;
    border-top: solid 8px #eee;
    border-bottom: solid 11px #eee;
    padding: 60px 20px;
    margin: 20px 0;
    color: #54544F;
    font-weight: bold;
}
.uy-top-media-policy-heading{
    font-family: 'fuiji' !important;
    background: none!important;
    font-size: 30px!important;
    padding: 0!important;
    margin: 0!important;
    color: #54544F!important;
}
@media (min-width: 900px){
    .uy-top-media-policy-heading{
        font-size: 41px!important;
    }
}

.uy-top-media-policy-subtitle{
    font-size: 18px;
    padding: 10px;
}
.uy-top-media-policy-content{
    text-align: left;
}
@media (min-width: 900px){
    .uy-top-media-policy-content{
        text-align: center;
    }
}
.uy-top-media-policy-content p{
    margin: 0;
}



@media (max-width: 1400px){
    .uy-top-compare-table-base,
    .uy-top-rank-slider-wrap{
        margin: 0 calc(50% - 50vw + var(--scrollbarWidth, 0)/2);
        width: calc(100vw - var(--scrollbarWidth, 0));
    }
}

@media (min-width: 900px){
    .uy-top-compare-table-base{
        width: 67%;
        box-shadow: 0px 0px 10px 0px #EDEDED;
        border-radius: 10px;
        padding: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .uy-top-rank-slider-wrap{
        box-shadow: 0px 0px 10px 0px #EDEDED;
        border-radius: 10px;
        padding: 20px;
        margin: 0 0 20px 0;
    }
}


/******************************************
/ 運営者
******************************************/
.uy-top-creators{
    text-align: center;
    padding: 0 20px;
    margin: 20px 0;
    color: #54544F;
    font-weight: bold;
}
.uy-top-creators-heading{
    font-family: 'fuiji' !important;
    background: none!important;
    font-size: 30px!important;
    padding: 0!important;
    margin: 60px 0 60px 0!important;
    color: #54544F!important;
}
@media (min-width: 900px){
    .uy-top-creators-heading{
        font-size: 41px!important;
    }
}

.uy-top-creator-wrap{
    display: flex;
    gap:50px;
    flex-wrap: wrap;
    margin : 25px 0;
    justify-content: center;
}
.uy-top-creator-link{
    width: 25%;
    min-width : 300px;
    border: solid 5px #eee;
    padding: 10px;
    border-radius: 10px;
    color: #54544F!important;
    text-decoration: none!important;
}

.uy-top-creator-figure{
    display: flex;
    gap: 10px;
    flex-direction: row-reverse;
}
.uy-top-creator-img{
    border-radius: 50%;
    height : 90px;
    width : 90px;
}

@media (max-width: 1100px){
    .uy-top-creator-wrap{
        gap:10px;
        margin : 10px 0;
    }
    .uy-top-creator-link{
        width: calc(50% - 20px);
        min-width : 300px;
    }
}
@media (max-width: 700px){
    .uy-top-creator-link{
        width: 100%;
        min-width : initial;
    }
}




.uy-top-creator-img-caption{
    width :100%;
    padding : 10px;
    text-align: left;
    line-height: 1.2;

}

.uy-top-creator-position{
    font-size: 12px;
}
.uy-top-creator-name{
    font-size: 14px;
}