/*
Template: twentysixteen
Theme Name: HomeMadeGarbage
Theme URI:http://homemadegarbage.com/
Description:HomeMadeGarbageのテーマです
Author:Home Made Garbage
Version:1.0
*/


/* グラデーション */
#content .top-bar, .navbar, footer.footer, body:not(.home) #content .header-bg:after, #content main h1, #content .box-headline, #content #comments #reply-title, #content #category,.title-bar,.yarpp-related h2{
background: linear-gradient(-225deg, #003366 0%, #003366 70%, #0073e6 70%, #0073e6 100%);
}

/*--------------------------------------------------------
Common
--------------------------------------------------------*/
body {
	font-family:  "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",  
		/*"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro",*/
		"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"!important;
	font-weight: 400;
	height: 100%;
	line-height: 1.8;
	color: #2c3e50;
	background: #f5f5f5;
	font-size: 16px;
	padding-top: 0!important;
}
@media screen and (max-width: 749px) {
	body{
		font-size: 14px;
	}  
}

body:not(.admin-bar) {
padding-top: 49px;
}

* {
box-sizing: border-box;
}

body a {
transition: all .3s;
//color: #1B6B9D;
color: #003366;
text-decoration: none;
}
body a:hover{
text-decoration: underline;
}

h2 {
margin-bottom: 24px;
}
svg{
width: 100%;
display: inline!important;
}
img{
max-width: 100%;
height: auto;
display: inline!important;
}

/*--------------------------------------------------------
Parts
--------------------------------------------------------*/
@media screen and (max-width: 749px) {
.wrapper {
  padding: 40px 0;
}
}
@media only screen and (min-width: 750px) {
.wrapper {
  padding: 80px 0;
}
}

/* Button */
button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus, .pagination:before, .pagination:after, .pagination .prev, .pagination .next, .page-links a, .btn-primary {
	background-color: #5B9BD5!Important;
	border-color: #5B9BD5!Important;
}

/*--------------------------------------------------------
Laout
--------------------------------------------------------*/
/*--------------- nav ---------------*/
#wpadminbar {
position: fixed!important;
top: inherit!important;
bottom: 0!important;
}

/*
header
============================================================================= */
.navbar-brand span {
  font-size: 1rem;
  display: inline-block;
  margin-left: .5rem;
}
header h1 img {
position: fixed;
z-index: -999;
}
@media only screen and (min-width: 750px) {
header .inner,
.main-content-row {
  padding-left: 3rem;
  padding-right: 3rem;
}
}

@media screen and (max-width: 749px) {
.header {
  background-size: 100% 100%;
  background-position-y: 0px;
  padding-bottom: 30px;
  height: 140px;
}
	
}
@media only screen and (min-width: 750px) {
.header {
  height: 300px;
  padding-bottom: 4.9rem;
}
body:not(.home) .header {
  height: 260px;
}

}

body:not(.home) .header {
background: none;
height: auto!important;
padding: 0;
position: relative;
overflow: hidden;
}
body:not(.home) .header1 {
padding: 20px 10px 10px;
}
body:not(.home) .header2 {
background: rgba(255,255,255,.6);
font-size: 0.8em;
}
body:not(.home) .header .inner {
max-width: 85rem;
margin: auto;
text-align: left;
position: relative;
font-size: 14px;
}
body:not(.home) .header h1 {
text-indent: 0;
text-shadow: 1px 1px 1px rgba(0,0,0,.7);
}
@media screen and (max-width: 749px) {
body:not(.home) .header h1 {
  font-size: 1.5rem;
  margin-bottom: .75rem;
}
}
body.archive .header h1 {
text-align: center;
}

