@charset   "UTF-8";
/*Theme Name:comment*/

/*--------------------main------------------------*/
#main_page {
	margin: 0 auto;
	width: 100%;
	text-align: left;
	line-height: 1.6em;
	word-spacing: 0.5em;
	padding-bottom: 20px;
	margin-bottom: 0;
}

.term-label-bbs{
       margin-top:20px;
	text-align: center;
	color: #fff;
       background: #ffbf7f;
       font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
/*--------------------コメントエリア------------------------*/
#comment_area ul {
	list-style: none;
}

#comment_area ul li {
	overflow: hidden;
}

#comment_area ul#comments-list {
	margin: 0 auto;
	width: 100%;
}

li.comment {
	display: block;
	width: 98%;
	margin: 0 auto;
	margin-top: 20px;
	-webkit-border-radius: 10px;
	background-color: #ccc;
	box-sizing: border-box;
}

ul.children {
	list-style-type: none;
}

.comment-wrapper {
	border-top: 1px dotted #fff;
	padding-bottom: 10px;
	margin-top: 5px;
}

.comment-meta {
	width: 100%;
	padding: 0px;
	margin-top: 5px;
}

.comment-meta-list {
	margin-left: 15px;
}

li.comment-author-name {
	display: inline-block;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	list-style-type: none;
}

li.comment-title {
	display: inline-block;
	font-size: 12px;
	list-style-type: none;
}

li.comment-date {
	display: inline-block;
	font-size: 12px;
	list-style-type: none;
}

.avatar {
	float: left;
}

.avatar_layer {
	margin-left: 58px;
}

.comment-body p {
	margin-top: 0;
	line-height: 15px;
	font-size: 13px;
	color: #000;
}

#comment-content {
	width: 96%;
}

.comment-content {
	display: block;
	margin: 0 auto;
	padding: 5px;
	min-height: 60px;
	overflow: hidden;
	border-style: hidden;
	-webkit-border-radius: 4px;
	background-color: #fff;
}

.comment-reply {
	display: inline-block;
	text-align: center;
}

.comment-reply a {
	font-size: 12px;
	font-weight: 100;
	text-decoration: none;
	color: blue;
}

.comment-reply :hover {
	color: #ff4500;
	text-decoration: underline;
}

input[type="submit"]{
         display: inline-block;
         padding: 0.5em 1em;
         color:#fff;
         width:40%;
         margin-left:10px;
         margin-right:10px;
         text-decoration: none;
         background: #ff4500;
         border: solid 1px #ff4500;
         border-radius: 3px;
         transition: .4s;
         font-size:15px;
}

input[type="submit"]:link {
	color: #fff;
}

input[type="submit"]:visited {
	color: #fff;
}

input[type="submit"]:hover {
         background: #fff;
         color:#ff4500;
}
/*-----------------input form---------------------*/

#respond {
	display: block;           
    /*   background:rgba(255,255,255,0.5)*/
    /*	background-color: #ffffe5;*/
    /*	background-color: #000;
　　　　rgba(255,255,255,0.5)；　　　
	filter: Alpha(opacity=70);
	opacity: 0.7;*/
	box-sizing: border-box;
	border: 1px solid #ddd;
	-webkit-border-radius: 8px;
	padding: 1px 20px 3px 0px;
	min-height: 170px;
	margin: 0 auto;
	width: 98%;
}
/*
#respond p { margin-bottom:5px;}
*/

#comment-image-wrapper {
	font-size: 13px;
	margin-top: 0;
	box-sizing: border-box;
	background-color: #ccc;
}

.comment-form-author,.comment-form-title,.comment-form-comment {
	font-size: 14px;
	margin-left: 20px;
      /*  margin-right:20px; */
}

#preview-area {
	width: 100%;
	border: 1px solid #ddd;
}

.btn {
	display: inline-block;
	margin-left: 0px;
}

.btn a {
	padding: 0px 12px;
	font-size: 12px;
	color: #000;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	background-color: #eee;
	text-decoration: none;
}

#reply-title {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 10px;
}

#reply-title a {
	padding: 0px 12px;
	font-size: 12px;
	font-weight: lighter;
	color: #000;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	background-color: #eee;
	text-decoration: none;
}

/*---------------------デバイス切替-----------------------*/
@media screen and (max-width: 480px){

input[type="submit"]{
	width:100%;
}
}