@charset "UTF-8";
@import url("https://marliyuito.com/system/css/common.css");
@import url("./plugin/plugin.css");

/*
Theme Name: marliyuito.com
Author: Akino
Author URI: http://marliyuito.com
Description: 非常に洗練されたブログテンプレート。
*/

main {width:66%; float:left;}
#side {width:33%; float:left;}

@media screen and (max-device-width: 480px), (max-width: 480px)
{ /* 縮小ウインドウ、スマホ横表示 */
main {width:98%; float:none; margin:10px auto;}
#side {width:98%; float:none; margin:10px auto;}
}


.list li a {display:inline-block!important;}
.list span {color:#555; font-weight:normal; font-size:small;}

#searchbox {text-align:center;}

/* 4. 記事エリアの設定
-------------------------------------------------------------- */
/*** Contents ***/
.post { width:94%; border:1px solid #555; border-radius:16px; margin:20px auto; padding:5%;
color:#000; background: rgba(255, 255, 255, 0.7);
}
section.post {margin-bottom:70px;}
h1.entry-title {
	margin:20px 0 50px;
	padding:0;
	text-align:left;
	font-size:140%;
	font-weight:bold;
	font-family: 'Sofia', cursive ,serif;
	color:#660;
	clear:both;
	}
.entry-title a {text-decoration:none!important;}
.entry-title a:hover {color:#a70!important;}		
.post p {margin-bottom:20px; color:#333!important; font-family: inherit; font-style: inherit;
font: 14px/22px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;}
.post em{font-style: italic;}
.post code{color: #06c; font-family:'Courier New',Courier,monospace;}
.post img{
	border:1px #ccc solid;
	padding: 3px;
	background: #fff;
	margin:20px 0;
	}
	.post img.wp-smiley{border:none;padding:0;background:none;margin:0;}
.post blockquote{
	border-left:5px solid #ddd;
	background: #eee;
	padding: 10px;
	margin:20px 0;
	font-style:italic;
	}
	.post blockquote p{margin:0;}
.post div.wp-caption{margin: 20px 0;}
	.post div.wp-caption img{ margin: 0;}
	.post div.wp-caption p{ font-size:85%;}

div.clapping {margin:50px 0 40px;}
div.clapping ul li{list-style-image:url(./images/icon/icon-ai2.png);}

#totop {text-align:center; margin:30px auto;}
.fb_button {width:105px; height:61px;}


/* 6.  コメントエリアの設定
-------------------------------------------------------------- */
h3#comments{ margin-top:40px; }
.commentlist span {color:#555!important; font-weight:normal!important;}	
.commentlist{margin-bottom:30px;}
	.commentlist li {
		border-top:1px solid #ddd;
		padding:15px 0 0 55px;
		position:relative;
		}
	.commentlist .avatar {
		background:#fff;
		border:1px solid #ddd;
		left:0;
		margin:0 16px 0 0;
		padding:3px;
		position:absolute;
		top:15px;
		}
	.commentlist .comment-meta{margin-bottom:10px;}
		.commentlist .comment-meta a{
			color: #999;
			font-size:85%;
			text-decoration:none;
			}
			.commentlist .comment-meta a:hover{color: #ccc;}
	.commentlist p{margin-bottom:15px;}
	.commentlist .reply a{
		position: absolute;
		top: 15px;
		right: 0;
		padding: 2px 10px;
		background: #ddd;
		font-size: 85%;
		color: #333;
		text-decoration: none;
		}
		.commentlist .reply a:hover {color: #999}
		
/*** Comment form ***/
#respond{margin-top:50px;}

#commentform{margin-top:20px;}
	#commentform p{clear: both}
	#commentform label{margin: 10px 5px;font-size:85%;}
	*:first-child+html #commentform label{ position:relative\9; top: -15px\9; } /* IE7 */
	#commentform input[type="text"], #commentform textarea{
		margin: 5px 0 10px;
		}
		#commentform input[type="text"]:focus, #commentform textarea:focus{
			border:1px solid #06c;
			}

#entry_navi {margin:10px 0 20px; font-size:90%;}

/*** Blog info ***/
ul.blog_info{
	background: rgba(255, 255, 255, 0.1);
	clear:both;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000); /* IE */
	zoom: 1; /* IE */
	color: #666;
	font-size:85%;
	padding:0px 5px 0;
	margin: 0 0 20px!important;
}
	ul.blog_info li{
			float: right;
			padding-left:20px;
			margin:10px !important;
			list-style: none !important;
			}
			ul.blog_info li a {font-weight:bold;}
				ul.blog_info li a:hover{color: #333}
	ul.blog_info li.cal{background: url(./images/icon_cal.png) no-repeat 0 2px;}
	ul.blog_info li.cat{background: url(./images/icon_cat.png) no-repeat 0 2px;}
	ul.blog_info li.tag{background: url(./images/icon_tag.png) no-repeat 0 2px;}
	ul.blog_info li.com{padding-left:0px!important;}


/*** Calendar ***/
#wp-calendar {width: 100%;}
	#wp-calendar caption {
		color: #222;
		font-size: 14px;
		font-weight: bold;
		padding-bottom: 4px;
		text-align: left;
		}
	#wp-calendar thead {font-size: 11px;}
	#wp-calendar tbody {color: #aaa;}
		#wp-calendar tbody td {
			background: #f5f5f5;
			padding: 3px 0 2px;
			text-align: center;
			}
		#wp-calendar tbody .pad {background: none;}
	#wp-calendar tfoot #next {text-align: right;}



/* 7.  入力フォームの設定
-------------------------------------------------------------- */
input[type="text"], textarea{
	border:1px solid #ccc;
	padding: 5px;
	color: #666;
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
	}
	
input[type="submit"]{
	border:1px solid #ccc;
	padding: 4px 10px;
	color: #666;
	cursor: pointer;

	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#ccc)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#eee,
		#ccc
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffcccccc);
	zoom: 1;
	}



/* 8.  ページナビの設定
-------------------------------------------------------------- */
.pagenavi{
	margin:10px auto 50px;
	display:block;
	clear:both;
	font-size:11px;
	max-width:100%;
}
.pagenavi a ,.pagenavi span {
		color:#707070;
		background:#fff;
		border-radius:3px;	
		border:solid 1px #ddd;
		line-height:30px;
		padding:6px 9px;
		margin-right:3px;
		text-decoration:none;
}
.pagenavi a:hover , .pagenavi .current{
		border-color:#202020;
		background:#525252;
		color:#fff;
		background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252);
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252));
}