body:not(.home) .header canvas {
z-index: -1;
}
body:not(.home) .header-bg {
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
width: 100%;
overflow: hidden;
z-index: -4;
background-position: center center;
}
body:not(.home) .header-bg img {
	object-fit: cover;
	width: 100%;
	object-position: 0 -200px;
}
body:not(.home) .header-bg:before {
content: '';
display: block;
position: absolute;
background: inherit;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
z-index: 2;
}
body:not(.home) .header-bg:after {
z-index: 1;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #726BCE;
opacity: .4;
}
body:not(.home) .header .posted {
position: relative;
padding-left: 3.5rem;
flex: 1;
}
body:not(.home) .header .posted img {
border-radius: 50%;
margin: 0 5px 5px 0;
position: absolute;
left: 0;
width: 2.8rem;
height: 2.8rem;
}
@media screen and (max-width: 749px) {
body:not(.home) .header .medium-4 {
}
body:not(.home) .header2 {
  padding: .5rem 0;
}
body:not(.home) .header .posted img {
  left: .5rem;
  width: 2.3rem;
  height: 2.3rem;
}
}
@media only screen and (min-width: 750px) {
body:not(.home) .header .header1 .inner {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}
body:not(.home) .header2 {
  padding: .3rem;
}
body:not(.home) .header2 .inner {
  display: flex;
}
}

@media only screen and (min-width: 780px) {
body.single .header .header1 .inner:after {
  content: '';
  width: 100%;
  height: 100%;
  max-height: 170px;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
  background: url(/assets/images/header-logo-2.png) no-repeat center right;
  background-size: auto 100%;
}

body:not(.home) .header h1 {
  margin: 0;
  padding-right: 170px;
  font-size: 2.3rem;
  font-weight: bold;
}
}

/*
main-content-row
============================================================================= */
.main-content-row{
background: #fff;
}
@media screen and (max-width: 749px) {
.main-content-row {
  padding: 0 .5rem;
}
}

@media only screen and (min-width: 750px) {
.main-content-row {
  display: flex;
  max-width: 83rem;
  margin: auto;
  justify-content: space-between;
  padding-bottom: 300px;
  padding-top: 40px;
}
main {
  width: 70%;
  flex: none;
}
aside {
  width: 28%;
}
}

/*
list
============================================================================= */
#list {
padding: 20px 0 40px;
overflow: hidden;
}
@media only screen and (max-width: 749px) {
.category #list {
  padding-top: 0;

}
}
@media only screen and (min-width: 750px) {
#list {
  padding: .5rem 0 0;
}
}
#list .excerpt {
padding-bottom: 3rem;
margin-bottom: 0;
word-break: break-all ;
line-height: 1.75;
}
@media screen and (max-width: 749px) {
#list .excerpt {
padding-bottom: .5rem;
margin: 0;
}
}
#list .posted {
font-size: 12px;
position: absolute;
bottom: 0;
right: 1rem;
}
@media screen and (max-width: 749px) {
#list .posted {
  position: static;
  margin-left: -50%!important;
  text-align: right;
  margin: 0;
} 
}
#list .posted .category {
margin-right:1em;
}
@media screen and (max-width: 749px) {
#list .posted .meta{
  display: block;
}
}
@media screen and (max-width: 749px) {
#list .posted .category {
display: block;
}
}
#list .posted img {
width: 40px;
border-radius: 50%;
margin-left: .5em;
}
@media screen and (max-width: 749px) {
#list .columns:first-child {
  margin-bottom: 1rem;
}
#list .excerpt {
line-height: 1.65;
}
}

/*
single
============================================================================= */
#single main {
word-wrap: break-word;
}
#single main > .card.callout{
box-shadow: none;
}
#single main > .card.callout ol img {
margin: 1rem 0;
}
#single main > .card.callout img.border {
border: 1px solid #ccc;
}
@media screen and (max-width: 749px) {
#single main > .card.callout {
  padding: 0px;
  margin-bottom: 20px;
  border: none;
  margin-bottom: 2rem;
}
#single main > .card.callout table,
#single main > .card.callout table td {
  max-width: 100%;
}
}
@media only screen and (min-width: 750px) {
#single main > .card.callout{
  margin-bottom: 40px;
  padding-bottom: 2rem;
}
}

