header,section{display:grid;grid-template-columns:1fr 1100px 1fr;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px;margin:5px;min-height:50px}@media (max-width:1100px){header,section{grid-template-columns:100%}header>div:first-of-type,header>div:nth-of-type(3),section>div:first-of-type,section>div:nth-of-type(3){display:none}}header>div,section>div{background-color:rgba(255,255,255,0.5);border-image-source:url(../image/stitch_beige.svg);border-image-slice:30;border-image-width:30px;border-image-repeat:round}section.header>div:first-of-type{background-color:rgba(255,255,200,0.2)}section.header>div:nth-of-type(2){padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;row-gap:3px}section.header>div:nth-of-type(2)>h1{font-size:3rem;line-height:120%;color:#fff;text-shadow:-1px -1px 1px rgba(0,0,0,0.2);font-weight:700}section.header>div:nth-of-type(2)>h2{font-size:1.3rem;line-height:150%;color:#fff;text-shadow:-1px -1px 1px rgba(0,0,0,0.2);font-weight:500}header>div:nth-of-type(3){background-color:rgba(200,255,200,0.2)}header>div:nth-of-type(2){padding:15px;position:relative;background-color:rgba(240,200,150,0.3);border-image-source:url(../image/stitch_beige.svg);border-image-slice:30;border-image-width:30px;border-image-repeat:round}header>div:nth-of-type(2)>img.thread{position:absolute;right:-62px;top:-42px}header>div:nth-of-type(2)>h2{font-size:1.5rem;line-height:150%;color:#7b6246;font-weight:400}header>div:nth-of-type(2)>h1{margin-top:7px;font-size:3rem;line-height:120%;color:#300;font-weight:700}header>div:nth-of-type(2)>h3{margin-top:10px;font-size:1.5rem;line-height:150%;color:#7b6246;font-weight:400}section.adsense>div:nth-of-type(2){padding:15px;background-color:rgba(255,200,255,0.1)}section.usage>div:nth-of-type(2){padding:15px;font-size:1.5rem;line-height:170%;color:#7b6246;font-weight:400}section.usage>div:nth-of-type(2) a{color:#74593a}section.usage>div:nth-of-type(2) a[target=_blank]{padding-right:18px;background-image:url(../image/mark_external_ccb.svg);background-repeat:no-repeat;background-position:right 4px top 60%}section.usage>div:nth-of-type(2) a:hover{opacity:0.7}section.usage>div:nth-of-type(2) img{max-width:100%}section.usage>div:nth-of-type(2) div.code{overflow-x:auto;display:grid}section.usage:nth-of-type(4n - 4)>div:first-of-type{background-color:rgba(100,100,255,0.1)}section.usage:nth-of-type(4n - 3)>div:nth-of-type(3){background-color:rgba(255,200,150,0.1)}section.usage:nth-of-type(4n - 2)>div:first-of-type{background-color:rgba(200,200,255,0.1)}section.usage:nth-of-type(4n -1)>div:nth-of-type(3){background-color:rgba(200,255,100,0.1)}section.bottom>div:nth-of-type(2){padding-block:50px}