@charset "utf-8";

/*↓導入↓*/
.intro { font-size:18px; line-height:1.75; text-align:left;}
.intro img {/* 写真 */
display:block; width:256px;
float:right;
box-shadow:0 0 4px #677;
border-radius:0.5em;
margin:0 0 0.5em 0.5em;
}
@media screen and ( max-width:768px ){
.intro { font-size:14px;}
.intro img { width:144px;}
}
/*↑導入↑*/
/*↓日付↓*/
.update { font-size:14px; text-align:right; margin-top:2em;}
@media screen and ( max-width:768px ){
.update { font-size:12px;}
}
/*↑日付↑*/
/*↓目次↓*/
.index {
background:linear-gradient(#501,#A02);
box-shadow:0 0 4px #ABB,0 1px 8px #301 inset;
text-align:center;
padding:16px 32px;
}
.index li { font-size:14px; line-height:1.5; text-shadow:0 1px 2px #300;}
.index a:link,.index a:visited { color:#FCC;}/* 【！】指定 */
.index a:hover,.index a:active { color:#FFF;}/* 【！】指定 */
@media screen and ( max-width:768px ){
.update { font-size:12px;}
}
/*↑目次↑*/
/*↓プロフ↓*/
.prof { display:flex; flex-wrap:wrap;}
.prof dt,
.prof dd { font-size:14px; line-height:1.5;}
.prof dt:nth-of-type(n+2),
.prof dd:nth-of-type(n+2) { margin-top:2em;}
.prof dt { width:5em; color:#6BB; text-align:right;}
.prof dt span {
display:block;
border-bottom:solid 2px #ABB;
}
.prof dt.guest { color:#A02;}/* 強調 */
.prof dd { width:calc(100% - 5em); text-align:left; padding-left:1em;}
.prof dd img {/* 写真 */
display:block; width:128px;
float:right;
box-shadow:0 0 4px #677;
border-radius:0.5em;
margin:0 0 0.5em 0.5em;
}
@media screen and ( max-width:768px ){
.prof dt,
.prof dd { font-size:12px;}
.prof dd img { width:96px;}
}
/*↑プロフ↑*/