@charset "utf-8";

#profile{
Padding:0 10px;
}
@media screen and (min-width: 1200px) {
                                #profile{
                                Padding:0px;
                                }
}

.statment{
Margin-bottom:15px;
Font-size:12px;
Color:#333;
}
.statment img{
Display:block;
Margin:0 auto 10px ;
}
.statment .name{
Margin-bottom:10px;
Font-size:18px;
}
.statment .name .kana{
Margin-left:10px;
Margin-bottom:10px;
Font-size:10px;
}
@media screen and (min-width: 768px) {
                                .statment img{
                                Display:block;
                                Float:right;
                                Margin:0 0 10px 10px ;
                                }
                                .statment{
                                Margin-left:10px;
                                }
}
@media screen and (min-width: 1200px) {
                                .statment img{
                                Display:block;
                                Float:none;
                                Margin:0 0 10px 0px ;
                                }
                                .statment{
                                Float:right;
                                Margin:0 0 10px 20px ;
                                Width:207px;
                                }
}

.birth{
Margin-bottom:10px;
}

.read{
Margin-bottom:15px;
font-size:14px;
}
.read .bio{
Font-size:16px;
}
.read .kiroku{
Text-align:right;
}
@media screen and (min-width: 768px) {
                                .read .kiroku{
                                Text-align:left;
                                }
                                .read h2{
                                Margin-left:-10px;
                                }
                                .read{
                                Margin-left:10px;
                                }
}

.sns{
Margin-bottom:15px;
font-size:14px;
}
.sns ul{
display:flex;
flex-wrap:wrap;
}
.sns ul li{
Margin-right:10px;
}
@media screen and (min-width: 768px) {
                                .sns ul{
                                Margin-left:10px;
                                }
}



.chronology{
margin-bottom:25px;
}
.chronology .icon{
margin-bottom:10px;
Background:#eee;
Font-size:12px;
padding:7px 10px;
Display:flex;
Flex-wrap:wrap;
}
.chronology .icon li{
Margin-right:12px;
Padding-left:5px;
Line-height:1em;
Margin-top:3px;
Margin-bottom:3px;
}
.chronology .icon li.solo,
.chronology .solo{
Border-left:5px solid red;
}
.chronology .icon li.group,
.chronology .group{
Border-left:5px solid orange;
}
.chronology .icon li.koubo,
.chronology .koubo{
Border-left:5px solid blue;
}
.chronology .icon li.konnkuuru,
.chronology .konnkuuru{
Border-left:5px solid #00c6ff;
}
.chronology .icon li.eizou,
.chronology .eizou{
Border-left:5px solid #09b900;
}
.chronology .icon li.gakureki,
.chronology .gakureki{
Border-left:5px solid #b700ec;
}
.chronology .icon li.other,
.chronology .other{
Border-left:5px solid #999;
}
@media screen and (min-width: 768px) {
                                .chronology{
                                margin-left:10px;
                                }
.chronology h2{
                                margin-left:-10px;
                                }
}


.chronology table th,
.media table th{
width:100%;
display:block;
padding:5px;
background:#eee;
Font-size:14px;
}
.chronology table td,
.media table td{
display: list-item;
width: 100%;
padding:5px;
Font-size:14px;
}
.chronology table td .solo,
.chronology table td .group,
.chronology table td .koubo,
.chronology table td .konnkuuru,
.chronology table td .eizou,
.chronology table td .gakureki,
.chronology table td .other{
Padding-left:5px;
margin:15px 0px;
}
@media screen and (min-width: 768px) {
                                .chronology table td,
                                .media table td{
                                display:table-cell;
                                }
                                .chronology table th,
                                .media table th{
                                white-space: nowrap;
                                Background:white;
                                }
                                .chronology table td .solo,
                                .chronology table td .group,
                                .chronology table td .koubo,
                                .chronology table td .konnkuuru,
                                .chronology table td .eizou,
                                .chronology table td .gakureki,
                                .chronology table td .other{
                                margin:0px 0px 5px 0px;
                                }
                                .chronology table th,
                                .media table th,
                                .chronology table td,
                                .media table td{
                                Font-size:12px;
                                }
}


.chronology table td .kanren,
.media table td .kanren{
display:inline-block;
Padding:0px 5px;
background:#ff6633;
Font-size:10px;
Margin-left:10px;
Margin-right:5px;
Color:white;
border-radius:4px;
}
.chronology table td{
Line-height:1.3em;
}
.collection{
Margin-bottom:25px;
}
.media table td{
margin:5px 5px 5px 0px;
}
.media table td li{
margin-bottom:10px;
}
.media table td li:last-child{
margin-bottom:0px;
}
.media{
margin-bottom:25px;
}
@media screen and (min-width: 768px) {
                                .collection,
                                .media{
                                margin-left:10px;
                                }
                                .collection h2,
                                .media h2{
                                margin-left:-10px;
                                }
                                .media table td li{
                                margin-bottom:3px;
                                }
}