@charset "utf-8";
/*
#content フレームワーク
*/

/*
===============================================================================
common
*/

.section_header h1 ,
.section_header h2 ,
.section_header h3 ,
.section_header h4 ,
.section_header h5 ,
.section_header h6 {
	margin: 0;
	font-weight: bolder;
}

/*
===============================================================================
section
*/

.section_body {
	line-height: 1.8em;
}


#content .section {
	position: relative;
	margin: 0 0 1em;
}

#content .shadow {
	position: relative;
	padding: 0.5em 1.5em;
	border: 1px solid #c4c4c4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.20);
	-moz-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.20);
	-o-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.20);
	-ms-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.20);
	box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.20);
	background: #fff;
}

#content .lightgray {
	padding: 1.5em 2em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;
	border-radius: 1em;
	-webkit-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.20);
	-moz-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.20);
	-o-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.20);
	-ms-box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.20);
	box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.20);
	background: #fbfbf8;
}

#content .waku {
	position: relative;
	margin-top: 1.8em;
	margin-bottom: 1.8em;
	padding: 0.5em 1.5em;
	border: 2px solid #cecece;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;
	border-radius: 1em;
	background: #fcfcfc;
	color: #323232;
}

/*
-------------------------------------------------------------------------------
共通
*/

#content .section .nav_sns {
	margin: 3em 0 0;
	padding: 0;
	list-style: none;
}

#content .section .nav_sns {
	border: 1px solid #d9d9d9;
	padding: 0.25em 1.2em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	border-radius: 0.3em;
	background: #f5f5f5;
	text-align: center;
	text-decoration: none;
	font-size: 0.9em;
}

#content .section .nav_sns li {
	float: right;
	margin: 0.25em 0 0.25em 0.5em;
}

/*
===============================================================================
section news
*/

#content .news dd a {
	color: #555;
	text-decoration: none;
}
#content .news dd a:hover {
	text-decoration: underline;
}

#content .news .tops {
	float: left;
	width: 24%;
	margin: 0 1% 0 0;

	padding: 0;
}
#content .news .tops.last-child {
	margin-right: 0;
}

#content .news .tops4 {
	width: 23%;
	margin: 0 2.6% 0 0;
}
#content .news .tops6 {
	width: 15.5%;
	margin: 0 1.4% 0 0;
}

#content .news .tops dt {
	margin: 0;
	padding: 0;
}

#content .news .tops .image {
	display: block;
	height: 80px;
	margin: 0 0 0.8em 0;
}
#content .news .tops .image .inner {
	displaY: block;
	max-height: 76px;
	border: 2px solid #e9e9e9;
	background: #e9e9e9;
	text-align: center;
	overflow: hidden;
}
#content .news .tops .image img {
	width: 100%;
}

#content .news .tops .date {
	display: block;
	margin: 0 0 0.8em 0;
	border-bottom: 1px solid #eeeeee;
	padding: 0 0 0.2em;
	color: #45b086;
	font-weight: normal;
	font-size: 0.6em;
}

#content .news .tops .text {
	margin: 0 0 1em 0;
	font-weight: normal;
	font-size: 1em;
}

#content .news .normal {
	clear: left;
	margin: 0;
	border-top: 1px solid #eeeeee;
	padding: 0.5em 0 0;
}

#content .news .normal dt {
	float: left;
	margin: 0.1em 0 0 25px;
	padding: 0;
	color: #45b086;
	font-weight: normal;
	font-size: 0.6em;
}

#content .news .normal dd {
	margin: 0 0 0.4em;
	border-bottom: 1px solid #eeeeee;
	padding: 0 0 0.3em 6em;
	background: url("../../wp/wp-content/themes/msj2014b/images/news-list-arrow.png") no-repeat 11px 0.25em;
}

#content .normal.mores {
	border-top: 0;
	padding-top: 0;
}

.home#index #content .normal.mores {
	display: none;
}

