@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20151225
*/

/* Simplicity子テーマ用のスタイルを書く */


/*トップページメインスモールウィジェット追加*/
.top_main_small_widget {
  padding: 10px;
  margin-bottom: 10px;
}

.top_main_small_widget {
  background-color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #eee;
}

/*トップページ下部スモールウィジェット追加*/
.top_under_small_widget {
  padding:10px;
  margin-bottom:10px;
}

.top_under_small_widget {	
  background-color: #ffffff;
  border-width: 1px;		
  border-style: solid;		
  border-color: #eee;		
}		

/* 全体の幅を1230pxにする */
#header-in, #navi-in, #body-in, #footer-in{
  width: 1118px;
}
 
/* メインカラムの幅を900pxにして、内側の余白をなくす */
#main {
  width: 728px;
  padding: 0;
}

/* レスポンシブの横幅を調整 */
@media screen and (max-width: 740px) {
	#main {
		width: auto;
	}
}
/* 1カラムレイアウトの横幅を調整 */
.page-type-wide #main {
	width: 100%;
}
 
/* メインカラムの枠線を消す */
#main {
  border:none;
}
 
/* サイドバーの枠線を消す */
#sidebar{
  border:none;
}

/* 本文エリアに合わせて関連記事（サムネイル画像）の表示エリアを自動調整 */
#related-entries {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
#related-entries h2,
.related-entry.cf {
  width: 100%;
}
.related-entry-thumbnail img {
  width: 100%;
}
@media screen and (min-width: 741px) {
  .related-entry-thumbnail {
    width: calc(25% - 10px);
  }
}

/*SNSの埋め込みを中央に揃えるコード*/
.video-container, 
.instagram-container, 
.facebook-container,
.twitter-tweet {
   margin: 30px auto;
}