@charset "utf-8";
/* CSS Document */

#sawakami .main-entry .content-SP figure img {
    width: 100%;
    max-width: 880px;
    height: auto;
}
#sawakami .main-entry .entry a {
    padding: 8px 0 60px 460px;
}
#sawakami .mask-dark img{
	border-radius: 4px;
}

@media screen and (max-width: 1024px) {
.site-logo {
    width: 225px;
}
.site-logo a img.logo {
    width: 116px;
}
.site-logo a img.logo2 {
    width: 90px;
    margin-left: 6px;
}
	.site-logo a i{
		margin-left:0;
	}
	.main-entry .entry a .title{
		margin-bottom:0;
	}
#header .cats li a span {
    padding: 0em 4px;
    background: url(../images/uline.gif) left bottom no-repeat;
    background-size: 0% 15%;
    transition-property: background;
    transition-duration: .2s;
}
#sawakami .main-entry .entry a {
    padding: 8px 0 0px 32.5vw;
    margin-top: -18px;
}
#sawakami .main-entry figure {
    float: left !important;
    width: 50%;
}
.subject i.inline {
    font-size: 75%;
}
h3.title .i.inline {
    font-size: 80%;
}
.content {
    margin-right: 20px;
}
}

@media screen and (max-width: 800px) {
#sawakami .main-entry .entry a {
    padding: 0;
    margin-top: 20px;
}
#sawakami .sp-mt20 {
    margin-top: 20px !important;
}
}

@media screen and (max-width: 767px) {
.content {
    margin-right: 0px;
}
#header .site-logo a {
    width: 190px;
}
#header .site-logo a > img {
    width: 96px;
    height: auto;
}
#header .site-logo i img {
    width: 74px;
    height: auto;
}
#sawakami .main-entry figure {
    float: none !important;
    width: 100%;
}
.subject i.inline {
    font-size: 100%;
}
h3.title .i.inline {
    font-size: 100%;
}
#sawakami .mask-dark img{
	border-radius: 0px;
}
}