#content .news .openclose {
	position: absolute;
	bottom: -1px;
	right: 20px;
}

#content .openclose a {
	display: block;
	width: 68px;
	height: 0;
	padding: 38px 0 0;
	background: url("../../wp/wp-content/themes/msj2014b/images/btn-open.png") no-repeat 0 0;
	overflow: hidden;
	line-height: 1;
}
#content .openclose.open a {
	background-image: url("../../wp/wp-content/themes/msj2014b/images/btn-open.png");
}
#content .openclose.close a {
	width: 80px;
	background-image: url("../../wp/wp-content/themes/msj2014b/images/btn-close.png");
}

/*
===============================================================================
page
*/

/*
===============================================================================
singular
*/

/*
-------------------------------------------------------------------------------
post (.singular/#archive兼用)
*/

.post #content .section_header {
	position: relative;
	margin: 0 0 2em;
}

.post #content .section_header .meta {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.post #content .section_header .meta .date {
	float: left;
	border: 1px solid #d9d9d9;
	padding: 0.2em 1.2em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	border-radius: 0.3em;
	background: #f5f5f5;
	text-align: center;
	text-decoration: none;
	font-size: 0.9em;
}

.post #content .section_header .meta span {
	margin: 0;
	padding: 0;
	line-height: 1;
}

.post #content .section_header .meta .day {
	color: #45b086;
}

.post #content .motorsports .section_header .meta .day ,
.post.motorsports #content .section_header .meta .day {
	color: #e51314;
}
.post #content .car .section_header .meta .day ,
.post.car #content .section_header .meta .day {
	color: #0089dc;
}
.post #content .event .section_header .meta .day ,
.post.event #content .section_header .meta .day ,
.post #content .information .section_header .meta .day ,
.post.information #content .section_header .meta .day {
	color: #e0bc00;
}

.post #content .section_header .meta .day:after {
	padding: 0 0.5em;
	content: '|';
	color: #333;
}

.post #content .section_header .meta .cat {
	float: left;
}

.post #content .section_header .meta .cat ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.post #content .section_header .meta .cat li {
	float: left;
	margin: 0.3em 0 0 0.5em;
	padding: 0 0 0 0.5em;
	font-size: 0.8em;
	font-weight: bolder;
}
.post #content .section_header .meta .cat li a {
	text-decoration: none;
	color: #aaa;
}
.post #content .section_header .meta .cat li a:hover {
	text-decoration: underline;
}

.post #content .section_header .meta .topcat {
	float: right;
}

.post #content .section h1 a {
	color: #333;
	text-decoration: none;
}

.post #content .section h1 a:hover {
	text-decoration: underline;
}

.post #content .section .readmore {
	text-align: right;
	margin: 0.2em 0 1.8em;
	line-height: 1;
}
.post #content .section .readmore a {
	padding: 0 16px 0 0;
	background: url("../../wp/wp-content/themes/msj2014b/images/circle-arw-red-right.png") no-repeat right 0.35em;
	font-weight: bolder;
	text-decoration: none;
}
.post #content .section .readmore a:hover {
	text-decoration: underline;
}

.post #content .section .gotoouter {
	text-align: right;
}
.ltie9 .post #content .section .gotoouter {
	display: inline;
}
.post #content .section .gotoouter a {
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 0.5em;
	padding: 0.5em 2.5em 0.5em 2em;
	background: #f8f8f8 url("../../wp/wp-content/themes/msj2014b/images/circle-arw-red-right.png") no-repeat 7.5em 0.85em;
	font-weight: bolder;
	text-decoration: none;
}
.post #content .section .gotoouter a:hover {
	background-color: #f4f4f4;
}

/*
===============================================================================
HACK
このcssに登場する属性だけ指定する
*/

/* float bug fix */

#content .section .nav_sns:after ,
#content .section_header .meta:after ,
.framework-css:after {
	content:"";
	clear:both;
	display:block;
	height:0;
}