@charset "utf-8";

/*-- 

blog

====================================================== --*/

.post{
word-break:break-all;
line-height:2;
font-size:14px;
}
.post > *{
margin:32px 0;
}
.post > *:first-child{
margin-top:0;
}
.post > *:last-child{
margin-bottom:0;
}

/*-- h --*/

.post h2,
.post h3,
.post h4,
.post h5,
.post h6{
margin-bottom:-10px;
}
.post h2{
font-size:180%;
position:relative;
}
.post h2::after{
position:absolute;
bottom:0;
left:0;
content:'';
width:2em;
height:2px;
background:#c30d23;
}
.post h3{
font-size:160%;
border-bottom:1px solid #ccc;
}
.post h4{
font-size:140%;
font-weight:600;
}
.post h5{
font-size:120%;
font-weight:600;
}
.post h6{
font-size:100%;
font-weight:600;
}

/*-- list --*/

.post ul{
margin-left:2em!important;
text-indent:0!important;
list-style-type:disc!important;
}
.post ol{
margin-left:2em!important;
text-indent:0!important;
list-style-type:decimal!important;
}
.post ul > li,
.post ol > li{
margin-bottom:.5em;
}
.post ul > li:last-child,
.post ol > li:last-child{
margin-bottom:0;
}

/*-- table --*/

.post table{
width:100%;
}
.post table th,
.post table td{
border:1px solid #ccc;
padding:20px;
}
.post table th{
width:20%;
background:#fbfbfb;
}
.post table td{
width:80%;
}

/*-- figure --*/

.post img{
max-width:800px;
height:auto;
border:1px solid #eee;
}

/*-- iframe --*/

.post iframe{
width:100%;
}

/*-- linkcard --*/

.post .linkcard{
border:1px solid#eee;
background:#fefefe;
padding:32px 64px;
margin-bottom:32px;
}
.post .linkcard strong{
border-left:2px solid#c30d23;
background:none;
padding-left:1em;
}

/*-- other --*/

.post strong{
font-weight:500;
background:#f9e477;
}
.post a{
text-decoration:underline;
}
.post a:hover{
text-decoration:none;
}

/* sp */
@media screen and (max-width:750px){

.post{
font-size:24px;
font-size:3.2vw;
}
.post > *{
margin:32px 0;
margin:4.2666vw 0;
}
.post > *:first-child{
margin-top:0;
}
.post > *:last-child{
margin-bottom:0;
}

/*-- h --*/

.post h2,
.post h3,
.post h4,
.post h5,
.post h6{
margin-bottom:20px;
margin-bottom:2.6666vw;
}
.post h2{
font-size:160%;
}
.post h3{
font-size:140%;
}
.post h4{
font-size:120%;
}
.post h5{
font-size:110%;
}
.post h6{
font-size:100%;
}

/*-- table --*/

.post table{
border-bottom:1px solid #ccc;
}
.post table th,
.post table td{
display:block;
width:100%!important;
padding:20px;
padding:2.6666vw;
border-bottom:none;
}

/*-- figure --*/

.post img{
max-width:494px;
max-width:65.8666vw;
height:auto;
}
.post .wp-caption{
width:100%!important;
}

/*-- linkcard --*/

.post .linkcard{
padding:32px;
padding:4.2666vw;
}
.post .linkcard > *:last-child{
margin-bottom:0;
}

/*-- other --*/

.post a:hover{
text-decoration:underline;
}

}