/* カスタム CSS をここに入力してください */
#h-top {
    min-height: 50px;
}
#body {
    margin-top: -0px;
}
div#main{
  padding-top:0;
  margin:0 auto;
  float:none !important;
}
#sidebar{
 	display:none;
}
.single-post #breadcrumb {
	display:none;
}
/*引用マーク

===================================*/

blockquote::before {

    display: block;

    top: 0;

    font-size: 300%;

    color:#F08080;

}

blockquote:after {

    display: block;

    bottom: 0;

    font-size: 300%;

    color:#F08080;

}

blockquote{

    border: solid 1px #ddd;

}

/*ビヨンビヨン

===================================*/
.expand  {
    animation-name: expand;
    animation-duration: 0.6s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
}
 
@keyframes expand {
    from { transform: scale(1.03, 1.03); }
    to   { transform: scale(0.95, 0.95); }
}

/*点滅

===================================*/

.flash{
  animation: Flash 1s infinite;
}

@keyframes Flash{
  50%{opacity: 0; }
}

.flash_s{
  animation: Flash_s 1.8s infinite;
}

@keyframes Flash_s{
  50%{opacity: 0; }
}

/*--------------------
 吹き出しを作る
--------------------*/
.balloon {
margin-bottom: 2em;
position: relative;
}
.balloon:before,.balloon:after {
clear: both;
content: "";
display: block;
}
.balloon figure {
width: 60px;
height: 60px;
}
.balloon-image-left {
float: left;
margin-right: 20px;
}
.balloon-image-right {
float: right;
margin-left: 20px;
}
.balloon figure img {
width: 100%;
height: 100%;
border: 1px solid #aaa;
border-radius: 50%;
margin: 0;
}
.balloon-image-description {
padding: 5px 0 0;
font-size: 10px;
text-align: center;
}
.balloon-text-right,.balloon-text-left {
position: relative;
padding: 10px;
border: 1px solid;
border-radius: 10px;
max-width: -webkit-calc(100% - 120px);
max-width: calc(100% - 120px);
display: inline-block;
}
.balloon-text-right {
border-color: #aaa;
}
.balloon-text-left {
border-color: #aaa;
}
.balloon-text-right {
float: left;
}
.balloon-text-left {
float: right;
}
.balloon p {
margin: 0 0 20px;
}
.balloon p:last-child {
margin-bottom: 0;
}
/* 三角部分 */
.balloon-text-right:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #aaa;
top: 15px;
left: -20px;
}
.balloon-text-right:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #fff;
top: 15px;
left: -19px;
}
.balloon-text-left:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #aaa;
top: 15px;
right: -20px;
}
.balloon-text-left:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #fff;
top: 15px;
right: -19px;
}
/* 考え毎 */
.think .balloon-text-right,.think .balloon-text-left {
border-radius: 30px;
}
.think .balloon-text-right:before {
border: 1px solid #aaa;
border-radius: 50%;
width: 8px;
height: 8px;
top: 15px;
left: -12px;
}
.think .balloon-text-right:after {
border: 1px solid #aaa;
border-radius: 50%;
width: 4px;
height: 4px;
top: 20px;
left: -19px;
}
.think .balloon-text-left:before {
border: 1px solid #aaa;
border-radius: 50%;
width: 8px;
height: 8px;
top: 15px;
right: -12px;
}
.think .balloon-text-left:after {
border: 1px solid #aaa;
border-radius: 50%;
width: 4px;
height: 4px;
top: 20px;
right: -19px;
}

/*--pop_up--*/
#pushImg {
	display: none;
	position: fixed;
	z-index: 1000000;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 600px;
	height: 600px;
	overflow: visible;
}
#pushImg a {
		display: block;
}
#pushImg a:hover {
	transition: none;
	opacity: 1;
}
#pushImg a img {
	display: block;
}
/*閉じるボタン*/
.pushClose{
	position:absolute;
	top: -32px;
	right: 0px;
	width: 28px;
	height: 28px;
	background-color: #fff;
	border-radius: 50%;
	cursor:pointer;
}
.pushClose:before{
	content:"";
	position:absolute;
	top: 6px;
	left: 13px;
	width: 2px;
	height: 16px;
	border-radius: 5px;
	background-color: #565656;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.pushClose:after{
	content:"";
	position:absolute;
	top: 6px;
	left: 13px;
	width: 2px;
	height: 16px;
	border-radius: 5px;
	background-color: #565656;
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
/*---------- オーバーレイ ----------*/
.overlay,
.overlay:before,
.overlay:after {
	position: fixed;
	top: 0;
	z-index: 100000;
	height: 100%;
}
.overlay {
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: .3s linear;
}
.overlay:before,
.overlay:after {
	left: 50%;
	content: '';
	width: 200%;
	margin-left: -100%;
	background: rgba(0, 0, 0, .45);
	transform: skewX(-30deg) translateX(-100%);
	transition: transform .3s linear .3s;
}
.overlay.is-open {
	opacity: 1;
	visibility: visible;
}
.overlay.is-open:before {
	transform: skewX(-30deg) translateX(0);
	transition: transform .3s linear;
}
.overlay.is-open:after {
	transform: skewX(-30deg) translateX(0);
	transition: transform .3s linear .15s;
}
@media screen and (max-width: 650px) {
#pushImg {
	width: 90vw;
	height: 90vw;
}
}
/*---------- animate.css（改良版） ----------*/
.animateCss_animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes animateCss_jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes animateCss_jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animateCss_jackInTheBox {
  -webkit-animation-name: animateCss_jackInTheBox;
  animation-name: animateCss_jackInTheBox;
}
@-webkit-keyframes animateCss_fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes animateCss_fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animateCss_fadeOut {
  -webkit-animation-name: animateCss_fadeOut;
  animation-name: animateCss_fadeOut;
}
/*速度*/
.animateCss_animated.animateCss_faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}