@charset "utf-8";
body {
    font-family: "UDPGothic";
    font-feature-settings: "palt" 1;
}

code {
    font-family: 'UDCode';
}

body, h1, h2, h3, h4, h5, h6, p, blockquote, hr, dl, dd, ol, ul {
    /* BIZ UDだと行間が詰まって見える問題の対策 */
    line-height: 150%;
}

pre, figure {
    /* BIZ UDだと行間が詰まって見える問題の対策 */
    line-height: 130%;
}

div.page__body h1,main.page-content h1 {
    border-bottom: solid 1px #bbb;
    margin-top: 1em;
}

div.page__body h2,main.page-content h2 {
    border-left: solid 1px #bbb;
    margin-top: 1em;
    padding-left: 1em;
}

div.page__body h3,main.page-content h3 {
    border-left: solid 1px #bbb;
    margin-top: 1em;
    margin-left: 0.5em;
    padding-left: 1em;
}

/*
div.page__body p {
    text-indent: 1em;
}
*/

figure.highlight pre {
    margin: 0;
    padding: 0;
}
table.rouge-table {
    margin: 0;
    padding: 0;
}
td.gutter.gl {
    width: 1.5em;
    margin: 0;
    padding: 0;
    padding-left: 2px;
}
td.code pre {
    margin: 0;
    border: none;
}
pre.lineno {
    width: 1.5em;
    border: none;
    color: #aaa;
}

ul.categories li {
    margin-bottom: 0.5em;
}

ul.categories .post_title {
    font-size: 120%;
    font-weight: bold;
}


/* サンプルコードの表示 */
/*
div.sample,
div.sample figure.highlight,
figure.highlight>pre>code{
  position: relative;
  margin: 0;
  padding: 1em 1em 0em 1em;
  border: solid 3px #555;
  border-radius: 3px;
  margin-top: 30px;
  margin-bottom: 1em;
  background-color: #f0f0ff;
}

div.sample:before,
div.sample figure.highlight:before,
figure.highlight>pre>code:before{
  font-size: 15px;
  font-weight: bold;
  content: '例です';
  position: absolute;
  top: -25px;
  height: 24px;
  left: -3px;
  padding: 0 1em;
  
  background-color: #555;
  border-radius: 3px 3px 0 0;
  color: #fff;
}

div.sample.view:before{
  content: '実行結果';
}

div.sample.lang-html figure.highlight:before{
  content: 'HTMLの例';
}

div.sample.lang-css figure.highlight:before{
  content: 'CSSの例';
}

div.sample.lang-ruby figure.highlight:before{
  content: 'Ruby';
}

div.sample.lang-shell figure.highlight:before{
 content: 'Shell';
}
*/


.btn-border {
    display: inline-block;
    max-width: 180px;
    text-align: left;
    /*border: 2px solid #666666;*/
    border: none;
    background-color: #ffffff;
    /*font-size: 16px;*/
    color: #333333;
    text-decoration: none;
    font-weight: bold;
    padding: 8px 16px;
    border-radius: 4px;
    transition: .4s;
}

.btn-border:hover {
    /*background-color: #666666;*/
    /*border-color: #999999;*/
    /*color: #FFF;*/
    text-decoration: underline;
}