/*
Template:bakes-and-cakes
Theme Name:bakes-and-cakes-child
*/

/* 日本語フォント指定 */
body { font-family: “Segoe UI”, Verdana, “游ゴシック”, YuGothic, “Hiragino Kaku Gothic ProN”, Meiryo, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: “Segoe UI”, Verdana, “游ゴシック”, YuGothic, “Hiragino Kaku Gothic ProN”, Meiryo, sans-serif; }

/* 本文エリアタイトル非表示 */
/* Insta welcome */
.page-id-3789 .content-area .page .entry-header .entry-title {
display: none;
}
/* Travel会話 */
.page-id-3851 .content-area .page .entry-header .entry-title {
display: none;
}
/* キャプション */
.wp-block-image figcaption {
  text-align: center;
  font-size: 12px;
  color: #661816;
  }

/* footerウィジェットの文字色 */
.widget .textwidget a {
    color: #d4d9df;
}
/************************************
** 見出し
************************************/
#primary .post .entry-content h2,
#primary .page .entry-content h2 {
  padding: .5em .75em;
  background-color: #f6f6f6;
  border-bottom: 1px solid #ccc;
}
#primary .post .entry-content h3,
#primary .page .entry-content h3 {
    font-size: 18px;
    color: #594e52;
    padding: .25em 0 .25em .75em;
    border-left: 6px solid #808000;
    line-height: 1.9;
    }
/************************************
** 光るadボタン
************************************/
/*768x335サイズのボタン*/
.reflection {
  width: 　768px;
  height: 335px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}
.reflection::after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 2s ease-in-out infinite;
}
@keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
/*512x288サイズのボタン*/
.reflection2 {
  width: 　512px;
  height: 288px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}
.reflection2::after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 2s ease-in-out infinite;
}
@keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
/*270x203サイズのsidebarバナー*/
.reflection3 {
  width: 270px;
  height: 203px;
  position: relative;
  overflow: hidden;
  background-color: #666;
  margin-left: auto;
  margin-right: auto;
}
.reflection3::after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 2s ease-in-out infinite;
}
@keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
/*タブレットのヘッダー表示調整*/
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .site-branding{
        justify-content: center;
    }
    .site-branding a.custom-logo-link{
        display: block;
        width: 100%;
        text-align: center;
    }
    .menu-opener{
        margin-right: 30px;
    }
}