@charset "UTF-8";
/* 2022/1/7 */
@media screen and (min-width: 767px) {	/* pc */
	#territory {
		width: 760px;
		border: 1px solid #ccc;
		margin: 0 auto;
	}
	#menu {
		float: left;
		width: 152px;
		min-height: 384px;
		text-align: center;	/* 2022/1/7 */
		padding-left: 5px; /* 2022/1/9 */
	}
	#content {
		float: right;
		width: 598px;
		min-height: 384px;
		
		border-left: solid #ccc 1px;
	}
/*	.tip {
		background-color: #FFCCFF;
		padding: 10px;
		width: 400px;
	}
*/
	/* 2022/11/24 */
	dl {
		display: -webkit-flex;
		display: flex;
		flex-flow: wrap;
		width: 100%;
		border-top:solid black 1px;
		border-left:solid black 1px;
	}
	dt {
		flex-basis: 30%;
		box-sizing: border-box;
		border-bottom:solid black 1px;
		border-right:solid black 1px;
		background: #FFFF99;
	}
	dd {
		flex-basis: 70%;
		box-sizing: border-box;
		border-bottom:solid black 1px;
		border-right:solid black 1px;
	}
}
@media screen and (max-width: 767px) {
	#territory {
		width: auto;
		border: 1px solid #ccc;
		margin: 0 auto;
	}
	#menu {
		float: none;
		width: auto;
		/* 2022/1/7
		min-height: 384px;
		*/
		text-align: center;	/* 2022/1/7 */
		padding-bottom: 10px; /* 2022/1/11 */
	}
	#content {
		float: none;
		width: auto;
		/* 2022/1/7
		min-height: 384px;
		
		border-left: solid #ccc 1px;
		*/
	}
/*	.tip {
		background-color: #FFCCFF;
		padding: 10px;
		width: auto;
	}
*/
	/* 2022/11/24 */
	dt {
		border:solid black 1px;
		background: #FFFF99;
	}
	dd {
		margin-bottom: 5px;
		border-left:solid black 1px;
		border-right:solid black 1px;
		border-bottom:solid black 1px;
	}
}

/* 2022/1/12 */
@media print {
	#territory {
		width: auto;
		border: none;
		margin: 0 auto;
	}
	#menu {
		display: none;
	}
	#content {
		float: none;
		width: auto;
	}
}

/* 2022/1/7
#territory {
	width: 760px;
	border: 1px solid #ccc;
	margin: 0 auto;
}
*/

#header {
	border-bottom: solid #ccc 1px;
}

/* 2022/1/7
#menu {
	float:left;
	width: 152px;
	min-height: 384px;
	
/*	border-right: solid #ccc 1px;
/
}
*/

#menu li{
	margin: 3px;
	padding: 6px;
	
	border-bottom:dashed #888 1px;
	
	height: 1em;
	line-height: 1em;
	
	/* text-align: center; 2022/1/7 */
}

/* 2022/1/7
#content {
	float: right;
	width: 598px;
	min-height: 384px;
	
	border-left: solid #ccc 1px;
}
*/

#location {
	color: #444;
	/* font-size: 9px; 2022/1/7 */
	font-size: 0.6rem; /* 2022/1/7 12px*0.6相当 */
}

#content_in {
	padding: 10px;
}

#footer {
	clear: both;
	
	border-top: solid #ccc 1px;
	
	color: #444;
}
/* 2022/1/11 */
#footer img{
	width: 100%;
	max-width: 610px;
	border: none;
}

/* 2022/1/7
.exsmall {
	font-size: 9px;
}
*/

.counter {
	text-align:left;
}

/*------------------------------ */
.blog_head_body {
	padding: 5px;
	background-color:#FFFFCC;
	border:solid 1px #ccc;
	border-radius: 5px;
}

.blog_title {
	padding: 5px;
	border-bottom: solid 1px #ccc; 
}
.social-button-header{
	padding: 5px;
}

.blog_text {
	padding: 5px;
	word-wrap: break-word;
}

.blog_link {
	padding: 5px;
}

.blog_tag {
	padding: 5px;
}

.blog_list {
	padding: 5px;
	border: solid #CCC 1px;
	border-radius: 5px;
}

.tag_list {
	padding: 5px;
	border: solid #CCC 1px;
	border-radius: 5px;
}
/*------------------------------ */