#single {
  line-height: 1.75;
}
#single h1 {
  margin: 4rem 0 2rem;
  display: block;
}
#single h2 {
  margin: 4rem 0 2rem;
}
#single h3 {
  margin: 3rem 0 2rem;
}
#single p {
  margin: 2rem 0;
}
#single ul {
  margin: 2rem 0;
  list-style: square;
  padding-left: 1rem;
}
#single ol {
  margin: 2rem 0;
  list-style: numbers;
  padding-left: 1rem;
}
#single a {
text-decoration: underline;
}
#single a:hover {
text-decoration: none;
}
#single img {
  border: 1px solid #ccc;
}
#single .wp-block-quote > * {
  margin: .75rem 0;
}

/*--------------- 楽天リンク ---------------*/
#single main table div {
width: auto!important;
}
#single main table div td:first-child {
width: 128px!important;
}
#single main table div td:first-child img {
width: 128px!important;
height: 128px!important;
max-width: 128px!important;
}
#single main table div td:last-child {
width: auto!important;
}

/*--------------- .no-search ---------------*/
.no-search {
font-size: 2rem;
text-align: center;
letter-spacing: .1rem;
}


/*--------------- article ---------------*/
#content {
opacity: 0;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: .8s;
animation-delay: .8s;
}
@keyframes fadeIn {
0% {
  opacity: 0; }
100% {
  opacity: 1; }
}
#content { 
	position: relative;
/*	overflow-x: hidden;*/
}
#content > article iframe {
max-width: 100%;
}
#content > article {
  padding: 30px 0;
}
@media screen and (max-width: 749px) {
#content > article {
  padding: 10px 0 20px;
}
}
/*--------------- main ---------------*/
main h1 ,.yarpp-related h2, .comment-reply-title{
padding: 0.5rem 0.75rem!important;
border-radius: 3px;
font-size: 1.5rem!important;
font-weight: bold;
color: #fff;
border: none;
}
@media screen and (max-width: 749px) {
main h1 {
  font-size: 1rem;
}
}
@media only screen and (min-width: 750px) {
main h1 {
  margin-bottom: 2rem;
}
main h1:not(:first-child) {
  margin-top: 2.5rem;
}
}
main section h2 {
padding: 0 0 .5rem;
font-weight: bold;
border-bottom: 1px solid!important;
}
main h3 {
border-left: 5px solid #0073e6;
padding: .2rem .8rem;
font-weight: bold;
}
main h4 {
font-size: 1.2rem;
}
main p:not(:last-child) {
margin-bottom: 1.2rem;
}
@media only screen and (min-width: 750px) {
main section h2 {
  font-size: 1.6em;
}
main section h2:not(:first-child) {
  margin-top: 2.5rem;
}
main h3 {
  font-size: 1.4rem;
  margin: 2.5rem 0 1.2rem;
}
}
@media screen and (max-width: 749px) {
main section h2 {
  margin: 2rem 0 1.5rem;
  font-size: 1rem;
}
main h3 {
  margin: 20px 0;
}
main iframe:not(.wp-embedded-content) {
  max-width: 100%;
  /*height: auto;*/
}
}
blockquote{
font-size: .85rem;
background: #efefef;
padding: .5rem;
}

/*
comments
============================================================================= */
#comments > h2{
font-size: 1.2rem;
background: none!important;
color: #2c3e50;
padding: 0;
}
#cancel-comment-reply-link {
color: white;
margin-left: 1rem;
font-size: .875rem;
}
#comments .comment-list,
#comments .children{
list-style: none;
}
#comments .comment-list{
padding: 0;
}
#comments .comment-meta{
background: #f5f5f5;
margin-bottom: 1rem;
}
#comments .comment-author{
display: inline-block;
}
#comments .comment-author .fn{
margin-left: .5rem;
}
#comments .comment-metadata{
display: inline-block;
font-size: .875rem;
margin-left: .5rem;
}
#comments .comment-metadata .edit-link{
margin-left: .5rem;
}
#comments .reply{
text-align: right;
margin-bottom: 1rem;
}
#comments .comment-list #reply-title{
font-size: 1.2rem;
}
/* form */
@media screen and (max-width: 749px) {
#comments p {
  margin-bottom: .5rem;
}
}
#comments label {
vertical-align: top;
width: 120px;
display: inline-block;
}
#comments input {
border: 1px solid #2980b9;
max-width: 100%;
padding: .25rem .5rem;
border-radius: 0;
}
#comments textarea {
height: 8rem;
border: 1px solid #2980b9;
width: calc(100% - 125px);
padding: .25rem .5rem;
}
@media screen and (max-width: 749px) {
#comments textarea {
  width: 100%;
}
}
.form-submit {
text-align: center;
}
#submit {
width: 100%;
margin: auto;
text-align: center;
width: 300px;
}
@media screen and (max-width: 749px) {
#comments #submit{
margin: 1rem auto .75rem;
  width: 100%;
}
}
.contact-form .btn {
width: 30%;
}
h1 + h2 {
margin-top: 0!important;
}
.akismet_comment_form_privacy_notice{
font-size: 0.875rem;
}
@media screen and (max-width: 749px) {
.akismet_comment_form_privacy_notice{
font-size: 0.75rem;
}
}

