@charset "utf-8";
@import url(http://parts.blog.livedoor.jp/css/template_6thgen.css);

/**
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSStylesheet;
 :title "ver06_kh_responsive_3c";
 :shortdesc "Design Template for livedoor Blog";
 :created "2013-06-12";
 :release [:revision "1.01"; :created "2013-07-02"];
 :page <http://blogdesign.ldblog.jp/archives/28321823.html>;
 :rights "LINE Corporation".
*/


/* = Layout
----------------------------------------------- */
#wrapper {
	position: relative;
	max-width: 1260px;
	margin: 0 auto;
	text-align: left;
	top: 0;
}

@media screen and (max-width: 768px) {
	#wrapper {
		overflow: hidden;
		width: 768px;
		display: block;
	}
}

#main {
	margin-left: 240px;
	margin-right: 340px;
	padding: 80px 20px 20px;
}

@media screen and (max-width: 768px) {
	#main{
		float: left;
		width: 408px;
		padding-bottom: 0;
		margin-bottom: 0;
		margin-right: 0;
	}
}

#sidebar {
	position: absolute;
	width: 304px;
	padding: 80px 18px 20px;
	top: 0;
	right: 0;
}

@media screen and (max-width: 768) {
	#sidebar{
		position: static;
		float: left;
		width: 408px;
		margin-bottom: 0;
		margin-left: 220px;
		padding-top: 30px;
		padding-bottom: 0;
	}
	.sideA{
		float: left;
		width: 234px;
	}
	.sideB{
		float: right;
		width: 234px;
	}
}

/* 1カラムレイアウトのとき */
body.layout-1col #content {
	
}
body.layout-1col #main {}
body.layout-1col #main-inner {}
body.layout-1col #sidebar {
	
}
body.layout-1col #sidebar-inner {}
body.layout-1col #sidebar .sidewrapper {
	
}

/* 2カラムレイアウトのとき */
body.layout-2col #content {
	
}
body.layout-2col #main {
	
}
body.layout-2col #main-inner {}
body.layout-2col #sidebar {
	
}
body.layout-2col #sidebar-inner {}

/* 右サイドバー */
body.layout-2col.sidebar-right #content {
	
}
body.layout-2col.sidebar-right #main {
	
}
body.layout-2col.sidebar-right #sidebar {
	
}

/* 左サイドバー */
body.layout-2col.sidebar-left #content {
	
}
body.layout-2col.sidebar-left #main {
	
}
body.layout-2col.sidebar-left #sidebar {
	
}

/* かんたん背景画像 */
body.show-bg-image {
	
}


/* = Setting
----------------------------------------------- */
body {
	-webkit-text-size-adjust: none;
	font: 17px/1.8 "游ゴシック", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", sans-serif;
 font-weight: 500;
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/bg.png);
	background-attachment: fixed;
	color: #333;
	position: relative;
}

a,a:visited {
	color: #2B5499;
	text-decoration: none;
}
	a:hover,a:active {
		color: #666;
		text-decoration: underline;
	}


/* = Header
----------------------------------------------- */
#blog-header {
	position: fixed;
	width: 200px;
	padding: 60px 20px 0;
	top: 0;
}
	#blog-header a {
		color: #333;
	}
	#blog-header a:hover {
		color: #666;
		text-decoration: none;
	}

#blog-title {

font: 24px/1.3 "Arial","ヒラギノ角ゴ Pro W3", "HelveticaNeue";

	letter-spacing: 1px;
	margin-bottom: 15px;

background-color: #ffff55;
padding: 30px 5px 30px 15px ;
border-radius: 15px;

}
	
#blog-description {
	font-size: 13px;
	margin-bottom: 40px;

text-align: center;
color: #2B5499

}

#blog-header .navi li {
	list-style: none;
	font-family: "メイリオ";
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 1px;
	margin-bottom: 8px;
	padding-left: 36px;


}

.navi li.about {background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/sprite.png) no-repeat 0 0;}
.navi li.twitter {background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/sprite.png) no-repeat 0 -108px;}
.navi li.facebook {background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/sprite.png) no-repeat 0 -72px;}
.navi li.contact {background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/sprite.png) no-repeat 0 -36px;}


/* = Sidebar
-------------------------------------------------------------- */
#sidebar li {
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/dot.png) repeat-x left bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
	#sidebar li img {
		border: 1px solid #e4e7e8;
		margin-right: 10px;
	}

#sidebar .sidewrapper {
	margin-bottom: 40px;

	font-size: 13px;
}
	
#sidebar .sidewrapper .sidetitle {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}

#sidebar .sidewrapper .side .sidebody {
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/dot.png) repeat-x left bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}