/*2022/12/2 */
a.tag{
	background: #FFFF99;
	border: solid 1px  #ccc;
	border-radius: 5px;
	text-decoration: none;
	color: #000;
}
a.tag:hover{
	background: #eeee88;
}
/*2022/12/5 */
span.tag{
	border: solid 1px  #ccc;
	border-radius: 5px;
	color: #000;
}
/*2022/12/23 */
span.private{
	border: solid 1px  #ccc;
	border-radius: 5px;
	color: #000;
	background: #FC0;
	margin-right: 5px;
}
/*2022/12/23 */
span.del_flg{
	border: solid 1px  #ccc;
	border-radius: 5px;
	color: #000;
	background: #FBB;
	margin-right: 5px;
}
/*2022/12/8 */
a.add_button{
	background: #eee;
	border: solid 1px  #000;
	border-radius: 5px;
	text-decoration: none;
	color: #000;
}
a.add_button:hover{
	background: #ddd;
}
a.upd_button{
	background: #eee;
	border: solid 1px  #000;
	border-radius: 5px;
	text-decoration: none;
	color: #000;
	margin-left: 5px;
}
a.upd_button:hover{
	background: #ddd;
}
a.del_button{
	background: #eee;
	border: solid 1px  #000;
	border-radius: 5px;
	text-decoration: none;
	color: #000;
	margin-left: 5px;
}
a.del_button:hover{
	background: #ddd;
}
a.login_button{
	background: #eee;
	border: solid 1px  #000;
	border-radius: 5px;
	text-decoration: none;
	color: #000;
}
a.login_button:hover{
	background: #ddd;
}

/* 2022/1/11 */
.content_blog img {
	border: solid black 1px;
	width: 100%;
	height: auto;
}
/* 2022/1/11 */
.content_tech img {
	border: solid black 1px;
	width: 100%;
	height: auto;
}


.coding {
	background-color: #FFFF99;
	padding: 10px;
	border: solid #CCC 1px; /* 2022/1/12 */
	overflow: auto; /* 2022/1/9 */
}

.reference {
	background-color: #FF9999;
	padding: 10px;
	border: solid #CCC 1px;
	overflow: auto;
}

.command_prompt {
	background-color: #000000;
	padding: 10px;
	color: white;
	overflow: auto; /* 2022/1/9 */
}
.tip {
	background-color: #FFCCFF;
	padding: 10px;
	border: solid #CCC 1px; /* 2022/1/12 */
}

/* 2022/1/7
.tip {
	background-color: #FFCCFF;
	padding: 10px;
	width: 400px;
}
*/
.service_description {
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFFFCC;
	border: solid #888 1px;
	border-radius: 5px; /* 2022/1/11 */
}
.work_description {
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFFFCC;
	border: solid #888 1px;
	border-radius: 5px; /* 2022/1/11 */
}

.border{
	border: solid #888 1px;
}

.text_blue {
	color: blue;
}

.text_red {
	color: red;
}

.text_orange {
	color: orange;
}

.counter {
	display: none;
}

/* 2022/12/5
.left{
	display: inline-block;
}
.right{
	display: f
}
.create_update{
	display: flex;
	justify-content: space-between;
	font-size: 0.8rem;
} */
/* 2023/1/10 */
.create_update{
	text-align: right;
}
.update_date{
	font-size: 0.1rem;
}
.blog_list_date{
	font-size: 0.5rem;
}
/* 2022/12/6 */
.data_add{
	text-align: right;
	/* padding: 5px; */
	margin-bottom: 5px;
}
.data_upd_del{
	text-align: right;
	padding: 5px;
}
/* 2022/12/23 */
input.title{
	background-color: #CFF;
	width: 100%;
	padding-left: 3px; /* 2022/12/24 */
}
/* 2022/12/23 */
input.release_day{
	background-color: #CFF;
	padding-left: 3px; /* 2022/12/24 */
}
/* 2022/12/23 */
input.comment_ver{
	background-color: #CFF;
	padding-left: 3px; /* 2022/12/24 */
}
/* 2022/12/8 */
textarea.comment{
	width: 100%;
	height: 20em;
	vertical-align: top;
	padding-left: 3px; /* 2022/12/22 */
	background-color: #CFF;
}
/* 2022/12/23 */
input.tag_del{
	background-color: #CFF;
}
input.tag_name{
	background-color: #CFF;
	padding-left: 3px; /* 2022/12/24 */
}
/* 2022/12/23 */
input.link_del{
	background-color: #CFF;
}
/* 2022/12/23 */
input.link_no{
	background-color: #CFF;
	padding-left: 3px; /* 2022/12/24 */
}
/* 2022/12/14 */
.attention{
	font-size: 0.5rem; /* 0.8 */
	color: red;
}

.blog_description{
	font-size: 0.5rem;
}