/*
aside
============================================================================= */
aside {
font-size: 14px;
padding-top: 1rem;
line-height: 1.5;
}
aside section {
clear: both;
}
aside h2 {
font-size: 1rem;
border-bottom: 1px solid;
padding-bottom: .25rem;
margin: 2rem 0 1rem;
font-weight: bold;
}
aside .shop img{
margin-left: -.25rem;
}
aside .sidebar-btn h2 {
margin-bottom: 1rem;
}
side .sidebar-btn a i {
margin-right: .5rem;
}
aside #contact {
margin-bottom: 30px;
}
#categories-2 {
margin-bottom: 1.5rem;
}
aside .audiostock {
margin-bottom: 2em;
}
aside .audiostock img {
width: 100%;
}
aside #banner .thumbnail {
margin-bottom: 3px;
}
aside .banner-bgm {
text-align: center;
}

aside .callout {
margin-top: 1.8em;
}
aside iframe {
max-width: 100%;
}
#categories-2 ul {
padding-left: 0;
}
#categories-2 ul li {
list-style: none;
margin-bottom: .25rem;
}
#categories-2 ul li::before {
content: "-";
color: #2980b9;
display: inline-block;
margin-right: 8px;
}
#recent-comments-2 ul,
#recent-posts-2 ul  {
margin-left: 0;
margin-top: -.5rem;
padding-left: 0;
}
#recent-comments-2 li,
#recent-posts-2 li  {
padding: .5rem 0;
border-bottom: 1px solid rgba(0,0,0,.1);
list-style: none;
}
#recent-comments-2 li:last-child,
#recent-posts-2 li:last-child  {
border-bottom: none;
}

#tag_cloud-2 a {
color: #333;
}
#tag_cloud-2 a:hover {
color: #FF5964;
}
/* banner */
@media (max-width: 767px) {
#banner {
  display: flex;
  flex-wrap: wrap
}
}
#banner .banner-col {
margin-bottom: 1rem
}
@media (max-width: 767px) {
#banner .banner-col {
  width: 49%
}
#banner .banner-col.left {
  margin-right: 2%
}
}
#banner .banner-col p {
margin: 0
}
#banner .amazon-music-pc, #banner .amazon-music-sp {
width: 100%;
text-align: center
}
#banner .amazon-music-pc iframe, #banner .amazon-music-sp iframe {
margin: auto
}
@media (max-width: 767px) {
#banner .amazon-music-pc {
  display: none
}
}
@media (min-width: 767px) {
#banner .amazon-music-sp {
  display: none
}
}

/*--------------- sns ---------------*/
body:not(.home) .header .sns {
margin-top: .25rem;
float: right;
flex: none;
width: 450px;
max-width: 100%;
}
.sns ul {
display: flex;
list-style: none;
height: 40px;
text-transform: uppercase;
margin: 0;
}
.sns ul li {
width: 32%;
}
.sns ul li:not(:last-child) {
margin-right: 2%;
}
.sns ul iframe {
width: 100%!important;
height: 100%!important;
}
.sns ul svg {
fill: #fff;
height: 100%;
}
.sns ul a {
color: white;
height: 100%;
border-radius: 5px;
padding: 0 10px;
display: flex;
line-height: 35px;
}
.sns ul a:hover {
opacity: .7;
color: white!important;
}
.sns ul a .rrssb-text {
text-align: center;
width: 100%;
}
.sns ul .twitter a {
background: #0B7BC1;
}
.sns ul .facebook a {
background: #244872;
}
.heateor_sss_sharing_container {
	margin-top: 2rem;
}


