@charset "UTF-8";
/* 本文中で呼び出すレイアウトに関する指定 */
/* 右寄せ */
.right {
	float: right;
}

img.right {
	margin: 3px 0 15px 20px;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 736px) {
	img.center {
		width: 80%;
		height: auto;
		max-width: 150px;
	}
}

.text_right {
	text-align: right;
}

/* PC時は画像右端でテキスト回り込み、SP時は画像を下でセンター */
@media screen and (max-width: 736px) {
	.pc-flr-sp-bottom_ {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

.db {
	display: block;
}

/* 左寄せ */
.left {
	float: left;
}

img.left {
	margin: 3px 20px 15px 0;
}

/* 中央 */
.center {
	text-align: center;
}
@media screen and (max-width: 736px) {
	.center img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: auto;
		height: auto;
		max-width: 100%;
	}
}

/* floatの解除 */
.clr {
	clear: both;
}

/* 画像関連の配置 */
img.space {
	margin: 0.3em 0.5em 0.3em 0;
}

#main p.img_caption {
	margin: 0 0 20px 20px;
	text-align: center;
	float: right;
	width: 223px;
}
#main p.img_caption2 {
	margin: 0 0 20px 20px;
	text-align: center;
	float: right;
	width: 250px;
}
@media screen and (max-width: 736px) {
	#main p.img_caption2 {
		width: auto;
		float: none;
	}
}
@media screen and (min-width: 737px) {
	#main p.img_caption_l {
		/* 5/23吉原追加 */
		margin: 0 20px 20px 0;
		text-align: center;
		float: left;
		width: 298px;
	}
}
@media screen and (max-width: 736px) {
	#main p.img_caption_l {
		margin: 0 0 10px;
	}
	#main p.img_caption_l img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: auto;
		height: auto;
		max-width: 100%;
	}
}
#main p.img_caption_r {
	/* 5/23吉原追加 */
	margin: 0 0 20px 20px;
	text-align: center;
	float: right;
	width: 298px;
}
#main p.img_caption2 {
	margin: 0 0 20px 20px;
	text-align: center;
	float: right;
}
@media screen and (max-width: 736px) {
	#main p.img_caption2 {
		margin: 0;
		float: none;
	}
	#main p.img_caption2 img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: auto;
		height: auto;
	}
}

.img_detail {
	display: block;
	margin: 0 0 1em 0;
	font-size: 1.0em;
	width: 200px;
	text-align: left;
}

span.img_detail2 {
	display: inline-block;
	margin: 0 10px 1em 10px;
	width: 250px;
	text-align: center;
	font-size: 0.9em;
	*display: inline;
	/*スターハックしてる*/
	*zoom: 1;
	/*ここもスターハック*/
}

img.special01 {
	margin: 0 0 10px -200px;
}

/*# sourceMappingURL=layout.css.map */