@charset "utf-8";


.accordion_title {
	font-weight: bold;
	color: #bb2222;
}


a.blog_top_sengen{
	color:#8B2D09;
}


#newThread{
	width:95%;
	color: #333;
	padding: 5px 10px;
}

#newThread table{
	width:100%;
	border:#777 1px solid;

}

#newThread caption{
}

#newThread tr{
	border:#777 1px dashed;
}

#newThread tr:hover{
	background:#ffc;
}

#newThread th{
	padding:3px 5px;
	width: 6em;
	
	text-align: left;
	vertical-align: middle;
	background:#ddf;
	
}

#newThread td{
	padding: 3px 5px;
	text-align: left;
	vertical-align: middle;
	
}

#newThread input{
	width:60%;
}

#newThread textarea{
	width:98%;
}


#newThread td.title_input input {
	width:70%;
}

#newThread td.netacheck input {
	width:20px;
}

#buttons{
	text-align:right;
}

#buttons input{
	width:100px;
}

#bbsBody{
	color: #222;
	width: 95%;
	margin:0px auto;
	padding-top: 10px;
}

#bbsBody .article_title{
	padding:0px;
	color: #952;
	line-height: 0.9em;
	font-size: 22px;
	font-weight:bold;
}

#bbsBody .article_date{
	padding:0px;
	color: #000;
	line-height: 0.9em;
	font-size: 16px;
	font-weight:normal;
}

#bbsBody .article{
	margin-bottom:30px;
	padding:10px;
	background: #fcc;
	box-shadow: 10px 10px 5px 5px rgba(0,0,0,0.2);
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius:  15px;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#ffeeee', endColorstr = '#ddbbbb');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#ffeeee', endColorstr = '#ddbbbb')";
background-image: -moz-linear-gradient(left, #eeeeff, #bbbbdd);
background-image: -ms-linear-gradient(left, #eeeeff, #bbbbdd);
background-image: -o-linear-gradient(left, #eeeeff, #bbbbdd);
background-image: -webkit-gradient(linear, left top, right top, from(#eeeeff), to(#bbbbdd));
background-image: -webkit-linear-gradient(left, #eeeeff, #bbbbdd);
background-image: linear-gradient(left, #eeeeff, #bbbbdd);

}

#bbsBody .parent{
}

#bbsBody img{
    max-width:97%;
    height:auto;
}

#bbsBody video{
    max-width:97%;
    height:auto;
}

#bbsBody .name_mail{
	padding:0px 0px 0px 8px;
	font-weight: bold;
	font-size: 16px;
	color: #000
}


#bbsBody a.article_title{
;
	font-weight: bold;
	font-size: 16px;
	color: #000
}

#bbsBody .response{
	margin: 5px 5px 5px 80px;
	width: 500px;
}

#bbsBody .response_name_mail{
	padding:0px 8px 0px 0px;
	text-align: right;
	font-weight: bold;
}

#bbsBody .wrap_icon_passage{
	background: #fff;
	padding: 10px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius:  8px;
}

#bbsBody p.date{
	text-align: right;
}

.delete_button{
	text-align: right;
}

.del_tex{
	width:100px;
}

.del_but{
	width:40px;
}



.cp_box{
	text-align: right;
}

.cp_box label{
	color:#396EFE;
	font-weight:bold;
	text-decoration:none;
	cursor: pointer;
}
.cp_box label:hover{
	text-decoration:underline;
}

.cp_box input {
	display: none;
}


.cp_container {
	position: relative;
	z-index: 10;
	overflow: hidden;
	padding: 0px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius:  8px;
	height: 0;
	background: #fff;
}
#bbsBody input:checked ~ div {
	transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
}
/* 続きを読むを押すと表示されるテキストの高さ */
#bbsBody input:checked ~ div.cp_container {
	height: 700px;
}

.cp_container input{
	display:inline-block;
}

#bbsBody table.icon_passage{
	width:100%;
	table-layout: fixed;
}

#bbsBody td.icon{
	padding:5px 8px;
	width: 38px;
	vertical-align: middle;
}

#bbsBody td.passage{
	vertical-align:middle;
}

#bbsFooter{
	border-top:#0000cc 1px dashed;
	margin-top:15px;
	padding-top: 5px;
	color: #333;
}

#bbsFooter p.page{
	font-weight: bold;
	text-align: center;
}

#bbsFooter p.command{
	text-align: right;
}

#bbsFooter p.copyright{
	text-align:right;
}


#newResponse{
	width:100%;
	color: #333;
	margin-top: -8px;
	margin-right: 0px;
	margin-left: auto;
}

#newResponse h2{
	text-align:left;
}

#newResponse table{
	width:100%;
	border:#777 1px solid;
}

#newResponse caption{
}

#newResponse tr{
	border:#777 1px dashed;
}

#newResponse tr:hover{
	background:#ffc;
}

#newResponse th{
	padding:3px 5px;
	width: 6em;
	
	text-align: left;
	vertical-align: middle;
	background:#ddf;
	
}

#newResponse td{
	padding: 3px 5px;
	text-align: left;
	vertical-align: middle;
	
}

#newResponse input{
	width:150px;
}

#newResponse td.netacheck input {
	width:20px;
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=75);
}

img.screenImage{
	border:#666 1px dashed;
	background:#dcc;
	margin: 5px 0px 5px 5px;
	border-radius: 20px;
	box-shadow: 8px 8px 12px -2px #999 ;
	
}

#bbsBody img.short_thumb{
	aspect-ratio: 1.33;
	object-fit: cover;
}