/* aside */
aside .sns a .rrssb-text {
font-size: 12px;
}

@media only screen and (min-width: 750px) {
.sns ul a .rrssb-text {
  padding-top: 3px;
}
.sns .rrssb-icon {
  width: 30px;
}
}
@media screen and (min-width: 750px) and (max-width: 1180px) {
body:not(.home) .header .sns {
  width: 350px;
}
.sns ul li {
  font-size: 10px;
}
aside .sns ul li.hatena {
  flex: 1;
}
aside .sns ul li:not(.hatena) {
  width: 45px;
}
aside .sns .rrssb-text {
  display: none;
}
}
@media screen and (max-width: 749px) {
.sns {
  padding: 0 .5rem;
  margin-top: .5rem!important;
}
.sns ul {
  height: auto;
}
.sns ul li {
  height: 25px;
  font-size: 12px;
}
.sns ul a {
  padding: 8px;
  line-height: .8;
}
}


/*--------------- pagetop ---------------*/
#pagetop {
  position: fixed;
  right: 50px;
  z-index: 10;
  bottom: 20px;
}
#pagetop a {
  width: 150px;
  position: absolute;
    width: 150px;
  right: 0px;
  bottom: -300px;
}
#pagetop .pagetop-inner {
  position: relative;
}
#pagetop span {
  position: absolute;
  top: -30px;
  left: -10px;
  text-align: center;
  line-height: 1.2;
  letter-spacing: -1px;
  text-shadow: 1px 1px 1px white;
  font-size: 1rem;
}
@media screen and (max-width: 749px) {
#pagetop {
  position: fixed;
  right: 0px;
  z-index: 10;
  bottom: 0px;
}
#pagetop img {
  display: none;
}
#pagetop a {
  position: absolute;
  width: 80px;
  height: 1.5rem;
  right: 10px;
  bottom: 0;
  display: block;
  color: #fff;
  border-radius: 5px 5px 0 0;
  font-size: 0.8em;
  padding: .2rem;
  text-align: center;
  text-decoration: none;
}
#pagetop a:before {
  content: '▲ TOP';
}
#pagetop span {
  display: none;
}
}
@keyframes ANIM {
0% {
  transform: rotate(30deg);
  bottom: 30px;
}
50% {
  transform: rotate(45deg);
  bottom: 40px;
}
100% {
  transform: rotate(30deg);
  bottom: 30px;
}
}
/*--------------- footer ---------------*/
.footer {
clear: both;
position: relative;
text-align: center;
color: #ffffff;
}
.footer .links a {
list-style: none;
color: #ffffff;
margin: 0;
border-radius: 1rem;
padding: .5rem 1rem;
text-decoration: none;
}
.footer .links a:hover {
color: #2980b9;
background: white;
}

@media only screen and (min-width: 750px) {
.footer {
  font-size: 1rem;
  padding: 1.2rem 2rem 2rem;
}
/* お城とお姫様 */
.home .footer:before,
.home .footer:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  z-index: 1;
}
.home .footer:before {
  background: url(/assets/images/footerImg1.webp) no-repeat;
  background-size: 500px;
  width: 500px;
  height: 500px;
  top: -430px;
}
.home .footer:after {
  background: url(/assets/images/footerImg2.webp) no-repeat;
  background-size: 200px;
  width: 200px;
  height: 400px;
  top: -330px;
  animation: anime1 30s ease -2s infinite alternate;
}
@keyframes anime1 {
  0% {left:0;}
  5% {top:-335px;}
  10% {top:-330px;}
  100% {left:90%;}
}
}

.mejs-container {
margin-bottom: 1.5em;
}
/*--------------------------------------------------------
Plugin
--------------------------------------------------------*/

