/***********
*記事ページ*
************/

p#SearchWord {
	width:95%;
	margin:20px auto;
	padding:0 0 20px;
	text-align:center;
	font-size:11pt;
	border-bottom:#ff595e 1px dotted;
}

	p#SearchWord strong {
		color:#ff595e;
		font-size:12pt;
	}

@media screen and (min-width:1024px) {
	
	#PostPage {
		min-height:220px;
		clear:both;
		width:700px;
		margin:0 24px 0 0;
		padding:0 5px 30px;
		box-sizing:border-box;
	}
	
	#TopHeadeLine h1 + #PostPage {
		min-height:190px;
		padding-top:0;
	}
		
		#PostPage h1 {
			margin:0 0 10px;
			padding:0;
			color:#000;
			font-size:21pt;
			border:none;
		}
		
		#PostPage h1#Page {
			margin:0 0 30px;
			padding:0 0 10px;
			color:#000;
			font-size:21pt;
			border-bottom:#ff595e 2px solid;
		}
		
		#PostPage dl.Date {
			display:-ms-flexbox;
			display:-moz-flex;
			display:-webkit-flex;
			display:flex;
			-ms-flex-pack:start;
			-webkit-justify-content:flex-start;
			justify-content:flex-start;
			margin:0 0 20px;
			padding:0 0 20px;
			border-bottom:#ff595e 2px solid;
		}
		
			#PostPage dl.Date dt {
				/*width:140px;*/
				width:auto;
				margin:0;
				padding:2px 15px;
				box-sizing:border-box;
				text-align:center;
				color:#fff;
				font-size:12px;
			}
			
			#PostPage dl.Date dd {
				margin:00;
				padding:0;
				color:#777;
				font-weight:bold;
			}
			
		#PostPage div.CatchImg {
			width:90%;
			margin:0 auto;
			padding:0;
		}
			#PostPage div.CatchImg img { width:100%; }
		
		#PostPage .Txt {
			width:100%;
			margin:20px 0 50px;
			padding:0;
			box-sizing:border-box;
			line-height:1.25;
			overflow:hidden;
			/*white-space:pre;*/
			word-wrap: break-word;
		}
		
			#PostPage .Txt p,
			#PostPage .Txt pre,
			#PostPage .Txt div,
			#PostPage .Txt ul,
			#PostPage .Txt ol {
				/*width:430px;*/
				/*white-space:pre;*/
				word-wrap: break-word;
			}
		
		#PostPage .Txt + hr,
		#PostPage hr.Start {
			clear:both;
			margin-bottom:50px;
			border:none;
			border-top:#ff595e 1px solid;
		}
		
		#PostPage #next {
			margin:0 auto 50px;
			padding:0;
			text-align:center;
		}
	
	.BtnOldArchive a {
		display:block;
		width:260px;
		margin:50px auto;
		padding:4px 0;
		color:#fff;
		text-align:center;
	 	background:#ff595e;
	 	font-size:18px;
	 	border-radius:30px;
	 	border:#ff595e 1px solid;
	 	-webkit-transition:0.2s;
		-moz-transition:0.2s;
		-o-transition:0.2s;
		transition:0.2s;
	 }
	 
	 .BtnOldArchive a:hover {
	 	color:#ff595e;
	 	background:#fff;
	 	border:#ff595e 1px solid;
	 }
}

@media screen and (max-width:1023px) {
	
	#PostPage {
		/*min-height:auto;*/
		/*clear:both;*/
		width:95%;
		margin:0 auto;
		padding:0 5px 30px;
		box-sizing:border-box;
	}
	
		
		#PostPage h1 {
			margin:0 0 10px;
			padding:0;
			color:#000;
			font-size:21pt;
			border:none;
		}
		
		#PostPage h1#Page {
			margin:0 0 20px;
			padding:0 0 10px;
			color:#000;
			font-size:21pt;
			border-bottom:#ff595e 2px solid;
		}
		
		#PostPage dl.Date {
			display:-ms-flexbox;
			display:-moz-flex;
			display:-webkit-flex;
			display:flex;
			-ms-flex-pack:start;
			-webkit-justify-content:flex-start;
			justify-content:flex-start;
			-ms-flex-wrap:wrap;
			-webkit-flex-wrap:wrap;
			flex-wrap:wrap;
			margin:0 0 20px;
			padding:0 0 20px;
			border-bottom:#ff595e 2px solid;
		}
		
			#PostPage dl.Date dt {
				/*width:140px;*/
				width:auto;
				margin:0;
				padding:2px 15px;
				box-sizing:border-box;
				text-align:center;
				color:#fff;
				font-size:12px;
			}
			
			#PostPage dl.Date dd {
				margin:0;
				padding:0;
				color:#777;
				font-weight:bold;
			}
			
		
		#PostPage div.CatchImg { width:100%; }
		#PostPage div.CatchImg img { width:100%; }
		
		#PostPage .Txt {
			width:100%;
			margin:0;
			padding:20px 0;
			box-sizing:border-box;
			line-height:1.25;
			overflow:hidden;
			white-space:pre;
			word-wrap: break-word;
		}
		
			#PostPage .Txt p,
			#PostPage .Txt pre,
			#PostPage .Txt div,
			#PostPage .Txt ul,
			#PostPage .Txt ol,
			#PostPage .Txt table {
				width:100%;
				white-space:pre;
				word-wrap: break-word;
			}
		
		#PostPage .Txt + hr,
		#PostPage hr.Start {
			width:95%;
			margin:30px auto;
			border:none;
			border-top:#ff595e 1px solid;
		}
		
		#PostPage #next {
			margin:0 auto 30px;
			padding:0;
			text-align:center;
		}
}



