@charset "UTF-8";
/* ================================================

個別記事用

================================================ */
/* common
----------------------------------------------- */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

#main .post-body a {
	word-break: break-all;
}

/* margin */
#main .post-body .mg0 { margin: 0; }
#main .post-body .mt1 { display: block; margin: 1em 0 0 0; }
#main .post-body .mt2 { display: block; margin: 2em 0 0 0; }
#main .post-body .mt3 { display: block; margin: 3em 0 0 0; }

#main .post-body .mb1 { display: block; margin: 0 0 1em 0; }
#main .post-body .mb2 { display: block; margin: 0 0 2em 0; }
#main .post-body .mb3 { display: block; margin: 0 0 3em 0; }

#main .post-body .txt_center {
	text-align: center;
}
#main .post-body .txt_right {
	text-align: right;
}
#main .post-body .txt_left {
	text-align: left;
}



/* 記 */
#main .post-body .title_center {
	margin: 3em 0 0;
	text-align: center;
}

/* title */
#main .post-body .title_style1 {
	margin: 3em 0 0.5em;
}

#main .post-body .title_style2 {
	margin: 2em 0 0;
}

#main .post-body .title_style3 {
	background: #dfeed6 url('/wp-content/themes/magical-press2/img/bg-h3.png') no-repeat 10px center;
	margin: 3em 0 1em;
	padding: 8px 8px 8px 40px;
	font-size: 20px;
	font-weight: normal;
}


/* etc */
#main .post-body .txt_bold {
	font-style: normal;
	font-weight: bold;
}

/* text indent */
#main .post-body .txt_indent {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}

#main .post-body .txt_indent_2em {
	display: block;
	text-indent: -2em;
	padding-left: 2em;
}

#main .post-body .txt_indent_3em {
	display: block;
	text-indent: -3em;
	padding-left: 3em;
}
#main .post-body .txt_indent_4em {
	display: block;
	text-indent: -4em;
	padding-left: 4em;
}

#main .post-body .txt_indent_5em {
	display: block;
	text-indent: -5em;
	padding-left: 5em;
}
#main .post-body .txt_indent_6em {
	display: block;
	text-indent: -6em;
	padding-left: 6em;
}
#main .post-body .txt_indent_7em {
	display: block;
	text-indent: -7em;
	padding-left: 7em;
}
#main .post-body .txt_indent_8em {
	display: block;
	text-indent: -8em;
	padding-left: 8em;
}
#main .post-body .txt_indent_9em {
	display: block;
	text-indent: -9em;
	padding-left: 9em;
}
#main .post-body .txt_indent_10em {
	display: block;
	text-indent: -10em;
	padding-left: 10em;
}
#main .post-body .txt_indent_11em {
	display: block;
	text-indent: -11em;
	padding-left: 11em;
}




#main .post-body .remarks {
	font-size: 0.9em;
}


/* 写真用 
photo-list： 写真3列
photo-list-2rows： 写真2列
*/
#main .post-body ul.photo-list-2rows,
#main .post-body ul.photo-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	padding: 0;
}
#main .post-body ul.photo-list:after {
	content: "";
	display: block;
	width: 32%;
}
#main .post-body ul.photo-list li {
	width: 32%;
	margin: 0 0 10px;
}


#main .post-body ul.photo-list-2rows:after {
	content: "";
	display: block;
	width: 48%;
}
#main .post-body ul.photo-list-2rows li {
	width: 48%;
	margin: 0 0 20px;
}




/* layout */
/* 左写真　右テキスト */
.post-body .photo_introduction .image {
	float: left;
	width: 170px;
	text-align:center;
}
.post-body .photo_introduction .text {
	float: right;
	width: 480px;
}

#main .post-body .outerframe {
	display: block;
	/*text-align: center;*/
	border: 1px solid #ddd;
	padding: 10px;
	/*border-radius: 5px;*/
}

/* Table Scroll */
/*#main .post-body .scroll table td {
	text-align: center;
}
*/


.red_text { color: #ff3333; }
.text_bold { font-weight:bold; }



/* media
----------------------------------------------- */
@media screen and (max-width:955px) {


} /* end media */ 

@media screen and (max-width:767px) {

	#main .post-body ul.photo-list li {
		width: 48%;
		margin: 0 0 10px;
	}

	/* layout */
	/* 左写真　右テキスト */
	.post-body .photo_introduction .image, 
	.post-body .photo_introduction .text {
		float:none;
		width: 100%;
	}
	/* Table Scroll */
	#main .post-body .scroll table{ width:100%; }
	#main .post-body .scroll{ overflow: auto;white-space: nowrap; }
	#main .post-body .scroll::-webkit-scrollbar{ height: 5px; }
	#main .post-body .scroll::-webkit-scrollbar-track{ background: #F1F1F1; }
	#main .post-body .scroll::-webkit-scrollbar-thumb { background: #BCBCBC; }



} /* end media */ 

@media screen and (max-width:480px) {


} /* end media */