@charset "utf-8";
/*
Theme Name: earlybirds
Description: EarlyBirds Web Communications
Version: 0.1-20180831
Author: keita
Author URI: https://www.earlybirdsbreakfast.com/
*/

<style>


/* 基本設定 */
html {min-height: 100%;
  min-width: 100%;
}
body {min-height: 100%;
  min-width: 100%;
}
.pb-100 {
    padding-bottom: 10rem;
}
.pt-100 {
    padding-top: 10rem;
}
.py-100{
    padding-top: 10rem;
    padding-bottom: 10rem;
}
.mb-100 {
    margin-bottom: 10rem;
}
.mt-100 {
    margin-top: 10rem;
}
.my-100{
    margin-top: 10rem;
    margin-bottom: 10rem;
}

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

img {max-width: 100%;height: auto;}
a>img {border: none;}

a.bigger {
-webkit-transition: All 0.1s ease;
-moz-transition: All 0.1s ease;
-o-transition: All 0.1s ease;
-ms-transition: All 0.1s ease;
transition: All 0.1s ease;
display: block;
}

 a.bigger:hover {
  text-decoration: none;
  transform: scale( 1.05 );
  -webkit-transform: scale( 1.05 );
  -moz-transform: scale( 1.05 );
}
hr {clear: both;}

.wp-block-table {
    max-width: 1000px;
    margin: 0 auto 1rem !important;
    }
.wp-block-table td, .wp-block-table th {
    padding: 0.5em;
}

.wp-block-buttons {
    text-align: center;
}
figure.wp-block-gallery.has-nested-images {
    align-items: normal;
    display: flex;
}



.has-small-font-size {
font-size: .8rem !important;
}
.has-medium-font-size {
font-size: 1.5rem !important;
}
.has-large-font-size {
    font-size: 2rem !important;
}
.has-huge-font-size {
    font-size: 3rem !important;
}
.font90 {
  font-size: .9rem;
}
.font80 {
  font-size: .8rem
}
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

  
/* ビデオコンテナ */
.wp-block-embed-vimeo,
.wp-block-embed-youtube {
  width: 94%;
  margin:0 auto 1em;
}
.video-container,
.wp-block-embed-vimeo,
.wp-block-embed-youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
    max-width: 100% !important;
    width: 100% !important;
}
.video-container iframe,
.wp-block-embed-vimeo iframe,
.wp-block-embed-youtube iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
.is-type-video .wp-block-embed__wrapper {
    position: static;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
    max-width: 100% !important;
    width: 100% !important;
}

/* 写真コンテナ */
.photo-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.photo-container img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

/* WordPressコンテナ */
figure.is-type-wp-embed {
    text-align: center;
}
.wp-block-embed {
    text-align: center !important;
}


/* recapthcaのロゴ消す */
.grecaptcha-badge { visibility: hidden; }



/* ブログ基本書式
---------------------------------------- */
#blog-main {
  width:100%;
  overflow: hidden;
}
.blog-post {
    color: rgba(0, 0, 0, 0.9);
    overflow: hidden;
}
.blog-base {
  background: #fff;
}
.blog-text p a {
    color: #1b7cca;
    border-bottom: 1.5px solid;
}
.blog-text p a:hover{
text-decoration: none;
opacity: .8;
}
.blog-text p{
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: .1rem;
    max-width: 40rem;
    width: 100%;
    margin: 0 auto 1.5rem;
    word-break: break-word;
}
@media (max-width: 768px) {.blog-text p{max-width: 30rem;}}
@media (max-width: 576px) {.blog-text p{
    width: 90%;
    padding: 0;
    font-size: 1rem;}
  }

.blog-text h1, .blog-text h2, .blog-text h3, .blog-text h4, .blog-text h5, .blog-text h6 {
    width: 40rem;
    margin: 3rem auto 1.5rem;
  }
.blog-text ul, .blog-text ol {
    max-width: 40rem;
    margin: 0rem auto 1.5rem;
  }