/*--------------- ブログカード ---------------*/
.linkcard {
padding: 25px;
font: 400 14px/1.5 'Open Sans',sans-serif;
color: #82878c;
background: #fff;
border: 1px solid #e5e5e5;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
overflow: auto;
zoom: 1;
margin: 1em 0 2em;
}
.linkcard a {
color: #32373c;
}
.linkcard a:hover {
text-decoration: underline;
}
.linkcard .lkc-favicon {
display: inline;
max-width: 25px;
margin-right: 0.5em;
}
.linkcard .lkc-thumbnail {
display: block;
max-height: 200px;
overflow: hidden;
margin-bottom: 20px;
}
.linkcard .lkc-title {
margin: 0 0 15px;
font-weight: 700;
font-size: 22px;
line-height: 1.3;
display: block;
margin-bottom: 1em:
}
.linkcard .lkc-url {
display: none;
}
.linkcard .lkc-info {
margin-top: 30px;
font-weight: 700;
line-height: 25px;
}
.linkcard .lkc-info a {
color: #82878c;
}
.linkcard .lkc-domain {
vertical-align: bottom;
}
.linkcard .lkc-share {
float: right;
}
.wp-embedded-content {
width: 100%;
}
/*--------------- amazonjs_item ---------------*/
.amazonjs_item {
margin-top: 1em;
}
.amazonjs-title {
	margin: 0!important;
	font-weight: bold;
}

/*--------------- サイドナビの Amazon リンク ---------------*/
aside .amazon {
border-top: 2px solid #ff00ff;
margin-top: 40px;
padding-top: 20px;
}
aside .amazon p {
width: 55%;
float: left;
}
aside .amazon iframe {
float: right;
}

/* yarpp
------------------------------ */
#yarpp h2 {
color: #21B6A8;
}
#yarpp .row {
margin: 0;
padding-top: 1rem;
padding-bottom: 1rem;
position: relative;
border-top: 1px solid rgba(0,0,0,.1);
}
#yarpp h5 {
font-weight: bold;
font-size: .9rem;
}
#yarpp p {
margin-bottom: 0!important;
font-size: .8rem;
}
#yarpp .posted {
font-size: .8rem;
}
@media only screen and (max-width: 749px) {
#yarpp h2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
}
@media only screen and (min-width: 750px) {
#yarpp h2 {
  font-size: 1.8rem;
}
#yarpp h5 {
  font-size: 1.1rem;
}
#yarpp p {
  font-size: .9rem;
}

}
/* more_disp
------------------------------ */
#more_disp a {
width: 100%;
padding: .3rem 0 .5rem;
transform: scaleY(1.1);
border: 2px solid #21B6A8;
border-radius: 3px;
color: white;
display: block;
text-align: center;
padding: 0 0 .1rem;
text-decoration: none;
}
#more_disp a:hover {

}
@media only screen and (min-width: 750px) {
#more_disp a {
  font-size: 1.4rem;
}
}

/* tags
------------------------------ */
#recentcomments  {
font-size: .8rem;
}
#recentcomments a {
font-size: .9rem;
}
#recentcomments .comment-author-link,
#recentcomments .comment-author-link a {
font-size: .9rem;
}

/* Tag Cloud
------------------------------ */
.tagcloud a {
  background: #F7F7F7;
  border-radius: 2px;
  display: inline-block;
  line-height: 1;
  margin: 0 0.1rem 0.5rem 0;
  padding: 0.3rem 0.5rem;
  text-decoration: none;
}

.tagcloud ul {
list-style-type: none;
padding-left: 0;
}

.tagcloud ul li {
display: inline-block;
}

.tagcloud a:hover,
.tagcloud a:focus {
background: #2980b9;
color: white!important;
outline: 0;
text-decoration: none;
}


/*--------------- 目次 ---------------*/
#single #ez-toc-container {
padding: 1.25rem;
margin-bottom: 0;
}
@media screen and (max-width: 749px) {
  #single #ez-toc-container {
  padding: 1rem;
}
}
#single #ez-toc-container p.ez-toc-title {
padding-bottom: .8rem;
font-size: 1rem;
}
#single #ez-toc-container nav {
margin-top: .5rem;
}
#single #ez-toc-container ul {
margin: 0;
}
#single #ez-toc-container a {
padding-bottom: .3rem;
display: inline-block;
text-decoration: none;
}

