@charset "UTF-8";
/* CSS Document */

body{
	background: #fff;
}

h3,p{
	margin: 0;
	padding: 0;
}

#COMMENT{
	max-width: 860px;
	margin: 0 auto;
	position: relative;
}

#COMMENT .close{
	background: url(../img/close_btn.png);
	width: 31px;
	height: 30px;
	display: block;
	position: fixed;
	top: 30px;
	right: 30px;
}

#COMMENT .pc{
	display: block;
}

#COMMENT .sp{
	display: none;
}

#COMMENT .bgW{
	background: #fff !important;
}

#COMMENT .main{
	background: url(../img/footer_img_B.png);
	background-position: center top;
	margin: 0px auto 0px auto;
	max-width: 850px;
	text-align:center;
}

#COMMENT .main img{
	max-width: 860px;
	width: 100%;
}

#COMMENT .text_none{
	display: none;
}

#COMMENT .comment_area{
	margin: 30px auto ;
	width: 850px;
}

#COMMENT .comment_box{
	/*display: table;*/
	overflow: hidden;
	max-width: 850px;
	margin: 24px auto ;
	width: 100%;
}

#COMMENT .comment_box span{
	font-size: 12px;
}

#COMMENT .comment_box .bot_20{
	margin-bottom: 20px; 
}

#COMMENT .comment_box .top_20{
	margin-top: 20px; 
}

#COMMENT .comment_box img{
	text-align: center;
	width: 100%;
}

#COMMENT .comment_box .left_box{
background-color: #ed2b8c;
  /* display: table-cell; */
  /* vertical-align: top; */
  padding: 20px;
  width: 380px;
  /* float: left; */
  /* border-right: solid #fff 12px; */
  margin: 0 auto 24px auto ;
}
#COMMENT .comment_box .box{
background-color: #ed2b8c;
  /* display: table-cell; */
  /* vertical-align: top; */
  padding: 20px;
  width: 583px;
  /* border-right: solid #fff 12px; */
  margin: 0 auto;
}

#COMMENT .comment_box .right_box{
  background-color: #ed2b8c;
  /* display: table-cell; */
  /* vertical-align: top; */
  padding: 20px;
  width: 583px;
  /* float: left; */
  /* margin: 0 0 0 24px; */
  margin: 0 auto;
  /* border-left: solid #fff 12px; */
}

#COMMENT .asterisk{
  font-size: 13px;
  text-align: center;
  color: #777;
}



footer {
  margin: 0px auto 0px auto;
  max-width: 850px;
  height: 120px;
  color: #fff;
  text-align: center;
  border: none;
}

footer img{
  border: none;  
}

/* @media (max-width: 900px) {
      body{
      	padding: 0 20px;
      }
 }
*/
/*
 @media (max-width: 650px) {
 	  body{
      	padding: 0 0 ;
      }
      #COMMENT .close{
			background: url(../img/close_btn.png);
			width: 31px;
			height: 30px;
			display: block;
			position: fixed;
			top: 20px;
			right: 20px;
		}
      #COMMENT .pc{
		display: none;
      }
	  #COMMENT .sp{
		display: block;
	  }

	  #COMMENT .comment_area{
			width: auto;
		}


      #COMMENT .comment_box{
      	display: block;
      }
      #COMMENT .comment_box .left_box{
      	float: none;
      	display: block;
      	width: 85%;
      	border-right: none; 
      	margin: 0 auto 24px auto;
      }
      #COMMENT .comment_box .box{
      	display: block;
      	width: 85%;
      	margin: 0 auto 0 auto;
      }
      #COMMENT .comment_box .right_box{
      	display: block;
      	width: 85%;
      	border-left: none;
      	margin: 0 auto 0 auto;
      	float: none;
      }
 }
*/