#PostPage dl.Date dt { background:#777; margin-right:10px; }

#PostPage dl.Date dt.airbnb-seminar,
#PostPage dl.Date dt.media ,
#PostPage dl.Date dt.article-setup { background:#e673ad; }

#PostPage dl.Date dt.airbnb-all,
#PostPage dl.Date dt.cost,
#PostPage dl.Date dt.abe { background:#8fc31f; }

#PostPage dl.Date dt.airbnb-article,
#PostPage dl.Date dt.new { background:#9c6db3; }

#PostPage dl.Date dt.guest,
#PostPage dl.Date dt.none { background:#00a0e9; }

#PostPage dl.Date dt.trouble,
#PostPage dl.Date dt.article-operation { background:#c9a063; }


.s_sbm ul{
	width:100%;
	margin:20px 0;
	padding:0;
	list-style:none;
	letter-spacing: -.40em;
}

.s_sbm li{
	display:inline-block;
	width:25%;
	margin:0;
	padding:0;
	color: #666;
	text-align:center;
	letter-spacing: normal;
}

.s_sbm li a{
	margin:0;
	padding:10px 0;
	color:#FFF;
	display:block;
}
.s_sbm li.sf a{ background-color:#3b5998;}
.s_sbm li.sf a:hover{ color:#3b5998; background-color:#EEE;}
.s_sbm li.st a{ background-color:#33ccff;}
.s_sbm li.st a:hover{ color:#33ccff; background-color:#EEE;}
.s_sbm li.sh a{ background-color:#008fde;}
.s_sbm li.sh a:hover{ color:#008fde; background-color:#EEE;}
.s_sbm li.sg a{ background-color:#da4c36;}
.s_sbm li.sg a:hover{ color:#da4c36; background-color:#EEE;}


/*********
* Matrix *
**********/

@media screen and (min-width:768px) {

	#PostPage .Txt dl.Matrix {
		width:100%;
		display:-ms-flexbox;
		display:-moz-flex;
		display:-webkit-flex;
		display:flex;
		-ms-flex-pack:justify;
		-webkit-flex-pack:space-between;
		justify-content:space-between;
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		letter-spacing:-.40em;
		margin:0 auto 20px;
		padding:0;
	}
		
		#PostPage .Txt dl.Matrix dt {
			width:35%;
			margin:0;
			padding:20px 10px;
			box-sizing:border-box;
			color:#878787;
			font-size:13pt;
			font-weight:normal;
			letter-spacing:normal;
			line-height:1.25;
			border-bottom:#ff595e 2px solid;
		}
		
		#PostPage .Txt dl.Matrix dt:first-letter {
			/*font-size:16pt;*/
			color:#ff595e;
		}
		
		#PostPage .Txt dl.Matrix dd {
			width:64%;
			margin:0;
			padding:20px 10px;
			box-sizing:border-box;
			letter-spacing:normal;
			line-height:1.25;
			border-bottom:#666666 1px dotted;
		}
}


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

	#PostPage .Txt dl.Matrix {
		width:100%;
		display:block;
		margin:0 auto 20px;
		padding:0;
		line-height:0;
	}
		
		#PostPage .Txt dl.Matrix dt {
			width:100%;
			margin:0;
			padding:10px;
			box-sizing:border-box;
			color:#878787;
			font-size:12pt;
			font-weight:normal;
			letter-spacing:normal;
			line-height:1;
			border:#ff595e 2px solid;
		}
		
		#PostPage .Txt dl.Matrix dt:first-letter {
			font-size:12pt;
			color:#ff595e;
		}
		
		#PostPage .Txt dl.Matrix dd {
			width:100%;
			margin:0 0 20px;
			padding:10px;
			box-sizing:border-box;
			letter-spacing:normal;
			line-height:1;
			border:#666666 1px dotted;
			border-top:none;
		}
		
		#PostPage .Txt dl.Matrix dd img { width:100%; }
}


@media screen and (min-width:768px) {

	#PostPage .Txt div.BoxRayout {
		display:-ms-flexbox;
		display:-moz-flex;
		display:-webkit-flex;
		display:flex;
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		-ms-flex-pack:start;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
		letter-spacing:-.40em;
		margin:20px auto;
		padding:0;
		box-sizing:border-box;
	}
	
	#PostPage .Txt div.BoxRayout div {
		margin:0 0 20px;
		padding:10px;
		box-sizing:border-box;
		letter-spacing:normal;
	}
	
	#PostPage .Txt div.BoxRayout div.Triple { width:32.5%; }
	#PostPage .Txt div.BoxRayout div.Triple img { max-width:200px; margin-bottom:1em; }
	#PostPage .Txt div.BoxRayout div.Border { border:#ff595e 2px solid; }
}

@media screen and (max-width:767px) {
	#PostPage .Txt div.BoxRayout {
		display:display;
		width:100%;
		margin:20px auto;
		padding:0;
		box-sizing:border-box;
	}
	
	#PostPage .Txt div.BoxRayout div {
		margin:0 0 20px;
		padding:10px;
		box-sizing:border-box;
		letter-spacing:normal;
	}
	
	#PostPage .Txt div.BoxRayout div.Triple { width:100%; }
	#PostPage .Txt div.BoxRayout div.Triple img { width:75%; margin-bottom:1em; }
	#PostPage .Txt div.BoxRayout div.Border { border:#ff595e 2px solid; }
}