/*
===================
Leggero CSS Styles
===================

Name: Leggero v2
Author: NoWhereMan, drudo & Marc Thibeault
Version: 0.1
Module: style.css
*/

/* imports common style ruleset */
@import url(common.css);
@import url(globals.css);

/* imports column (where widgets usually go) rules */
@import url(column.css);

#comments li.comment-admin {
	padding:1em
}

#comments li.comment-admin strong.comment-name { font-size:140% }

#widget-searchbox form {
	text-align: center;
}

/*　ここから改造cssの書き込み　*/

body {
	font-size: 100%;
	color: black;
	padding: 0;
	text-align:center;
	background: url('../imgs/back-y.jpg') no-repeat fixed top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

#head {
	padding: 25px 25px 25px 25px;
	margin: 5px;
	/* background: #ffd600; */
	border: #ffcc00 1px solid;
	border-radius: 10px ;
	background: url('../imgs/headimg.jpg') no-repeat fixed;
	background-position:center top;
	background-size: 980px auto;
}

/*　ヘッドのタイトル指定 common 120　*/
h1 {
	/* Title of the blog */
	font-size: 2.3em;
	letter-spacing: 2px;
	margin: 1em 0 0 0;
}

/*　ヘッドのタイトル文字色指定 common 147　*/
#head a { color: #d80c18; text-decoration: none }
.subtitle {
		font-size: 100%;
	font-weight: bold;
		font-style:normal;
		color: black;
		margin: .5em 0 0 0
	}

#body-container {
		background-color: #ffd600;
}

/* ===== LINKS GENERAL (リンクtextの文字色===== */
a:link, a:visited {
	color: #d80c18;
}

/* コメントの投稿を消す　*/
li.link-comments {
	display: none;
}


/* 投稿画像のサイズ調整 */
img[src*=toc]{
 width:auto;
 height:auto;
 max-width:100%;
 max-height:600px;
} 

/* サイドバーの文字色 */
#column {
	color: black !important;
}
#column h4 {
	/* Titles of the sections */
	color: black;
}


#footer {
	color: black;
}

#footer p a {
	color: black;
}



/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 719px) {
	#head {
	background: url('../imgs/headimg-p.jpg') no-repeat fixed;
	background-position:right top;
	background-size: cover;
	}	
	
}


/* 投稿画像の幅設定 */

img[src*=toc]{
 width:auto;
 height:auto;
 max-width:100%;
 max-height:600px;
}