@charset "utf-8";

.l-container { width: 990px; margin: 70px auto 0; }
.l-sub       { width: 195px; float: left; }
.l-main      { width: 745px; float: right; }

/*メインエリア*/
.blog-tit {
  font-size: 32px;
  text-align: center;
  color: #333;
  background: url(/blog/img/common/grid.png) repeat-x top;
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
  margin: 0 0 60px;
}
.blog-tit span { margin: 0 0 0 .5em; }

.blogs {
  width: 820px;
  overflow: hidden;
}
.blog-cat {
  width: 355px;
  float: left;
  overflow: hidden;
  margin: 0 35px 0 0;
}
.blog-cat-tit {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding: 0 0 10px;
  margin: 0 0 25px;
}
.blog-lists {
  width: 390px;
  letter-spacing: -.40em;
}
.blog-lists li {
  width: 160px;
  min-height: 340px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  background-repeat: no-repeat;
  background-position: center 161px;
  margin: 0 35px 25px 0;
}
.update-{
  display: none;
}
.update-0 { background-image: url(/blog/img/blog/icon-update-0.gif); }
.update-1 { background-image: url(/blog/img/blog/icon-update-1.gif); }
.update-2 { background-image: url(/blog/img/blog/icon-update-2.gif); }
.update-3 { background-image: url(/blog/img/blog/icon-update-3.gif); }

.blog-lists li a span { display: block; }
.blog-list__name {
  font-weight: bold;
  margin: 20px 0 10px;
}
.blog-list__sub-name {
  font-size: 10px;
  margin: 6px 0;
  color: #666;
}
.blog-list__date {
  font-size: 10px;
  color: #666;
}
.blog-lists li a:hover { text-decoration: none; }
.blog-lists li a:hover img { opacity: .6; }
.blog-lists li a:hover .blog-list__name { text-decoration: underline; }

.new-entry { margin: 20px 0 100px; }
.new-entry h4 {
  color: #333;
  margin: 0 0 20px;
}
.new-entry ul {
  width: 850px;
  overflow: hidden;
}
.new-entry ul li {
  float: left;
  margin: 0 35px 0 0;
}
.new-entry ul li span {
  font-size: 10px;
  display: block;
  text-align: center;
}

/*サイドバー*/
.archive-cat {
  font-size: 13px;
  background: url(/blog/img/common/grid.png) repeat-x top;
  padding: 10px 0 40px;
}
.archive-cat h4 {
  font-size: 11px;
  color: #999;
  border-bottom: 1px dotted #ccc;
  padding: 10px 0;
}
.archive-cat ul li { border-bottom: 1px dotted #ccc; }
.archive-cat ul li a {
  color: #656565;
  display: block;
  font-size: 14px;
  text-decoration: none;
  padding: 10px 0;
}
.archive-cat ul li a:hover { color: #000; }

.recent-posts {
  font-size: 13px;
  background: url(/blog/img/common/grid.png) repeat-x top;
  padding: 10px 0 40px;
}
.recent-post-cat { margin: 0 0 30px; }
.recent-post-cat h4 {
  font-size: 11px;
  color: #999;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
.recent-post-cat ul li {
  border-bottom: 1px dotted #ccc;
  padding: 15px 0;
}
.recent-post-cat ul li a span {
  display: block;
  font-size: 10px;
}
.recent-post-date,
.recent-post-name { color: #666; }
.recent-post-cat ul li a:hover span {
  color: #aaa;
  text-decoration: underline;
}







/*個別ページ*/
.article-title {
  font-size: 20px;
  margin: 35px 0 0;
  line-height: 1.4;
}
.article-date {
  letter-spacing: 0.1em;
  border-bottom: 1px dotted #999;
  padding: 0 0 35px;
  margin: 20px 0 35px;
}
.article-content { line-height: 2; }
.article-content p { margin: 0 0 1.8em; }
.article-content a { display: inline-block; }
.article-content img {
  max-width: 745px;
  margin: 20px 0 !important;
}

#contact-block {
  margin-top: 40px;
  margin-bottom: 80px;
  padding-top: 25px;
  border-top: 1px dotted #ccc;
  overflow: hidden;
}
#contact-block h3,#contact-block li {
  float: left;
}
#contact-block h3{
  margin:0 20px 0 0;
}
.contact-mail {
  float: left;
  margin-left: 3px;
  padding-left: 20px;
  background: url(/blog/img/common/icon-mail.gif) 0 4px no-repeat;
  text-decoration: underline !important;
  font-size: 93%;
}
.contact-tel {
  float: left;
  margin-left: 20px;
  padding-left: 20px;
  background: url(/blog/img/common/icon-tel.gif) 0 4px no-repeat;
}
#contact-block.straight-layout .addthis_toolbox {
  float: right;
  margin: 0;
}

