@charset "UTF-8";

/* CSS Document */
@media screen and (max-width:720px) {

/* Layout */
.single #main{
position:relative;
margin:0 12px 12px;
width:auto;
overflow:hidden;
float:none;
}
#side-r{
position:relative;
margin:0 12px 0;
width:auto;
overflow:hidden;
float:none;
}
#title-headline{
padding:5px 0;
}
#title-headline img{
width:110px;
height:16px;
}

/* Blog*/
h1.newstitle{
margin:0 0 10px;
padding:8px 12px 10px;
font-size:20px;
border-radius:5px;
}
.news-info{
position:relative;
margin:0 0 15px;
height:auto;
}
.news-date{
position:static;
margin:0 0 10px;
padding:1px 0 1px 5px;
width:auto;
height:auto;
font-size:15px;
line-height:1;
text-align:left;
}
#sns-wrap{
position:absolute;
top:0;
left:auto;
right:0;
width:60%;
height:100%;
display:flex;
justify-content:right;
align-items:top;
transform:translate(0,0);
}
#sns-tw{
}
#sns-fb{
}
.single .navPage{
position:relative;
width:auto;
height:auto;
font-size:14px;
line-height:1;
text-align:center;
z-index:10;
}
.news-lead{
padding:0 0;
text-align:left;
}
.news-lead p{
margin:0 0 12px;
}
.blog-wrap-a .inner p.past-newsimg{
margin:0 0 12px;
text-align:center;
}

}