@charset "utf-8";

/*-------------------------------------------
投稿用ページのCSS
-------------------------------------------*/

/*******************************************
 投稿画像の指定（レスポンシブ対応）
********************************************/
.post_content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.post_content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


img.alignleft,
.wp-caption.alignleft {
	margin: 2px 10px 10px 0;
	border: solid 1px #CCCCCC;
}
img.alignright,
.wp-caption.alignright {
	margin: 2px 0 10px 10px;
	border: solid 1px #CCCCCC;
}
img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	border: solid 1px #CCCCCC;
}

img.alignnone,
.wp-caption.alignnone	{
	margin-top: 10px;
	margin-bottom: 10px;
	border: solid 1px #CCCCCC;
}

img.size-full{
    max-width: 650px; /* フルサイズで投稿した際に、ステージからはみ出さないよう制限 */
    height: auto; 
}

/*****単に画面サイズからはみ出さないだけならmax-width: 100%;に指定
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; 
	height: auto; 
} 
***********************************************************/

.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
	margin-top: 5px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.post_content dl.gallery-item {
	margin: 0;
}

.gallery-item a,
.gallery-caption {
	width: 90%;
}

.gallery-item a {
	display: block;
}

.gallery-caption a {
	display: inline;
}

.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}

.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}

.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}


/* 画像のキャプション
--------------------*/
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	background: transparent;
	padding: 5px 0px 0px 0px;
	border: solid 1px #CCCCCC;
	text-align: center;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-size: 12px;
	line-height: 1.5;
	color: #757575;
	padding: 0px 0px 0px 0px;
}

/* 絵文字
--------------------*/
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* ギャラリー投稿
--------------------*/
#gallery-1 {
	clear: both;
	width: 100%;
}

.gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}

.gallery-item a,
.gallery-caption {
	width: 80%;
}

.gallery-item a {
	display: block;
}

.gallery-caption a {
	display: inline;
}

.gallery-icon img {
	height: auto;
	max-width: 90%;
	border: 1px solid #CCCCCC;
	padding: 5px;
}