@charset "utf-8";

/*----------------------------------------*----------------------------------------
common
----------------------------------------*----------------------------------------*/

#main .ebox { padding-top: 0; }

@media screen and (max-width: 767px) {
	#contents { margin-bottom: 30px; }
	#main { margin-bottom: 10px; }
}
@media screen and (min-width: 768px) {
	#contents { margin-bottom: 60px; }
}

/*----------------------------------------
header
----------------------------------------*/

.header-primary {
	border-bottom: 2px dotted #D9D2C3;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.header-primary h1 { margin: 0; }

/*----------------------------------------
ht
----------------------------------------*/

#main h1,
#main h2,
#main h3 { color: #60c1bd; }

.cms-archive .title a {
	font-size: 2rem;
	color: #60c1bd;
}

.cms-archive h1 img,
.cms-archive h2 img,
.cms-single h1 img,
.cms-single h2 img,
.cms-archive .title img {
	vertical-align: middle;
	margin-left: 5px;
}

/*----------------------------------------
date
----------------------------------------*/

.cms-archive .date,
.cms-single .date { line-height: 2rem; }

/*----------------------------------------
category
----------------------------------------*/

.cms-archive .cat,
.cms-single .cat { margin-right: 10px; }
.cms-archive .cat a,
.cms-single .cat a {
	padding: 0 10px;
	background: #e2d6b7;
	text-decoration: none;
	display: inline-block;
	transition: all .1s linear;
	color: #fff;
	line-height: 2rem;
	font-size: 1.3rem;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.cms-archive .cat .news,
.cms-single .cat.news a { background: #65B0CC; }
.cms-archive .cat .diary,
.cms-single .cat.diary a { background: #E8BA41; }
.ebox .cat a:hover {
	background: #cc1414;
	color: #fff;
}
.ebox .cat a + a { margin-left: 10px; }

/*----------------------------------------*----------------------------------------
archive
----------------------------------------*----------------------------------------*/

.cms-archive .media {
	border-bottom: 1px dotted #D9D2C3;
	padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
	.cms-archive .media-object,
	.cms-archive .media-body {
		display: block;
		width: auto;
	}
	.cms-archive .media-object {
		margin-bottom: 20px;
		padding-right: 0;
	}
	.cms-archive .media { text-align: center; }
}
@media screen and (min-width: 768px) {
	.cms-archive .media-object img {
		width: 170px;
		height: auto;
	}
}

/*----------------------------------------
date
----------------------------------------*/

/*----------------------------------------
cat
----------------------------------------*/

/*----------------------------------------
title
----------------------------------------*/

.cms-archive .title {
	margin: 5px 0;
	display: block;
}

/*----------------------------------------
excerpt
----------------------------------------*/

.cms-archive .excerpt {
	font-size: 1.3rem;
	margin-bottom: 0;
}

/*----------------------------------------*----------------------------------------
single
----------------------------------------*----------------------------------------*/


/*----------------------------------------
header
----------------------------------------*/

@media screen and (max-width: 767px) {
	.cms-single .header-primary { text-align: center; }
	.cms-single .header-primary .meta { margin-bottom: 5px; }
	.cms-single h1 { font-size: 2rem; }
}
@media screen and (min-width: 768px) {
	.cms-single .header-primary .meta { margin-bottom: 10px; }
	.cms-single h1 { font-size: 2.4rem; }
}

/*----------------------------------------
align
----------------------------------------*/

@media screen and (max-width: 767px) {
	img.aligncenter,
	img.alignleft,
	img.alignright {
		display: block;
		text-align: center;
		margin: 0 auto 20px !important;
	}
}

@media screen and (min-width: 768px) {
	.aligncenter {
		display: block;
		clear: both;
		margin: 0 auto 20px;
	}
	.alignleft {
		float: left;
		clear: both;
		margin-right: 20px;
	}
	.alignright {
		float: right;
		clear: both;
		margin-left: 20px;
	}
}

/*----------------------------------------
caption
----------------------------------------*/

.wp-caption {
	margin-bottom: 20px;
	max-width: 100%;
}
.wp-caption-text {
	text-align: center;
	font-size: 1.3rem;
	padding-top: 5px;
}

/*----------------------------------------
gallery
----------------------------------------*/

	.gallery {
		margin-left: -10px;
		margin-right: -10px;
	}
	.gallery .gallery-item {
		float: left;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 20px;
		text-align: center;
		vertical-align: top;
	}
	.gallery dd { margin-left: 0; }
	.gallery-size-medium .gallery-item { width: 50%; }
	.gallery-size-thumbnail .gallery-item { width: 33.333333%; }

/*----------------------------------------
video
----------------------------------------*/

.video-container {
	max-width: 100%;
	margin-bottom: 20px;
}
.video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*----------------------------------------*----------------------------------------
side
----------------------------------------*----------------------------------------*/

.sideNav + .sideNav { margin-top: 20px; }
.sideNav .card-block { font-size: 1.4rem; }
.widget_categories .card-block { padding: 0; }

@media screen and (max-width: 767px) {
	#side dt { text-align: center; }
}

@media screen and (min-width: 768px) {
	#side { padding-left: 20px; }
}

/*----------------------------------------
nav
----------------------------------------*/

.sideNav li + li { border-top: 1px solid #D9D2C3; }
.sideNav ul ul li { border-top: 1px dotted #D9D2C3; }

.sideNav li a {
	color: #665c47;
	position: relative;
	text-decoration: none;
	display: block;
	padding: 7px 15px;
	transition: all .2s linear;
}
.sideNav ul ul a { padding-left: 25px; }
.sideNav li a:before {
	font-family: "FontAwesome";
	content: "\f105";
	margin-right: 10px;
}
.sideNav ul ul a:before {
	content: "\f0da";
	font-size: 1.2rem;
}
.sideNav a:hover { background: #f5e287; }
.sideNav .current-cat:before,
.sideNav .current-cat > a {
	color: #cc1414;
	text-decoration: none;
}

/*----------------------------------------
select
----------------------------------------*/

.sideNav select { width: 100%; }
.sideNav .screen-reader-text { display: none; }

/*----------------------------------------
search
----------------------------------------*/

.widget_search .card-block { text-align: center; }
#s { border: 1px solid #D9D2C3; }
#searchsubmit {
	background: #665c47;
	color: #fff;
	border: none;
	padding: 1px 10px;
}

@media screen and (max-width: 767px) {
	#s {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
	#searchsubmit {
		display: block;
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
}

/*----------------------------------------
bnr
----------------------------------------*/

.sideBnr p { margin-bottom: 0; }
.sideBnr p + p { margin-top: 10px; }