@font-face {
	font-family: 'HG明朝E';
	src: url(../font/HGRME_0.TTC);
}

html {}

body {
	background-color: #dae5f9;
}

img {
	width: 100%;
}

.container::before {
	position:absolute;
	top: 0;
	left: 0;
}

.container {
	position: relative;
	width: 100%;
	background: url(../img/comment/bg.jpg) no-repeat center 0;
	background-size: 100% auto;
}

.header .open {
	width: 11.46%;
	position: fixed;
	top: 2%;
	right: 5.33%;
}

.main {
	display: block;
	width: 100%;
	padding: 62% 4% 0;

}

.title {
	width: 100%;
	padding-top: 3%;
}

.main .cmt-box {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.65);
	padding: 0 7.24% 12%;
}

.main .cmt-box .text-area {
	margin-top: 2%;
}

.main .cmt-box .text-area .text {
	color: #142e67;
	font-size: 17.5px;
	font-size: 4.7vw;
	font-family: 'Times New Roman';
	line-height: 2;
	text-align: justify;
	letter-spacing: -0.6px;
}

.main .cmt-box .name01 {
	color: #d3a243;
	font-size: 17.5px;
	font-size: 4.7vw;
	font-family: 'Times New Roman';
	margin: 0 auto 0;
	padding-top: 10%;
	line-height: 1.3;
}

.main .cmt-box .name02 {
	color: #d3a243;
	font-size: 17.5px;
	font-size: 4.2vw;
	font-family: 'Times New Roman';
	margin: 7% auto 0;
	padding-top: 10%;
	line-height: 1.3;
	letter-spacing: -1px;
}

.main .cmt-box .name01 span,
.main .cmt-box .name02 span {
	font-size: 30px;
}

.main .twitter {
	width: 92.53%;
	margin: 9% auto 0;
}

.footer {
	width: 100%;
	margin-top: 9%;
	/*background: url(../img/comment/bg_footer.jpg) no-repeat 0 0;
	background-size: cover;*/
	background-color: #fff;
	text-align: center;
}

.footer .copyright {
	color: #666666;
	font-size: 9px;
	padding: 8% 0;
}

.to-top {
	position: fixed;
	/*bottom: 14%;*/
	bottom: 2%;
	right: 5%;
	width: 10.8%;
}

.inview {
	opacity: 0;
}