.blog-text .wp-block-button.btn-shop {
    width: auto;
    margin-top: .5rem;
    margin-bottom:2rem;
    display: block;
  }

@media (max-width: 768px) {.blog-text h1, .blog-text h2, .blog-text h3, .blog-text h4, .blog-text h5, .blog-text h6,
  .blog-text ul, .blog-text ol {max-width: 30rem;}}
@media (max-width: 576px) {.blog-text h1, .blog-text h2, .blog-text h3, .blog-text h4, .blog-text h5, .blog-text h6,
  .blog-text ul, .blog-text ol {width: 90%;padding: 0 5%;}}

.wp-block-media-text h1, .wp-block-media-text h2, .wp-block-media-text h3,
.wp-block-media-text h4, .wp-block-media-text h5, .wp-block-media-text h6,
.blog-text .wp-block-media-text .wp-block-button {
    width: auto;
    margin: 0 auto 1.5rem;
  }
.blog-text .wp-block-media-text .wp-block-button {
    margin: 0 auto;
  }
.wp-block-media-text .wp-block-media-text__content {
    padding: 5% !important;
  }

.blog-text ul {
    list-style-type: disc;
    }
.blog-text ul li,    
.blog-text ol li {
    margin-bottom: 1.2rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: .1rem;
}

.wp-block-image {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
    text-align: center;
}

.wp-block-image.p-0.m-0
{
    margin: 0 !important;
    pading: 0 !important;
}
.wp-block-image a{
    border:none;
}
.blog-text a img{
    border-bottom: none;
}
.blog-text iframe,
.aligncenter iframe,
.twitter-tweet {
  margin-left: auto !important;
  margin-right: auto !important;
}
.wp-block-embed__wrapper {
  padding: 0 1rem;
}
a.wp-block-button__link {
    color: #fff;
}

.blog-body {
    overflow: hidden;
}
@media (max-width: 768px) {
  .blog-post {padding: 0px;}
  .blog-post .col-sm-6 {margin-bottom: 1rem;}
  }

.post-head h1 {
  display: inline-block;
  margin: 0 auto;
  font-weight: bold;
}
.post-head .small {
    line-height: 1.1em;
    opacity: .9;
}
.post-head .post-time {
    color: #2ec041;
    font-size: .7rem;
    letter-spacing: .1em;
}
.post-head .post-category {
    font-weight: 700;
    font-size: .8rem;
}
.post-head .post-category a{
    color: #000;
    opacity: .5;
}
.post-head ul.post-categories {
    margin: 0;
    padding: 0;
}
.post-head .post-category ul.post-categories li{
list-style: none;
}
@media (max-width: 768px) {
.latest h3,.related h3,.feature-list {font-size: .9rem;}
.card-time, .card-category {font-size: .6rem;}
}


.blog-text h2 {
    border-left: 5px solid rgba(0, 0, 0, 0.3);
    padding-left: .7rem;
}
.tagspan a {
    margin: 0 .5rem;
    display: inline-block;
}
.tagspan a:hover {
    text-decoration: none;
}
.single-page .blog_text a{
  color: #428bca;
}

/* 　ショップボタン */
.blog-text a.btn-shop {
    color: #fff;
    border:none;
  }

/* 　画像のキャプション */
.wp-caption {
    width: 100% !important;
}
.wp-block-image figcaption {
    padding: 0 2rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-style: italic;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    background: none !important;
    color: #000 !important;
    position: relative !important;
}

/* 画像回り込み */
figure.alignleft {
    float: left;
    margin-right: 3em;
    width: 50%;
}
figure.alignright {
    float: right;
    margin-left: 3em;
    width: 50%;
}
@media (max-width: 576px) {
  figure.alignleft,
  figure.alignright
 {
    width: 90%;
    float: none !important;
    margin: 0 auto!important;
    text-align: center;
}
}