/*
module
============================================================================= */
.box-headline,
.comment-reply-title,
.yarpp-related h3 {
font-size: 1.8rem;
color: white;
padding: .3rem 1rem;
}
@media screen and (max-width: 749px) {
.comment-reply-title{
  font-size: 1.25rem;
  font-family:  "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro", sans-serif;
}
}

/*
Advent Calendar
============================================================================= */
.advent-calendar {
display: flex;
flex-wrap: wrap;
border-top: 1px solid rgba(33, 182, 168, .2);
border-left: 1px solid rgba(33, 182, 168, .2);
}
.advent-calendar > * {
width: 14.28%;
border-right: 1px solid rgba(33, 182, 168, .2);
border-bottom: 1px solid rgba(33, 182, 168, .2);
position: relative;
}
.advent-calendar .outside {
background: rgba(33, 182, 168, .2);
}
.advent-calendar span {
display: block;
}
.advent-calendar .advent-calendar-week {
background: #009688;
color: white;
text-align: center;
}
.advent-calendar .advent-calendar-day {
background: rgba(33, 182, 168, .2);
text-align: center;
}
.advent-calendar .outside .advent-calendar-day {
background: none;
color: #888;
}
.advent-calendar .advent-calendar-content {
min-height: 6rem;
padding: .5rem;
}
.advent-calendar .advent-calendar-title {
font-size: .9rem;
line-height: 1.2;
font-weight: bold;
margin-bottom: 2.5rem;
}
.advent-calendar .future .advent-calendar-title a {
pointer-events: none;
color: inherit;
}
.advent-calendar .advent-calendar-author {
font-size: .75rem;
position: absolute;
bottom: .5rem;
line-height: 1;
}
.advent-calendar .advent-calendar-author img {
width: 30px;
}

@media screen and (max-width: 749px) {
.advent-calendar {
  display: block;
}
.advent-calendar .advent-calendar-week {
  display: none;
}
.advent-calendar > * {
  width: 100%;
}
.advent-calendar article {
  display: flex;
}
.advent-calendar .advent-calendar-day {
  padding: .5rem 0;
  width: 55px;
  font-size: .8rem;
  border-bottom: 1px solid white;
  flex: none;
}
.advent-calendar .advent-calendar-day::before {
  content: '12/';
}
.advent-calendar .advent-calendar-content {
  min-height: 0;
}
.advent-calendar .advent-calendar-title {
  margin-bottom: 2rem;
}
}

/*
pagenavi
============================================================================= */
.wp-pagenavi {
clear: both;
margin-top: 3rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media screen and (max-width: 749px) {
.wp-pagenavi {
margin-top: 1rem;
  justify-content: start;
}
}
.wp-pagenavi > * {
background: white;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
background-color: #fff;
border: 1px solid #dee2e6;
}
.wp-pagenavi span.current {
background: #457fca;
color: white;
}
.wp-pagenavi a:hover{
background: #457fca;
border-color: #457fca;
color: white!important;
}


/*
top-image
============================================================================= */
.top-heading{
text-align: center;
margin: 0 0 1em 0;
font-size: 2rem;
}
@media screen and (max-width: 749px) {
.top-heading{
  font-size: 1.3rem; 
}
}
.top-topics {
margin-bottom: 3rem;
}
.top-topics > div {
width: 23%;
}
.top-image{
height: 250px;
}
.top-image img{
width: 100%;
height: 250px;
overflow: hidden;
object-fit: cover;
}
@media screen and (max-width: 749px) {
.top-topics {
  display: block;
  margin-bottom: 0;
}
.top-topics + .top-topics {
  margin-bottom: 3rem;
}
.top-topics > div {
  width: 100%;
}
}

/*
.yarpp-related
============================================================================= */
#single .yarpp-thumbnails-horizontal{
  display: flex;
  flex-wrap: wrap;
  margin-right -2%;
}
#single .yarpp-thumbnails-horizontal .yarpp-thumbnail{
  width: 23%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: none;
  text-decoration: none;
  margin: 0 2% 1rem 0;
}
#single .yarpp-thumbnail > img, .yarpp-thumbnail-default{
  width: 100%;
  height: 150px;
  object-fit: cover;
  border: none;
  margin-bottom: .5rem;
}
#single .yarpp-thumbnails-horizontal .yarpp-thumbnail-title{
  width: 100%;
  margin: 0;
  font-weight: normal;
}
@media screen and (max-width: 749px) {
  #single .yarpp-thumbnails-horizontal .yarpp-thumbnail{
    width: 48%;
    margin: 0 2% 10px 0;
  }
}

