@charset “utf-8”;
html,body{
margin: 0;
padding: 7px 7px 25px 7px;
width:100%;
overflow-x : hidden;
}
*{
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
outline:none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.clearfix:after{
content: "";
clear: both;
display: block;
}

#cover{
margin:0 auto;
overflow:hidden;
max-width:650px;
background-color:#fff;
border-radius:15px;
position:relative;
padding-bottom:35px;
}
.head{
position:relative;
padding:40px 30px 0 30px;
min-height:160px;
margin-bottom:80px;
}
.head .pn{
background-image: url(../img/pm.png);
background-position: right center;
background-size: 60px auto;
background-repeat: no-repeat;
color:#fff;
font-size:10px;
position:absolute;
right:10px;
top:7px;
height:20px;
text-align:right;
line-height:10px;
padding-right:70px;
}
.head h1{
margin:0 0 10px 0;
}
#rss_title{
line-height:14px;
}
.head h1 a{
color:#fff;
text-decoration:none;
font-size:16px;
ine-height:19px;
}
.head p{
margin:0;
padding-bottom:70px;
color:#fff;
font-size:12px;
line-height:13px;
}
.uicn img{
width:80px;
height:80px;
border-radius:80px;
}
.uicn{
position:absolute;
bottom:-50px;
left:30px;
position:absolute;
border-radius:80px;
border:10px solid rgba(255,255,255,.7);
overflow:hidden;
}
.uicn span{
display:block;
background-color:#fff;
}
#share{
position:absolute;
bottom:-15px;
right:15px;
}
#facebook,#twitter,#line,#mail{
display:inline-block;
width:30px;
height:30px;
border-radius:5px;
cursor:pointer;
margin-left:7px;
background-size:30px 30px;
background-repeat:no-repeat;
}
#facebook{
background-image:url(../img/facebook.png);
}
#twitter{
background-image:url(../img/twitter.png);
}
#line{
background-image:url(../img/line.png);
}
#mail{
background-image:url(../img/mail.png);
}

#main{
margin:15px;
}
.status-cov{
position:relative;
background-color:#f2f2f2;
border-radius:8px;
border:1px solid #ddd;
margin-bottom:30px;
margin-top:-20px;
overflow:hidden;
}
.status-cov .border{
position:absolute;
left:0;
height:100%;
width:5px;
opacity:.8;
}
.inf{
font-size:12px;
color:#fff;
border-radius:85px 85px 0 0;
width:170px;
text-align:center;
margin:-30px 0 0 -85px;
height:90px;
left:50%;
position:absolute;
padding-top:10px;
opacity:.8;
}
#status{
font-size:12px;
line-height:14px;
height:70px;
display: table-cell;
vertical-align: middle;
font-size:14px;
padding-left:15px;
}
input,.al img{
height:50px;
width:100px;
border-radius:8px;
border:none;
color:#fff;
font-weight:bold;
font-size:14px;
cursor:pointer;
}
.al img{
height:auto;
width:150px;
border-radius:0;
margin-top:10px;
background-color:transparent;
}
#button{
float:right;
padding:10px 10px 10px 15px;
}
#pnum{
line-height:17px;
position:absolute;
right:15px;
font-size:10px;
margin:-28px 0 28px 0;
padding:2px 7px;
}
#pnum .m{
width:17px;
height:17px;
display:inline-block;
border-radius:3px;
border:1px solid;
background-image: url(../img/pm.png);
background-position: -2px -2px;
background-size: 60px 18px;
background-repeat: no-repeat;
}
#pnum .n{
color:#000;
margin:0 5px 0 10px;
font-weight:bold;
font-size:14px;
}


.cont{
}
.headline{
border-radius:5px;
position:relative;
text-align:center;
color:#655;
box-shadow: 3px 5px 4px -4px rgba(0,0,0,0.3) inset;
padding:20px 5px 5px 5px;
}
.headline *{
margin:0;
padding:0;
}
.headline .new{
border-radius:5px;
width:40px;
height:20px;
line-height:20px;
left:0;
top:0;
color:#fff;
font-size:10px;
position:absolute;
font-weight:bold;
margin:3px 0 0 -8px;
transform:rotate(-45deg);
}
.headline h1{
text-shadow:1px 1px 0 rgba(255,255,255,1);
font-size:16px;
font-weight:bold;
padding-bottom:10px;
line-height:19px;
}
.headline p{
text-shadow:1px 1px 0 rgba(255,255,255,1);
font-size:14px;
text-align:left;
}
.headline .hd{
padding:10px 15px 20px 15px;
}
.hd a{
color:#655;
text-decoration:none;
}
.hd p{
line-height:14px;
}
.copy{
text-decoration:none;
background-color:#fff;
display:block;
width:70px;
height:70px;
border-radius:35px;
background-size:100%;
background-repeat:no-repeat;
border:10px solid #fff;
position:absolute;
left:50%;
margin:-35px 35px 35px -35px;
}
.cb{
position:absolute;
background-color:#fff;
width:118px;
height:25px;
margin:0 59px 0 -59px;
left:50%;
z-index:-1;
overflow:hidden;
}
.cb .be{
border-radius:0 35px 0 0;
height:35px;
width:35px;
float:left;
}
.cb .af{
border-radius:35px 0 0 0;
height:35px;
width:35px;
float:right;
}
.own{
font-size:10px;
color:#777;
position:absolute;
width:100%;
margin:0 0 0 -15px;
padding-left:220px;
padding-top:10px;
text-align:center;
}

#rss{
text-align:left;
}
#rss ul,#rss li,#rss h2{
list-style-type:none;
padding:0;
margin:0;
}
#rss h2{
line-height:16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#rss li{
box-shadow: 3px 3px 3px -3px rgba(0,0,0,0.3);
background-color:rgba(255,255,255,1);
padding:15px;
margin-bottom:5px;
border-radius:5px;
}
#rss li:last-child{
margin-bottom:0;
}
#rss .time{
font-size:10px;
display:block;
padding-top:5px;
}
#rss .title{
font-size:14px;
}
#rss .desc{
height:43px;
line-height:16px;
overflow:hidden;
display:block;
font-size:12px;
padding-top:10px;
}
#rss .photo{
margin-left:10px;
width:85px;
height:85px;
float:right;
border-radius:3px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
@media screen and (max-width: 600px){
html,body{
padding: 0 0 25px 0;
}
#cover{
border-radius:0;
}
}