.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: 660px;
	float: left;
	padding-bottom: 0;
	/* background: #fff; */
}
.home #main{
/* margin-top: -50px; */
}
.main-inner {
	/* width: 650px; */
	margin: auto;
	/* padding: 0 8%; */
}
.full .main-inner {
	/* width: 100%; */
	margin: auto;
	padding: 0 0%;
}
.eyecatch {
	margin: 0px;
	padding: 0;
}
.eyecatch img {
	width: 100%;
}
#sidebar {
	width: 254px;
	float: right;
	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: 40px 0;
	/* height: 40px; */
	min-height: 340px;
}

@media only screen and (min-width: 1300px) {
.container {max-width: 1000px;width: 1000px;}
#main {width: 700px;/* float: right; */}
.main-inner {
/* width:680px; */}
.eyecatch {
	}
}

@media only screen and (min-width: 1100px) and (max-width: 1300px) {
.container {max-width: 960px;width: 960px;}
#main {width: 660px;/* float: right; */}

#sub-content {
	position: absolute;
	top: 0px;
	right: -1px;
}
.eyecatch {
}
.eyecatch p {
	margin: 0px;
}
}

@media only screen and (min-width : 960px){
#sub-menu li.last a{
	/* padding-right: 15px; */
}
#header .menu > li.first > a{
	padding-left:0;
}
}

@media only screen and (max-width : 959px) {
	#header .menu > li > a{
		padding: 20px 0px 20px 24px;
}
#header .menu > li > a:after{
	display:none;
}
.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) {
	#header .search-box input{
		width: 30px;
		padding: 21px 15px 21px 15px;
	}
	#header .search-box:before{
		top:18px;
		left:24px;
	}
	#header .search-box input:-moz-placeholder {
	color:transparent;
}
#header .search-box input::-webkit-input-placeholder {
	color:transparent;
}

.container {
	max-width: 768px;
}
#main {
	width: 590px;
}
.main-inner {
	/* width: 540px; */
	margin: auto;
	padding: 0 4%;
}
.eyecatch {
 padding: 0;
}
#sidebar {
	width: 166px;
	float: left;
}
}

@media only screen and (min-width : 481px) and (max-width : 767px) {
	.brand{text-align: center;
display:block;
margin: 20px 40px 12px 0px;line-height: 42px;
}
}


@media only screen and (max-width : 767px) {
#sub-menu{
	text-align:center;
	width:100%;
}
#sub-menu li {
	display:inline-block;
	float:none;
}

.owl-carousel .item{
	margin: 0px 0px!important;
}

.box-section{padding:0 5%}
.home #main{
margin-top: 0px;
}

.brand img{/* max-width:80%; */}
.main-body{border:none;/* padding-left: 5%; *//* padding-right: 5%; *//* width: 100%; */}
.scroll-pane {
	height: 150px!important;
	margin-bottom: 40px
}
#main {
	width: 100%;
	float: none;
	margin-bottom: 0;
}
.main-inner {
	/* width: 84%; */
	/* margin: auto; */
}
#sidebar {
	width: 84%;
	float: none;
	padding-top: 0px;
	margin: 1px 0 0 0;
	padding: 8%;
}
#sidebar.fixed {
	clear: both!important;
	position: static!important;
}
.container {
	max-width: 90%!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) {
	.brand{text-align: left;
display:block;
margin: 2px 48px 10px 0px;line-height: 42px;
}

#en .brand{
margin: 5px 48px 7px 0px;
}

	.newslist .post-title a{display: block;padding: 40px 0 14px 0;
	margin-top:-30px}
	.main-inner {
	width: 84%;
	/* margin: auto; */
	padding: 0 8%;}
	.full .main-inner {
	width: 100%;
	margin: auto;
	padding: 0%;
}
	}
@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;
}
}