/* = Main (Archives)
-------------------------------------------------------------- */
.message-board {
	font-size: 13px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	padding: 15px;
	margin-bottom: 30px;
}

body.layout-2col .message-board {
	margin-top: 0;
}

#main article {
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/dot.png) repeat-x left bottom;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#main article .article-date {
	font-size: 12px;
	margin-bottom: 5px;
}

#main .single-post .article-date {
	font-size: 13px;
}

#main .archive-post .article-title {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}

#main .archive-post .nailthumb-container {
	float: right;
	width: 160px;
	height: 160px;
	margin: 0 0 10px 20px;	
	border-radius: 50%;
	border: 4px solid #fff;
}

#main .archive-post .nailthumb-container a:hover img {
	opacity: 0.5;
}

#main .archive-post .post {
	line-height: 1.8;
}

#main .archive-post .article-continue {
	margin: 0;
}

#main .archive-post .article-continue a {
	font-weight: normal;
	line-height: 19px;
	background-position: left top;
	text-decoration: none;
	padding-right: 0;
	float: left;
	background-image: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-top: 20px;
	padding: 5px 10px; 
}

#main .archive-post .article-continue a:hover {
	text-decoration: underline;
}


/* = Main (Single)
-------------------------------------------------------------- */
#main .single-post .article-title {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 5px;
}

#main .single-post .post {
	overflow: hidden;
	line-height: 2;
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/dot.png) repeat-x left bottom;
	margin-bottom: 20px;
	padding-bottom: 20px;

padding: 25px 0px 20px 0px;

}

#main .single-post .post img.pict {
	max-width: 100%;
	height: auto;
	margin: 0;
	margin-bottom: 20px;
}

#main .single-post .article-footer {
	overflow: hidden;
}

.article-tags {float: left;}
.article-meta {
	float: right;
	margin: 1em 0;
}


/* = Private
-------------------------------------------------------------- */
div.private-mode-announcement, div.comment-auth-announcement {
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	padding: 15px;
	box-shadow: none;
}

div.private-mode-announcement p, div.comment-auth-announcement p {
	margin: 0;
}


/* = Blockquote
-------------------------------------------------------------- */
.article-body-inner blockquote {
	position: relative;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #eee;
	padding: 15px 15px 15px 55px;
}

.article-body-inner blockquote:before {
	font-size: 6em;
	color: #ccc;
	top: 7px;
}


/* = CommonTheme
-------------------------------------------------------------- */
dl.common-theme dt, dl.common-theme dd {
	font-weight: bold;
	font-size: 14px;
}

dl.common-theme {
	position: relative;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	margin-bottom: 20px;
	padding: 15px;
}

dl.common-theme:after, dl.common-theme:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

dl.common-theme:after {
	border-bottom-color: #fff;
	border-width: 10px;
	left: 30px;
	margin-left: -10px;
}

dl.common-theme:before {
	border-bottom-color: #ddd;
	border-width: 11px;
	left: 30px;
	margin-left: -11px;
}


/* = Social-btn
-------------------------------------------------------------- */
#main .single-post .article-social-btn {
	text-align: center;
	margin-top: -20px;
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/dot.png) repeat-x left bottom;
}


/* = Related-articles
-------------------------------------------------------------- */
#main .single-post .related-articles {
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/dot.png) repeat-x left bottom;
	padding-top: 20px;
	padding-bottom: 20px;
}

#main .single-post .related-articles h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

#main .single-post .related-articles li {
	list-style: none;
	line-height: 19px;
	margin-top: 5px;
}


/* = Tag
-------------------------------------------------------------- */
dl.article-tags dt {
	display: none;
	background-image: none;
}

dl.article-tags dd {
	float: left;
	font-size: 13px;
	line-height: 15px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 0 5px 5px 0;
	padding: 5px; 
}


/* = Pager
-------------------------------------------------------------- */
ul.index-navigator li a,
ul.index-navigator li.current span {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #8d8d8d;
	border-radius: 3px;
}

ul.index-navigator li.current span {
	background-color: #2B5499;
	color: #fff;
}

ul.index-navigator a:hover {
	background-color: #eee;
	text-decoration: none;
}

ul.index-navigator a:visited {
	color: #8d8d8d;
}

ul.article-pager,
ul.archives-pager {
	overflow: hidden;
	padding: 0;
}

ul.article-pager li,
ul.archives-pager li {
	margin: 0;
}

ul.article-pager li a,
ul.archives-pager li a {
	display: inline;
	padding: 0;
	-webkit-transition: none;
}

ul.article-pager li a:hover,
ul.archives-pager li a:hover {
	background-color: inherit;
	text-decoration: underline;
}


ul.article-pager li.prev {float: left;}
ul.article-pager li.next {float: right;}

