/* カスタム CSS をここに入力してください *//* カスタム CSS をここに入力してください */

.scroll-left::-webkit-scrollbar {
  display: none;
}

.thumbnail img, .thumbnail-wide img{object-fit:cover;}
.pagination span, .pagination a {background:#006799; }
.pagination a:hover { color:#ffffff;background:#008EC2;}

.wpp-list {
	counter-reset: pupular-ranking;
}
 
.wpp-list li {
	position: relative;
}
 
.wpp-list li:before {
	background: none repeat scroll 0 0 #006799;
	color: #fff;
	content: counter(pupular-ranking, decimal);
	counter-increment: pupular-ranking;
	font-size: 100%;
	left: 0;
	top: 0;
	line-height: 1;
	padding: 4px 7px;
	position: absolute;
	z-index: 1;
	opacity: .9;
	border-radius: 0;
	font-family: Arial;
}
/*
#wrapper, .inner, #header-logo{max-width:1150px;}
@media only screen and (min-width: 780px){
 #contents-wrapper{ margin-right: -350px;}
 #contents-inner{margin: 0 350px 20px 0;}
 #sidebar{width: 328px;}
}*/
header{
  background: url("https://blog.makapy.com/wp-content/uploads/sky3.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  height:80px;
  background-attachment: fixed;
}
nav{
  background: url("https://blog.makapy.com/wp-content/uploads/sky3.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  height:60px;
  background-attachment: fixed;
}
#header, #post-nav,nav{background-color:initial !important;}

footer{
  background: url("https://blog.makapy.com/wp-content/uploads/sky3.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  background-attachment: fixed;
}

.marqueyellow{  background-image: linear-gradient(transparent 50%, #ffffaa 50%);font-weight:bold;}
.marqueblue{  background-image: linear-gradient(transparent 50%, #ccddff 50%);font-weight:bold;}
.marquepink{  background-image: linear-gradient(transparent 50%, #ffdddd 50%);font-weight:bold;}

.main .desc {
	margin: 20px;
	padding: 1.5em;
	border: 1px #ccc solid;
	border-radius: 4px;
	background: #f3f3f3;
}

.main .desc > :first-child {
	margin-top: 0;
}

.main .desc > :last-child {
	margin-bottom: 0;
}

.center{margin:0 auto;text-align:center;}

span.red{color:red;font-weight:bold;}
span.blue{color:#70bfff;font-weight:bold;}
span.gray{color:#505050;font-weight:bold;}

.video-container {
position: relative;
padding-bottom: 56.25%;/* 16:9 */
padding-top: 25px;
height: 0;
overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
iframe.wp-embedded-content{width:100%;}

.simple1 .post-main h2{
  background:none !important;
  border-left: solid 5px #1E73BE;
  padding-top:5px !important;
  padding-left:15px !important;
  padding-bottom:5px !important;
  margin-bottom:20px !important;
}

.desc {
	margin: 20px;
	padding: 1.5em;
	border: 3px #1E73BE solid;
	border-radius: 6px;
	background: #fdfdfd;
}
.desc > :first-child { margin-top: 0;}
.desc > :last-child { margin-bottom: 0;}
.large{font-size:large;}
.small{font-size:small;}
.lkc-external-wrap,.lkc-internal-wrap{max-width:100%;}
.lkc-content{line-height:1.4;}
.lkc-card{width:100%;}
.lkc-title{font-size:14pt;}
.lkc-excerpt{line-height:1.4;font-size:12pt;}
.post-meta{font-size:11pt;}
.post-date{text-align:right;margin-top:0}
.post-wrapper h1{margin-bottom:10px;}

.simple1 .main-title {
 background-color: #7d9abc;color:#ffffff;
}