/* 画像回り込み解除とショートボーダー */
hr.wp-block-separator,
.short-bold {
    border-top: 5px solid rgba(0, 0, 0, 0.1);
    width: 10rem;
    margin: 3rem auto;
}
hr.wp-block-separator.is-style-wide{
  border-top: 1px solid #eee;
  width: 100%;
  margin: 3rem auto;
}
hr.clearfix {
    display: block;
    clear: both;
}

/* ギャラリー */
.blog-text ul.blocks-gallery-grid,
ul.wp-block-gallery,
.wp-block-jetpack-tiled-gallery {
  width: 100%;
  
    max-width: 100%;
    margin: 2.5rem auto !important;
}
.wp-block-gallery {
    margin: 0 auto 1rem !important;
}
.wp-block-gallery a{
    border:none;
}

/* 分割コラム */
.wp-block-column {
    padding: 0 2%;
    max-width: 1200px;
    margin: 0 auto;
}
.wp-block-column {
    padding: 2%;
    margin:0 !important;
}
.blog-text .wp-block-column p,
.blog-text .wp-block-column h1,
.blog-text .wp-block-column h2,
.blog-text .wp-block-column h3,
.blog-text .wp-block-column h4,
.blog-text .wp-block-column h5,
.blog-text .wp-block-column h6 {
  width: 90%;
}

@media (max-width: 576px) {
.wp-block-media-text {
    display: block !important;
}
}

/* blockquote 引用 */
.blog-text blockquote,
.wp-block-quote {
    margin: 1rem auto;
    padding: 3rem 2rem !important;
    background: #f5f5f5;
    border-left: 5px solid #e6e6e6;
    width: fit-content;
    max-width: 60rem;
    line-height: 1.8rem;
}
.wp-block-quote p{
    margin: 0 auto .5rem;
}

/* jetpack 関連ポスト */
#jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt,
p.jp-relatedposts-post-context {
    display: none;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
  opacity: 1 !important;
}
@media (max-width: 640px) {
  .jp-relatedposts-post2 {display: none;}
  }
  /* jetpack 旧タイルギャラリー   */
  .gallery-row {
    margin: 0 auto;
}
/* ここまでブログ基本書式
---------------------------------------- */


/* クラシックエディター用
---------------------------------------- */
.blog-text .row {
    width: 40rem;
    margin: 0 auto;
}
@media (max-width: 768px) {.blog-text .row{width: 30rem;}}
@media (max-width: 576px) {.blog-text .row{width: 90%;padding: 0 5%;}}


/* ページナビ
---------------------------------------- */

.wp-pagenavi {
margin-bottom: 3rem;
}

div.pagenavi {
  text-align:center;
  margin:40px auto 20px;
}

.wp-pagenavi a,
.wp-pagenavi span {
text-decoration: none;
background-color: #FFF;
border: 0px solid #333;
padding: 15px 25px;
margin: 4px;
color: #555;
font-size: 15px;
    display: inline-block;
}
 
.wp-pagenavi a:hover,
 .wp-pagenavi span.current {
    background-color: #aaa;
    color: #fff;
}
 
.wp-pagenavi span.current {
    color: #fff;
}

.wp-pagenavi span.pages {
   display:none;
}




@media (max-width: 1200px) {

}

@media (max-width: 992px) {
}
  
  
@media (max-width: 768px) {
  .blog-text p {
    font-size: 1.1em;
    letter-spacing: .05rem;
    line-height: 1.5em;
  }

}

@media (max-width: 576px) {    
    
    /* タイトルフォント */
.single-page h1{
    font-size: 7w;
    margin: 0px 0 10px;
    width: 100%;
    word-wrap: break-word;
}
.blog-body h2 {
    font-size: 120%;
    margin: 40px 0 10px;
    padding: 0 0 0 8px;
}
.blog-body {
      font-size: 105%;
      letter-spacing: .01em;
      line-height: 1.5em;
      }
  }