/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
#page {
	overflow: hidden;
}

body {
	background: #EEE;
}

/* Facebookウィジェット */
.fb-page {
	text-align: center	
}

/********facebookコメントを可変幅に********/
.fb-comments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb-comments iframe[style],
.fb-social-plugin span,
.fb-comments span {
	width: 100% !important;
	display: block;
}

/*headerのanimation*/
div#edgeanim {
	height: 100px;
	width: 550px;
	position: absolute;
	left: 160px;
	top: 8px;
}

div.amzn_wdgt_pad {
	width: 249px;
}

div#amzn_wdgt_t_8001_0 {
	width: 249px !important;
}

/* レスポンシブレイアウト　ここから */
/* Smaller than standard 1060 (devices and browsers) ----------- */
@media screen and (max-width: 1060px) {
	
}

/* iPad (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
}

/* iPad Portrait and other Smaller then standard 960 (devices and browsers) ----------- */
@media screen and (max-width: 960px) {
	
}

/* Smaller then standard 767 (devices and browsers) ----------- */
@media screen and (max-width: 767px) {
	
}

/* iPhone (landscape) ----------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/*headerのanimation*/
	div#edgeanim {
		position: absolute;
		left: -70px;
		top: 50px;
	}
}

/* iPhone Portrait and other Smaller then standard 479 (devices and browsers) ----------- */
@media screen and (max-width: 479px) {
	/*headerのanimation*/
	div#edgeanim {
		height: 100px;
		width: 280px;
		position: absolute;
		left: -150px;
		top: 50px;
	}
}

/* Smaller then standard 319 (devices and browsers) ----------- */
@media screen and (max-width: 319px) {
	
}

/* レスポンシブレイアウト ここまで */
/*カテゴリーアーカイブのカテゴリー名の大文字を解除*/
.page-title {
	text-transform: none;
}

#main {
	padding: 1em 0 0;
}

/*投稿ページのレイアウト*/
#content {
	margin: 0 32% 0 3%;
	width: 65%;
}

#secondary {
	width: 27.3%;
}

/*Mystoreページのレイアウト*/
#content.mystore {
	width: 93.4%;
}

/*パンくず*/
.breadcrumbs {
	margin: 0 32% 1% 4%;
}

/*widgetレイアウト*/
div.textwidget iframe {
	width: 100% !important;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img,
img.wp-post-image,
img.attachment-thumbnail {
/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 0;
}