@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

/* 吹き出しの枠削除 */
.faceicon img {
    border: 0px;
}

/* 筆者プロフィールの枠削除 */
.author_img img {
border:0px;
}

/* 目次の・削除 */
.entry-content li {
    list-style: none;
}
/* Headerの固定 */
/*ヘッダーの固定*/
.header
{
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}

/* アイキャッチ用のサイズ */
.sidelong__img {
    width: 150px;
    height: 92px;
}


/* メニューとヘッダーが被らないように */
#header-image {
    margin: 62px 0;
}

/*　h2ボックス風デザイン */
.kiji_h2_box h2 {
  text-align-last: center;
  position: relative !important;
  padding: .5em .75em;
  background-color: #e8e8e8;
}
.kiji_h2_box h2::after {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #f0f0f0;
}

/* TOP用見出しデザイン */
.entry-content h2 {
	font-size: 1.3em;
}
span.border-b {
	border-bottom: solid 3px black;
	padding: 0 0 5px 0;
}
/* 記事ページのメニューの余白 */
#entry {
	margin-top: 60px;
}

/* 空白をあける */
.topspace {
	padding:15px 0 0;
}

.main-nav {
  display: -webkit-flex;
  display: flex;
}

/*　ヨガポーズ一覧　*/
.main-nav a {
  margin: 10px;
  border-radius: 5px;
  display: block;
	display: flex;
  padding: 15px;
  text-decoration: none;
}
.main-nav .logo {
  background: #4584b1;
}

@media screen and (max-width:480px) { 
	/*　画面サイズが480pxからはここを読み込む　*/
	#header-image {
		margin: 100px 0 0;
	}
	#entry {
	margin-top: 100px;
}
}

h1 {
     text-align: center;
}
 
h1 span{
     position: relative;
     display: inline-block;
     padding-bottom:0.5em;
     border-bottom: 1px solid black;
}

/*　ヨガポーズの枠を消す */    
.entry-content ul {
	border: 0px;
	}

/*トップに人気記事を設置*/
/*タイトル*/
.top-title {
    margin-top: 0;
    font-size: 1.45em;
    font-weight: bold;
    color: #389bff;
}
/*余白調整など*/
.popular-posts .cardtype__article-info {
    padding-top: 0.5em;
}
.popular-posts .cardtype__link {
    padding-bottom: 10px;
}
@media only screen and (max-width: 480px) {
  /*スマホでも2列横並びに*/
  .cardtype {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: -moz-box;
      display: flex;
      flex-direction: row;
      -webkit-flex-direction: row;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
  }
  .popular-posts .cardtype__article {
    width: 48%;
  }
  .popular-posts .cardtype__article:nth-child(odd){
    margin-right: 4%;
  }
  .popular-posts.cardtype h2 {
      margin: 0 5px;
      font-size: 15px;
  }
}
/*END トップに人気記事を設置*/

/*トップページのツイッターインスタアイコンを中央に並べる*/
.box {
  border:10px solid #777;
  padding:10px;
  text-align:center;
}
.box .p1{
  display:inline-block;
}
/*ハンバーガーメニュー*/
#drawer #drawer__open {
    right: 0;
    left: auto;
}