/*はじめに*/

.introBlock h2 {
  font-size: 1.3em; line-height: 1.8em; 
	text-align: center;
}


@media all and (min-width: 768px) {
	.introBlock { padding-bottom: 40px;}
	.introBlock h2 { margin-bottom: 2em; }
	
	.ph_cut, .ph_cut span {
    width: 650px;
    height: 433px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
	.txtSm { font-size: 0.9em;}
}
@media all and (max-width: 767px) {
.introBlock { padding-bottom: 20px;}
.introBlock h2 { font-size: 1.05em; margin-bottom: 1em; line-height: 1.6em; }

.notes {font-size: 0.5em; line-height: 1.5em; }
.spacing {letter-spacing: -.2em;}
	
	.ph_cut span {
    height: 0;
    padding: 66.6% 0 0;
    position: relative;
}
	.txtSm { font-size: 0.8em;}
	.notes { line-height: 1.5em;}

}



/*	comment
============================== */
/*アコーディオン*/
.button {
  cursor: pointer;
}
.content {
  display: none;
}


.commentArea .button {
display: block;
padding: 10px 0; text-align: center;
background-color: rgba(1, 15, 118, 0.9);
transition:0.5s;
color: #ffeb00;
font-size: 1.2em;
font-family: nitalago-ruika, sans-serif;
font-weight: 100;
font-style: normal;
}
.commentArea .button:hover { filter: brightness(1.15); }
.commentArea .content {
  background-color: rgba(3, 0, 65, 0.4);
}

.commentBlock h4 {margin-bottom: 10px; font-size: 1.5em; line-height: 1.5em;}
.commentBlock h4 .small { font-size: 0.8em;}

@media all and (min-width: 768px) {
.commentArea { padding-bottom: 30px;}
.commentArea:last-child { padding-bottom: 0;}
.commentBlock { padding: 30px;}
.commentBlock .comment { padding-bottom: 2em;}	
}

@media all and (max-width: 767px) {
.commentArea { padding-bottom: 20px;}
.commentArea:last-child { padding-bottom: 0;}
.commentBlock { padding: 15px;}
.commentBlock .comment { padding-bottom: 2em;}	
.commentBlock .comment:last-child { padding-bottom: 0em;}	
.commentBlock h4 { font-size: 1.05em;}
}
@media all and (max-width: 350px) {
.commentArea .button {
width:95%;
}
}