/*
bbpress
============================================================================= */
/* メールアドレスを非表示 */
#new-post > .bbp-form > div > fieldset:first-child > p:nth-child(3) {
display: none;
}
/* ウェブサイトを非表示 */
fieldset.bbp-form fieldset.bbp-form p:nth-child(4) {
display: none;
}
p.form-allowed-tags {
display: none;
}
#bbpress-forums fieldset.bbp-form .bbp-form{
border: none;
padding: 0;  
}
#bbpress-forums fieldset.bbp-form legend {
font-weight: bold;
}
#bbpress-forums fieldset.bbp-form label {
margin-bottom: .5rem;
}


#bbpress-forums fieldset.bbp-form{
background: #eee;
}
#bbpress-forums fieldset.bbp-form .bbp-form legend{
display: none;
}
#bbpress-forums fieldset.bbp-form input[type=text], #bbpress-forums fieldset.bbp-form select,
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content{
border: none;
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content{
padding: .5rem;
}
#bbp_topic_submit,
#bbp_reply_submit{
width: 150px;
height: 30px;
font-size: .8rem;
color: #fff;
background: #2980b9;
}
#bbp-cancel-reply-to-link {
font-size: .8rem;
margin-right: 1rem;
color: #21B6A8;
font-weight: bold;
}
body.bbpress header + .row {
display: none;
}
@media only screen and (min-width: 750px) {
body.bbpress .main-content-row {
  margin-top: 2rem;
}
}

/* 検索 */
#bbpress-forums div.bbp-search-form{
margin-bottom: 1rem;
}
#bbp_search_submit{
font-size: 14px;
display: inline;
padding: 0.1rem 1rem 0.25rem;
vertical-align: top;
}
#bbp_search{
height: 1.75rem;
}
/* フォントサイズ調整 */
#bbpress-forums ul.bbp-replies{
font-size: 14px;
}
#bbpress-forums .bbp-attachments ol li.d4p-bbp-attachment .wp-caption p.wp-caption-text{
font-size: 12px;
}
#bbpress-forums .bbp-attachments ol.with-icons{
display: flex;
}

/*
like
============================================================================= */
.pld-like-dislike-wrap{
  display: flex;
}
.pld-common-wrap{
  display: flex;
  margin-right: 15px;
}
.pld-like-dislike-trigger {
  position: relative;
  flex: none;
  width: 30px;
}
.pld-like-dislike-trigger:after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.8s;
}
.pld-like-trigger img {
  opacity: 0;
}
.pld-like-trigger:after{
  background-image: url(/wp/wp-content/uploads/2022/09/icon-heart.svg);
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
}
.pld-dislike-trigger:after{
  background-image: url(/wp/wp-content/uploads/2022/09/icon-unko.svg);
  filter: drop-shadow(0 0 10px #e6a80e);
  width: 50px;
  height: 50px;
  left: -10px;
  top: -10px;
  margin: auto;
  opacity: 0;
}
.pld-like-dislike-trigger:active:after {
  transition: 0s;
}
.pld-like-trigger:active:after {
  transform: scale(130%);
}
.pld-like-dislike-trigger:active:after {
  width: 30px;
  height: 30px;
  left: 0;
  top: 0;
  opacity: 1;
}
.pld-count-wrap{
  padding: 2px 10px;
  background: #f5f5f5;
  border-radius: 10px;
  position: relative;
  margin-left: 10px;
}
.pld-count-wrap:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border: 5px solid transparent;
  border-right: 5px solid #f5f5f5;
}


/*
バグ？
============================================================================= */
.size-full {
	width: auto!important;
	height: auto!important;
	max-width: 100%;
	max-height: 100%;
}