ul.index-navigator li a, ul.index-navigator li.current span,
ul.index-navigator li.paging-number ol.paging-number li.current {
	font-weight: normal;
}

ul.index-navigator li a, ul.index-navigator li.current span {
	transition: none;
	padding: 1px 10px 0;
}


/* = Commnet
-------------------------------------------------------------- */
#main .single-post #article-options {
	margin-top: 50px;
}

#main .single-post #article-options .article-option-title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

#main .single-post #article-options li.comment-set,
.comment-body, .ping-excerpt {
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/dot.png) repeat-x left bottom;
	margin-bottom: 10px;
}

.comment-info, .trackback-set {
	margin: 0;
	font-size: 13px;
}


#main .single-post #article-options input.text, #article-options textarea, .trackback-form-url input {
	border: 1px solid #ccc;
}

#main .single-post #article-options textarea {
	border-bottom: 1px solid #ccc;
}

#main .single-post #comment-form-tools {
	border: 1px solid #ccc;
	border-top: 0;
}


/* = Ad
-------------------------------------------------------------- */
#ad2 {
	margin-top: 35px;
}


/* = Category Title
-------------------------------------------------------------- */
#category-header h1,
#monthly-header h1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 40px;
}


/* = Footer
----------------------------------------------- */
#blog-footer {
	position: fixed;
	font-size: 11px;
	width: 180px;
	padding: 0 20px;
	bottom: 20px;
}

ul#ld-services {
	padding: 0;
}


/* = Blog parts (Templete.css 上書き含む)
----------------------------------------------- */
/* Calendar */
.calendarhead {
	text-align: center;
}
table.caltblwk .weekday {
	color: #666;
}
table.caltblwk .sun {
	color: #ff5d5d;
}
table.caltblwk .sat {
	color: #578efa;
}
table.caltblday {
	color: #8d8d8d;
	border-collapse: separate;
	border-spacing: 1px;
}
table.caltblday .caloff {
	background-color: #fff;
	border: 1px solid #ddd;
}
table.caltblday .calon {
	background-color: #2B5499;
	border: none;
}
table.caltblwk td, table.caltblday td {
		height: 25px;
	}
table.caltblday td a {
	color:#fff;
	height: 27px;
	line-height: 27px;
}
@media screen and (max-width: 700px) {
	table.caltblwk td, table.caltblday td {
		height: 30px;
	}
	table.caltblday td a {
		height: 32px;
		line-height: 32px;
	}
}
table.caltblday td a:hover {
	background-color: #ccc;
}

/* Search */
.plugin-search,
.plugin-search_internal {
	padding-bottom: 20px;
}

/* Commnet Author */
.plugin-recent_comments .sidebody, .plugin-recent_track_backs {
	color: #999;
}

/* Gallery */
#sidebar ul.galleryThumbnail li {
	background-image: none; 
}

#sidebar ul.galleryThumbnail li img {
	border: 1px solid #e4e7e8;
	margin-right: 2px;
	margin-bottom: 2px;
}

/* Tag */
.side ul.tagcloud li a {
	float: left;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 0 5px 5px 0;
	padding: 5px; 
}

/* Recent-article-image */
.side ul.recent-article-image li {
	line-height: 1.5;
}

.side ul.galleryThumbnail li img,
.side ul.recent-article-image li img {
	border-radius: 50%;
}

/* PopularArticles */
#sidebar div.popularArticlesWithImage.A ul li {
	border-bottom: 0;
	margin-bottom: 15px;
	padding-bottom: 0;
}

div.popularArticlesWithImage.A div.title {
	font-weight: normal;
	line-height: 1.5;
	padding: 3px 5px 6px;
	opacity: 1;
}

#sidebar div.popularArticlesWithImage.A li div.image img {
	border: 0;
	margin-right: 0;
}

div.popularArticlesWithImage.B div.title,
div.popularArticlesWithImage.C div.title {
	margin-bottom: 0;
}

#sidebar div.popularArticlesWithImage.B div.image {
	margin-right: 0;
}

div.popularArticlesWithImage.A div.retweet, div.popularArticlesWithImage.A div.comment, div.popularArticlesWithImage.A div.pv {
	background-color: #2B5499;
	font-weight: normal;
	text-shadow: none;
}

div.popularArticlesWithImage.B div.comment, div.popularArticlesWithImage.B div.retweet, div.popularArticlesWithImage.B div.pv {
	background-color: #2B5499;
	text-shadow: none;
}

div.popularArticlesWithImage.C div.comment, div.popularArticlesWithImage.C div.retweet, div.popularArticlesWithImage.C div.pv {
	background-color: #2B5499;
	text-shadow: none;
}