/*ブログ記事*/
#blog-main{
  width: 500px;
  float: left;
}
#blog-side-column{
	width: 195px;
	float: right;
}
#blog-main .blogger-name{
  font-size:30px;
  margin:0 0 10px 0;
  display:block;
}
#blog-main .blogger-name-jp{
  font-size:14px;
  display:block;
}
#blog-main .blogger-tit{
  font-size:14px;
  margin:25px 0;
}

.entry {
	line-height: 2;
	font-size: 10px;
  margin:0 0 40px 0;
}
.entry p {
	font-size: 12px;
}
.entry img {
	display: block;
	margin: 1em 0;
  width: 100%;
  height: auto;
}
.entry img.online-store-btn {
  width: 125px;
  height: 27px;
}
.title-block{
	margin: 0 0 40px 0;
}
.asset-name {
	line-height: 1.4;
	font-size: 16px;
}
.asset-name span {
  padding: 0 20px 0 0;
  font-size: 11px;
  color: #999;
}
.post-data {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #999;
	overflow: hidden;
}
.asset-meta-list-item{
	float: left;
}
.addthis_toolbox {
	float: right;
}
#calendar {
	width: 100%;
	margin-top: 20px;
}
#calendar th,
#calendar td {
	text-align: center;
}
#calendar th {
	font-weight: bold;
	padding: 4px;
}
#calendar td {
	padding: 1px;
}
#calendar .head {
	font-weight: bold;
	padding: 8px 0;
}
#calendar .month {
	margin-left: 13px;
	margin-right: 13px;
}
#calendar .day {
	display: block;
	padding: 1px 3px;
}
#calendar .holiday {
	color: #c00;
}
#calendar .posted {
	background-color: #ccc;
}
#calendar .posted:hover {
	background-color: #e3e3e3;
}
#calendar .today {
	background-color: #fff !important;
	border: 1px solid #ccc;
}
#calendar a {
	text-decoration: none;
	cursor: pointer;
}
#blog-side-column .recent-post-cat{
  margin:20px 0 0 0;
}

/*サイドバーバックナンバーボタン*/
.archive-bn {
  margin:40px 0 0 0;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
.archive-bn h4 {
  font-size: 14px;
  font-weight: normal;
  color: #656565;
  cursor: pointer;
  position: relative;
  padding: 11px 0;
}
.archive-bn h4:after {
  content: '';
  width: 11px;
  height: 11px;
  background: url(/blog/img/news/arrow.png) no-repeat;
  position: absolute;
  top: 15px;
  left: 105px;
  transition: .3s;
}
.archive-bn .active:after { transform: rotate(90deg); }
.archive-bn h4:hover { color: #999; }
.archive-bn__year {
  font-size: 11px;
  margin: 0 0 0 10px;
  display: none;
}
.archive-bn__year li { margin: 0 0 8px; }
.archive-bn__year li a:hover { color: #999; }
.archive-bn__month {
  margin: 8px 0 0 10px;
  display: none;
}
.archive-bn__month li {
  position: relative;
  padding: 0 0 0 .8em;
}
.archive-bn__month li:before {
  content: '-';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.blog-video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.blog-video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}