/*** Bottom Navigation, Comment Navigation ***/
div.nav-below{margin:40px 0 50px;}
div.nav-below a, a.more-link { font-weight:bold; text-decoration:none; padding:4px 15px;
	line-height:20px;
	color:#fff!important;
	display:block;
	width:112px;
	border-radius:5px;
	border:4px double #db5f32;
	background:#eb6f42;
	background:-webkit-gradient(linear, left top, left bottom, from(#eac345), to(#db3f22));
	background:-moz-linear-gradient(#eac345, #db3f22) repeat scroll 0 0 transparent;
	background:-o-linear-gradient(#eac345, #db3f22) repeat scroll 0 0 transparent;
	}
div.nav-below a:hover, a.more-link:hover {
	cursor:pointer;
	background:#ddec0a;
	background:-webkit-gradient(linear, left top, left bottom, from(#f2fa75), to(#7dac0a));
	background:-moz-linear-gradient(#f2fa75, #7dac0a);
	background:-o-linear-gradient(#f2fa75, #7dac0a);
	}
a.more-link {margin:10px 10px 10px 0px; width:133px;}
.nav-previous a {float:left; }
.nav-next a { float:right; text-align:right;}


#bookmark {
	border:none;
}

.list .archives li a {padding:3px 10px 3px 15px!important;}


aside h3 a {margin:0; }
#kanren {margin-bottom:50px;}
#kanren li {list-style:none; display: inline-block; width:110px; height:220px; overflow:hidden; padding:5px; border:1px solid #ccc; margin:0;  vertical-align: top;}
#kanren li a {display: block; text-decoration: none; font-size:88%;}
#kanren img {max-width:100%; max-height:150px; margin:0; padding:0;}