.container {
	max-width: 960px;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative
}
.container.flex {
	width: 100%;
	max-width: 100%;
	padding: 0 2%
}
.full #main, .full #footer-inner {
	width: 100%;
}
.full #sidebar {
	width: 100%;
}
#main{
	width: 680px;
	float: right;
	padding-bottom: 0;
	background: #fff;
}
.main-inner {
	/* width: 650px; */
	margin: auto;
	padding: 0 8%;
}
.full .main-inner {
	/* width: 100%; */
	margin: auto;
	padding: 0 2%;
}
.eyecatch {
	margin: 0 -90px 2px;
	padding: 0;
}
.eyecatch img {
	width: 100%;
}
#sidebar {
	width: 254px;
	float: left;
	padding-top: 2px;
	z-index: 1;
	/* border-top-color : #474e58; */
	/* border-top-style : solid; */
	/* border-top-width : 4px; */
	padding-top: 50px;
}
.fixed {
	position: fixed!important;
}
.space {
	padding-top: 0;
	height: 40px;
}

@media only screen and (min-width: 1300px) {
.container {
/* max-width: 1100px; */
	/* width: 1100px; */
}
#main {
/* width:860px; */
	/* float: right; */}
.main-inner {
/* width:680px; */}
.eyecatch {
	margin: 0px -90px 2px!important;}
}

@media only screen and (min-width: 1000px) and (max-width: 1300px) {
#sub-content {
	position: absolute;
	top: 0px;
	right: -1px;
}
.eyecatch {
	margin: 0px -50px 2px;
	padding: 0;
	overflow: hidden;
}
.eyecatch p {
	margin: 0px;
}
}


@media only screen and (max-width : 959px) {
.space {
	padding-top: 50px;
}
div.sdmis-left, div.sdmis-right {
	position: static;
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	background: #f5f5f5;
	padding: 10px 20px;
	width: auto;
	text-align: left;
	margin-top: 20px;
}
div.sdmis-left p, div.sdmis-right p {
	position: static;
	font-size: 100%;
	line-height: 1.4;
}
.sdmis-left br, .sdmis-right br {
	display: none;
}
div.sdmis-right.white p, div.sdmis-left.white p {
	color: #222;
	text-shadow: none;
}
}

@media only screen and (min-width : 768px) and (max-width : 959px) {
.container {
	max-width: 768px;
}
#main {
	width: 590px;
}
.main-inner {
	/* width: 540px; */
	margin: auto;
	padding: 0 4%;
}
.eyecatch {
 margin: 0 -20px 2px;
 padding: 0;
}
#sidebar {
	width: 166px;
	float: left;
}
}


@media only screen and (max-width : 767px) {
.brand{text-align:center;
display:block;}
.brand img{max-width:80%;}
.main-body{border:none;}
.scroll-pane {
	height: 150px!important;
	margin-bottom: 40px
}
#main {
	width: 100%;
	float: none;
	margin-bottom: 0;
}
.main-inner {
	width: 84%;
	margin: auto;
}
#sidebar {
	width: 100%;
	float: none;
	padding-top: 0px;
	margin: 1px 0 0 0;
}
#sidebar.fixed {
	clear: both!important;
	position: static!important;
}
.container {
	max-width: 100%!important;
}
.eyecatch {
	margin-left: 0;
	margin-right: 0;
}
#main-inner {
	padding: 10px;
}
#sub-content {
	display: none!important;
}
#nav {
	display: none;
}
.responsive-nav {
	display: block!important;
}
#skin {
	display: none!important;
}
#header .btn_like {
	right: 0px;
}
#site-title {
	left : 0px;
	margin: 0 0 0 10px;
	padding : 0px;
	position : absolute;
	top: 10px;
	width: 90px;
}
#main-inner {
	border: none;
	position: relative;
	background: none;}
}

@media only screen and (max-width : 479px) {
	.main-inner {
	width: 94%;
	margin: auto;
	padding:0 3%;}
	}
@media only screen and (max-width : 479px) {
 * { -webkit-text-size-adjust: none!important; }
}

@media only screen and (min-width : 1px) and (max-width : 959px) {
header #logo {
	margin-top: 7px!important;
}
}