@charset "UTF-8";

/*↓挿絵↓*/
.shot > ul {
display:flex; flex-wrap:wrap; justify-content:center;
margin-top:16px;
}
.shot > ul li { width:192px; margin:16px 8px 0;}
.shot > ul img {
display:block; width:100%; overflow:hidden;
box-shadow:0 0 4px #455;
border-radius:8px;
margin:0 auto;
}
@media screen and ( max-width:768px ){
.shot > ul { width:auto; margin:0;}
.shot > ul li { max-width:256px; width:100%;}
}
/*↑挿絵↑*/
/*↓導入↓*/
.intro h2 { color:#099; font-size:24px; line-height:1; text-align:center;}
.intro p  { font-size:14px; line-height:1.5; margin-top:16px;}
.intro p.interviewer  { line-height:1; text-align:right;}
@media screen and ( max-width:768px ){
.intro h2 { font-size:18px;}
.intro p  { font-size:12px;}
}
/*↑導入↑*/
/*↓対談↓*/
.talk {
display:flex; flex-wrap:wrap;
font-size:16px; line-height:1.5;
margin-top:32px;
}
.talk > :nth-child(n+3) { margin-top:32px;}
.talk dt { width:5em; text-align:right;}
.talk dt.abe { color:#0C9;}
.talk dt.tom { color:#F00;}
.talk dd { width:calc(100% - 5em); text-align:left;}
@media screen and ( max-width:768px ){
.talk  { font-size:14px;}
}
/*↑対談↑*/
/*↓隠し↓*/
.secret {
background:linear-gradient(#455,#677);
box-shadow:0 0 4px #455, 0 2px 4px #233 inset;
border-radius:16px;
text-shadow:0 0 2px #011, 0 1px 2px #011;
margin-top:32px; padding:16px;
}
.secret > :first-child { margin-top:0;}
.secret h3 { color:#ABB; font-size:16px; line-height:1; margin-top:16px;}
.secret p  { color:#FFF; font-size:14px; line-height:1.25; margin-top:8px; margin-left:1em;}
.secret p span { color:#F99;}
@media screen and ( max-width:768px ){
.secret h3 { font-size:14px;}
.secret p  { font-size:12px;}
}
/*↑隠し↑*/