#about h1#ttl:not(span) {letter-spacing:-.1em !important;}
#about h1#ttl span {letter-spacing:0 !important;}
#highlight h2{font-weight:600; line-height:180%; font-size:190%; padding:0 0 .5em; text-align:center;
white-space:nowrap;
overflow:hidden;
opacity: 0;
animation:fadein .8s ease-in forwards;
color: #414ca2;
}

#highlight .ph1{width: min(94%, 820px); margin:0 auto;}

#highlight .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
#highlight input:checked ~ .hidden_show {
    padding:0 0;
    height: auto;
    opacity: 1;
}
#highlight label {cursor :pointer;}
#highlight input {display: none;}
#highlight .comment {padding:.8em 1.5em; margin:.5em auto 1em; position: relative;
border:1px solid rgba(65,76,162,0.65);
}
#highlight .comment h3{font-weight:700; line-height:140%; font-size:140%; margin:.2em 0 0; color:#414ca2; padding:0 0 .25em;
border-bottom:1px solid rgba(65,76,162,0.65);
}
#highlight .comment h4{padding:0 0 0 2.5em; margin:.8em 0 .2em; font-size:115%; font-weight:500; text-align:left; position: relative; color:#ff8f9f;}
#highlight .comment h4 + p{padding:0 0 .5em !important;}
#highlight .comment h4:before{
content: "";
width:40px;
height:1px;
background-color:#ff8f9f;
position: absolute;
left:0;
top:50%;
}
#highlight .comment p{padding:.5em; font-size:100%;}

#highlight .ph1{width: min(94%, 820px); margin:0 auto;}
#highlight .ph2{width:98%; margin:2em auto 0; display:flex; flex-flow: row wrap; align-items: center; justify-content: center;}
#highlight .ph2 figure{width:45%; margin:0 1%;}

.lbg-pics{background-color:none !important; box-shadow:none !important;}

@media all and (max-width: 767px) {
#highlight h2{font-size:4.3vw; padding:5% 1.5% 5%; line-height:160%;}
#highlight h2 span.f110{font-size:5.4vw;}
#about #contents p,#story #contents p {padding:1em 4% .5em;}
#highlight h3{font-size:4vw; padding:0 1.5%; margin:2.5% auto 1.5%; line-height:170%;}
#highlight h3:nth-of-type(2){font-size:4.5vw; line-height:140% !important; margin:3% 0 4%;}
#highlight h3 + p{padding:.5em 4% .5em !important;}
#highlight h4{font-size:4vw; padding:2% 1% 0;}
#highlight.inner p{line-height:170% !important;}
#highlight .comment h3{font-size:4.8vw; padding:0 0 2%; margin:0 0 2%;}
#highlight .comment{width:94%; margin:0 auto 3%; padding:2% 4% 4%; background-size:50%;}
#highlight .comment p{padding:1% 0 0 !important;}
}

/*lazyload*/
.lazyload, .lazyloading { opacity: 0;}
.lazyloaded { opacity: 1; transition: all 1000ms;}

.nocontxt { user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-drag:none; -khtml-user-drag: none; -webkit-touch-callout: none; text-align:center;}
.nocontxt img { pointer-events: none;}
.prgimg100 { max-width: 100%;}