/*
THEME NAME: BabySmile MerciCare Original Theme 2016
*/

/*============================================================================================
↓リキッド・右カラムfixed=====================================================================
============================================================================================*/
.liquid-left {
	width: 100%;
	float: left;
	margin-left: -340px;
}
.liquid-left .liquid-inner {
	margin-left: 340px;
	width: auto;
}
.liquid-right {
	width: 300px;
	float: right;	
}
@media screen and (max-width: 768px) {
.liquid-left {
	width: 100%;
	float: inherit;
	margin-bottom:20px;
	margin-left: 0;
}
.liquid-left .liquid-inner {
	margin-left: 0px;
	width: auto;
}
.liquid-right {
	width: 100%;
	float: inherit;
	margin-left: 0px;
}
}

/*============================================================================================
↓ひだり======================================================================================
============================================================================================*/
.post {
	border-top: 1px solid rgba(210,210,210,1);
	padding:40px 0;
}
.post .day{
	font-size:1.2em;
	line-height:1.6em;
	 padding-right:10px;
	 vertical-align:middle;}
.post .cat{
	font-size:1.2em;
	line-height:1.6em;
	color:rgba(255,255,255,1);
	border-radius:10px;
	display:inline-block;
	padding:5px 10px;
	margin-right:1em;
	white-space: nowrap;
}
.news{
	background-color:rgba(251,198,77,1);}
.event{
	background-color:rgba(107,137,191,1);}
.other{
	background-color:rgba(153,153,153,1);}
.post h3.post-ttl {
	font-size: 1.6em;
    line-height: 1.6em;
    margin: 20px auto;
}
.post .post-body p {
	font-size:1.4em;
	line-height:2em;
}

/*============================================================================================
↓みぎ========================================================================================
============================================================================================*/
.sidebar {
	font-size:1.4em;
	line-height:1.6em;
	margin-bottom:20px;
}
.sidebar dl {
	margin-bottom:10px;
}
.sidebar dt{
	width:100%;
	display:block;
	border:1px solid rgba(61,58,156,1);
	position: relative;
	z-index: 2;
	overflow: hidden;
	box-sizing:border-box;
	background-color:rgba(255,255,255,1);
}
.sidebar dt:hover {
	color:rgba(255,255,255,1);
}
.sidebar dt span {
	display:block;
	padding:10px 15px;
}
.sidebar dd{
	padding:15px;}

.sidebar dt::before,
.sidebar dt::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.sidebar dt,
.sidebar dt::before,
.sidebar dt::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.sidebar dt::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.sidebar dt:hover{cursor: pointer;}
.sidebar dt:hover::after {
	top: 0;
	background-color:rgba(61,58,156,1);
}

/*============================================================================================
↓カテゴリ、アーカイブの見出し================================================================
============================================================================================*/
.page-disc {
	font-size:1.4em;
	line-height:1.6em;
    border-top: 1px solid rgba(210,210,210,1);
    padding: 22px 0;
}

/*============================================================================================
↓wp本文欄====================================================================================
============================================================================================*/
.post-body {
	width:100%;
	font-size: 1em;
	line-height: 2em;
}
.post-body p {
	
}
.post-body table {
	margin:20px auto;
}
.post-body table tr td {
	padding:0 3px;
	vertical-align:top;
}
.post-body table tr td:nth-child(odd) {/*セル左*/
	text-align:right;
	white-space:nowrap;
}
.post-body table tr td:nth-child(even) {/*セル右*/
	text-align:left;
}

.post-body h1 {font-size:2em !important; line-height: 2.4em;}
.post-body h2 {font-size:1.6em; line-height: 2.4em;}
.post-body h3 {font-size:1.2em; line-height: 2.4em;}
.post-body h4 {font-size:1em; line-height: 2.4em;}
.post-body h5 {font-size:0.8em; line-height: 2.4em;}
.post-body h6 {font-size:0.8em; line-height: 2.4em;}

.post-body address {font-size:0.8em; margin-bottom: 1em;}
.post-body pre {font-size:0.8em; margin-bottom: 1em;}
.post-body em {font-style:italic; margin-bottom: 1em;}
.post-body strong {font-weight: bold;}

.post-body ul {
	padding-left: 2em;
	margin:1em 0;
}
.post-body ul li {
	list-style-type: disc;
	list-style-position: inside;
}
.post-body ol {
	padding-left: 2em;
	margin:1em 0;
}
.post-body ol li {
	list-style-type: decimal;
	list-style-position: inside;
}
.post-body blockquote {
	padding: 1em;
	border: 1px dotted rgba(210,210,210,1);
	margin:1em 0;
}
.post-body blockquote p {
	margin-bottom:0;
}
.post-body hr {
	margin:2em auto;
}

.post-body img {
	max-width:684px;
	width:100%;
	height:auto;
	margin:20px 0;
}
@media screen and (max-width: 768px) {
.post-body img {
	width:100%;
	height:auto;
}
}

/*埋め込みYoutube対策*/
.post-body iframe{ width:100%; }
iframe{ max-width:100%; }

/*次へ前へリンク*/
.pagenation {
	font-size:1.2em;
	line-height:1.4em;
	display:table;
	width:100%;
	padding:20px 0;
	margin: 30px 0 0;
	border-top:dotted 1px rgba(210,210,210,1);
}
.pagenation div {
	display:table-cell;
	width:50%;
	padding:10px 0;
}
.pagenation .prev {
	text-align:left;
}
.pagenation .next {
	text-align:right;
}
@media screen and (max-width: 480px) {
.pagenation {
	display:block;
}
.pagenation div {
	display:block;
	width:100%;
}
.pagenation .prev,
.pagenation .next {
	text-align:center;
}
}

/*============================================================================================
↓wpページナビ================================================================================
============================================================================================*/
.wp-pagenavi {
	margin:0 auto 40px;
}