@charset "UTF-8";

/*----------------------------
       50音検索
----------------------------*/
#gojuon{
    padding:10px;
}

#gojuon h2{
    font-weight: bold;
    font-size: 15px;
    color: #666;
    margin-bottom: 16px;
}

/* intro */
#gojuon .authorNum{
    color: #333;
    margin-bottom: 12px;
}

#gojuon .authorNum .num{
    font-weight: bold;
    margin-bottom: 2px;
}

#gojuon .authorNum .num span{
    font-weight: bold;
    color: #00A0E9;
}

#gojuon .authorNum .text_s{
    font-size: 11px;
    color: #666;
}

/* contents */
.authorNarrow input[type="search"]{
    border: 1px solid #E1E6EA;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 16px;
}

.authorNarrow input[type="search"]:focus{
    outline: 0;
}

.authorContents{
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #E1E6EA;
    border-radius: 4px;
    margin-bottom: 24px;
}

.authorContents li{
    width: 20%;
    text-align: center;
    border-right: 1px solid #E1E6EA;
    border-bottom: 1px solid #E1E6EA;
    box-sizing: border-box;
}

.authorContents li:nth-child(5n){
    border-right: none;
}

.authorContents li:nth-child(n + 6){
    border-bottom: none;
}

.authorContents li a {
    display: block;
    width: 100%;
    padding: 12px 0 12px 8px;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%2394B3BF" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" /></svg>');
    background-repeat: no-repeat;
    background-position: center left 6px;
    background-size: 20px;
    box-sizing: border-box;
}

/* list */

#gojuon .column h4{
    background: #EDF0F2;
    padding: 12px;
    border-radius: 4px;
    margin-bottom: 8px;
}

#gojuon .column ul{
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #E1E6EA;
    border-top: 1px solid #E1E6EA;
    margin-bottom: 24px;
}

#gojuon .column ul li{
    width: 50%;
    box-sizing: border-box;
    border-right: 1px solid #E1E6EA;
    border-bottom: 1px solid #E1E6EA;
}

#gojuon .column ul li a {
    display: block;
    width: 100%;
    padding: 12px 0 12px 20px;
    box-sizing: border-box;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23E1E6EA" d="M12,10A2,2 0 0,0 10,12C10,13.11 10.9,14 12,14C13.11,14 14,13.11 14,12A2,2 0 0,0 12,10Z" /></svg>');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 20px;
}

#gojuon .column .pagetop{
    display: none;
}