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

/* ==========================================================================
   comment
========================================================================== */
a:link { color:#000; text-decoration:none; }
a:visited { color:#000; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }
a:active { color:#000; text-decoration:none; }

.lg{
	display:block;
}
.sm{
	display:none;
}

h2{
	max-width:800px;
	width:90%;
	margin:5% auto;
}
h2 img {
	width: 100%;
	height:auto;
}
h3{
	margin:10% auto 5% auto;
	text-align:center;
	max-width:350px;
	width:35%;
}
h3 img {
	width: 100%;
	height:auto;
}

.comment .comment-item{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
  /*border-collapse: collapse;*/
}
.comment .col-xs-12{
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  box-sizing:border-box;
}
.comment{
	margin:0 5%;
	width:90%;
}

.item{
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
}
.item img{
	width:100%;
	height:auto;
}
/*.photo-7{
	height:100%;
	background:url(../img/photo-7.jpg) no-repeat top center;
	background-size:cover;
	overflow:hidden;
}
@media screen and (max-width:991px){
.photo-7{
	background:url(../img/photo-7.jpg) no-repeat top center;
	background-size:auto 100%;
}
}*/
.am {
    margin: 20px 0 50px 0;
    display: inline-block;
    width: 100%;
    max-width: 1300px;
    /* max-width: 1280px; */
	text-align:center;
}
.back_button{
	border:1px #000 solid;
	width:20%;
	max-width:150px;
	display:block;
	padding:10px 0;
	margin:0 auto;
}

.back_button:hover{
	border:1px #ece226 solid;
}
p.txt{
	text-align:right;
	font-size:12px;
}
@media screen and (max-width: 465px){
.am {
    text-align: center;
    margin: 0 auto;
    margin-top:0 !important;
    margin-bottom: 20px;
    display: block;
}
}
@media screen and (max-width:991px){
.lg{
	display:none;
}
.sm{
	display:block;
}

}