h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 600;
}

blockquote {
    font-size: 100%;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "\00bb\00a0";
}

.sponsored {
    color: gray;
}

.contents {
border: 1px solid #bbbbbb;
background-color: #eeeeee;
text-align: left;
margin: 0.5em 0 0.5em 1em;
padding: 0.5em 0.75em 0.5em 0.5em;
display: inline-table;
}

dd {
    margin-left: 10px;
    margin-bottom: 8px;
}

a.list-group-item {
    font-size: 12px;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

p.summary {
    margin-left: 16px;
}

h3 {
    border-bottom: solid 1px #efefef;
}

/**
letter-specingで文字の美しさを引き立てる。
https://misc.laboradian.com/css-test/bootstrap/1/
*/
* {
    letter-spacing: .1em;
}

  
/*
 * Responsive design style sheet for pelican YouTube integration.
 * Makes the video as wide as possible, keeping a specified aspect ratio
 * of the video (e.g. 4:3, 16:9, etc. for width vs height).  The video
 * will resize and shrink as you resize the browser window.  Enjoy!
 *
 * Integrate these definitions into your project style sheet, and use as
 *
 * <div class="youtube youtube-16x9">
 *     <iframe src="https://www.youtube.com/embed/VIDEO_ID" allowfullscreen seamless frameborder="0"></iframe>
 * </div>
 *
 * (c) 2015 Peter Bittner <django@bittner.it>, license: MIT
 */

.youtube-4x3 {
	padding-bottom: 75%;  /* inverse of 4:3 aspect ratio */
}
.youtube-16x9 {
	padding-bottom: 56.25%;  /* inverse of 16:9 aspect ratio */
}
.youtube-4x3,
.youtube-16x9 {
	position: relative;
	height: 0;
	overflow: hidden;
}
.youtube-4x3 iframe,
.youtube-16x9 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border: 0;
}
div.youtube {
    margin-top: 8px;
    margin-bottom: 18px;
}

/**
広告の切り替え
*/
.sponsored_pc_banner {
    display: block;
}
.sponsored_sp_banner {
    display: none;
}

@media screen and (max-width: 1140px) {
  .sponsored_pc_banner {
    display: none;
  }

  .sponsored_sp_banner {
    display: block;
  }
}