/*------------------------------------------------------------------------------
								COMMENT
------------------------------------------------------------------------------*/
.main {
	background: url("../../img/comment/back.jpg") no-repeat center center / cover;
	min-height: calc(100vh - 565px);
}
.align-right {
	text-align: right!important;
	margin: 0px -0.5em 0px 0!important;
	font-size: 16px!important;
	line-height: 1em;
	padding: 0px!important;
}
.comment-wrapper {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.comment-box {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.comment {
	height: auto;
	position: relative;
	z-index: 220;
	box-sizing: border-box;
	padding: 0 40px;
}
.about-box ul li {
	margin-top: 50px;
}
.about-box ul li:first-child {
	margin-top: 0px;
}
.about-box ul li p {
	text-align: justify;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 2em;
}
.bnr-area {
	width: 580px;
	height: auto;
	margin: 60px auto 20px;
	box-shadow: 0px 0px 10px #24aae8,0px 0px 30px #24aae8;
}
.comment-area {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	max-width: 1600px;
}
.comment-area .glid-box {
	width: 100%;
	margin:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	margin-top: 20px;
}
.comment-area .glid-box li {
	margin:0 2% 2% 0;
	box-sizing: border-box;
	padding:30px 30px 80px 30px;
	width:49%;
	list-style:none;
	background: rgba(255,255,255,0.1);
	border: 2px solid rgba(255,255,255,0.4);
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.comment-area .glid-box li:nth-child(2n) {
	margin-right: 0%;
}
.comment-area .glid-box li .share {
	position: absolute;
	bottom:0px;
	left:0px;
	width: 100%;
	height: 50px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.comment-area .glid-box li .share {
	-webkit-transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	background: rgba(255,255,255,0.75);
}
.comment-area .glid-box li .share:hover {
	-webkit-transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	background: rgba(255,255,255,1.0);
}
.comment-area .glid-box li .share p {
	color:#030639;
	font-size: 18px;
	text-align: center;
	width: 4em;
	box-sizing: border-box;
	padding-left: 40px;
	background: url("../../img/comment/x-logo.png") no-repeat left center / 25px auto;
	margin: 0 auto;
	line-height: 50px;
	font-weight: 600;
}
.comment-area .glid-box li .share a {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-indent:-999999px;
}
.comment-area .glid-box h7 {
	display: block;
	width: 100%;
	padding-left: 0.5em;
	padding-top: 4px;
	padding-bottom: 6px;
	position: relative;
	box-sizing: border-box;
	border-left: 3px solid #FFFFFF;
	margin-bottom: 30px;
	line-height: 1.2em;
	font-size: 22px;
	font-family: 'Noto Sans JP', serif;
	font-weight: 600;
}
.comment-area .glid-box h7 span {
	display: block;
	padding-left: 0.4em;
	padding-bottom: 32px;
	line-height: 1em;
	font-size: 30px;
	letter-spacing: 0.1em;
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	text-indent: 0em;
}
.comment-area .glid-box h7 span:after {
	content:"";
	width: 100%;
	height: 2px;
	position: absolute;
	left:0px;
	top:50px;
	background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1) 70%);
}
.comment-area .glid-box p {
	font-size: 18px;
	line-height: 2em;
	font-weight: 400;
	font-family: 'Noto Sans JP', serif;
}
.comment-area .glid-box h8  {
	display: block;
	width: 75%;
	line-height: 24px;
	margin: 0px 0 10px;
	background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1) 90%);
	color: #0c0f3b;
	box-sizing: border-box;
	padding-left: 10px;
	font-size: 16px;
	padding-bottom: 2px;
	font-weight: 800;
}
@media screen and (max-width: 1000px) {
/*------------------------------------------------------------------------------
								COMMENT
------------------------------------------------------------------------------*/
.main {
	background: #092940 url("../../img/comment/back-sp.jpg") no-repeat center top / 2000px auto;
	min-height: calc(100vh - 565px);
}
.align-right {
	margin: 0vw -0.5em 0vw 0!important;
	font-size: 2.5vw!important;
}
.about-box ul li {
	margin-top: 5vw;
}
.about-box ul li p {
	font-size: 3vw;
}
.comment {
	padding: 0 0;
}
.bnr-area {
	width: 75vw;
	height: auto;
	margin: 6vw auto 2vw;
	box-shadow: 0px 0px 15px #24aae8,0px 0px 40px #24aae8;
}
.comment-area {
	width: 100%;
	padding: 8vw 0 8vw;
}
.comment-area .glid-box {
	margin-top: 4vw;
}
.comment-area .glid-box li {
	margin:0 0% 3vw 0;
	box-sizing: border-box;
	padding:3vw 3vw 8vw 3vw;
	width:100%;
	-webkit-border-radius: 1.5vw;
	-moz-border-radius: 1.5vw;
	border-radius: 1.5vw;
}
.comment-area .glid-box li:nth-child(3n) {
	margin-right: 0%;
}
.comment-area .glid-box li:nth-child(2n) {
	margin-right: 0%;
}
.comment-area .glid-box li .share {
	height: 6vw;
	border-bottom-left-radius: 1.5vw;
	border-bottom-right-radius: 1.5vw;
}
.comment-area .glid-box li .share {
	-webkit-transition: all 0.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 0.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	background: rgba(255,255,255,0.75);
}
.comment-area .glid-box li .share:hover {
	-webkit-transition: all 0.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 0.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	background: rgba(255,255,255,1.0);
}
.comment-area .glid-box li .share p {
	font-size: 2.5vw;
	width: 4em;
	padding-left: 5vw;
	background: url("../../img/comment/x-logo.png") no-repeat left center / 3vw auto;
	line-height: 6vw;
}
.comment-area .glid-box h7 {
	padding-left: 2vw;
	padding-top: 0.4vw;
	padding-bottom: 0.4vw;
	border-left: 0.4vw solid #FFFFFF;
	margin-bottom: 4vw;
	font-size: 3.5vw;
	line-height: 1.4em;
}
.comment-area .glid-box h7 span {
	padding-bottom: 4vw;
	font-size: 5vw;
	font-weight: 700;
}
.comment-area .glid-box h7 span:after {
	height: 3px;
	top:7.5vw;
}
.comment-area .glid-box p {
	font-size: 22px;
	text-align: justify;
	line-height: 2em;
}
.comment-area .glid-box h8  {
	width: 60%;
	line-height: 4.5vw;
	margin: 2vw 0 2vw;
	padding-left: 1.5vw;
	font-size: 2.6vw!important;
}
}


@media print{
.main ul li .photo-none {
	display:none;
}
}