/*原作*/
.original .contentsBlock h2, .original #read {
font-family: "fot-udkakugo-large-pr6n", sans-serif;
font-weight: 700;
font-style: normal;
text-align: center;
}
.original #read { position: relative;font-weight: 600;}
.publisher {font-weight: 400; font-size: 0.7em;}

ul.calligraphy {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
}
.calligraphy li {width:calc((100% - 50px)/3); padding: 0; }
.calligraphy li:not(:last-child) { margin-right:25px;}
.calligraphy li span{  padding-top: 100%; padding-top: -webkit-calc(1000 / 705 * 100%); padding-top: calc(1000 / 705 * 100%);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
margin: 0 ; height: 0;
border: solid 1px #ccc;
}
.calligraphy li span img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#calligraphyArea p {text-align: right; font-size:0.8em; padding-top: 5px;}

.commentBlock h4 {
	font-size: 1.6em;
	line-height: 1.0em;
	position: relative;
	padding-bottom: 15px;}
.commentBlock h4 span.name { color: #EA6188; border-bottom: solid 2px #EA6188; padding: 0 5px 5px;}
.commentBlock h4 .small { font-size: 0.8em;}

@media all and (min-width: 768px) {
	.originalBlock { padding: 0;}
	.original .contentsBlock h2 {font-size: 2.0em; line-height: 1.6em; padding-bottom: 20px; }
	.original #read { font-size: 1.2em; line-height: 1.8em; padding: 30px 0;}
	#calligraphyArea { width: 880px; margin:0 auto 10px; }
	
	.commentBlock { padding: 20px 0 0;}
	.commentBlock .comment {}
	.commentBlock .comment:not(:last-child) { margin-bottom: 3em;}
	.commentBlock h4 {
        width: 880px;
        margin: 0 auto;
    }
	.commentBlock .txtArea p.txt {
        width: 880px;
        margin: 0 auto;
    }
	.content { padding-top: 30px;}
	.commentBlock dl dt { font-size: 1.1em; padding-bottom: 0.5em;}
}

@media all and (max-width: 767px) {
.originalBlock { padding:0 0 20px;}
.original .contentsBlock h2 {font-size: 1.2em; line-height: 1.5em; padding-bottom: 15px; }
.original #read { font-size: 1em; line-height: 1.8em; padding:1em 0;}
#calligraphyArea { margin: 0 2% 2%;}
.calligraphy { margin: 0 0 2%;}
.calligraphy li {width:calc((100% - 20px)/3); }
.calligraphy li:not(:last-child) { margin-right:10px;}

	.content {margin-top: 0px;}
	.commentBlock { padding: 0;}
	.commentBlock .comment {}
	.commentBlock .comment:not(:last-child) { margin-bottom: 2em;}		
	.commentBlock h4 { font-size: 1.2em; text-align: center;}

}