@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*スマホの記事の横幅*/
@media screen and (max-width: 834px){
  main.main {
    margin: 0px 10px;
  }
} 

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/*スマホ サイドバー 表示しない*/
  #sidebar{
    display: none;
}
}

@media screen and (min-width: 670px) {
	.video-container {
		max-width: 100%;
	}
}

/* リンク */
a { text-decoration: none; }
a:hover { text-decoration: none; }
/*タイトル文字サイズ*/
.entry-card-title {
 font-size: 28px;
}
/*動画*/
.video {
	position: relative;
	width: 100%;
	height: 0;
	margin-bottom: 5px;
	padding: 30px 0 56.25%;
	overflow: hidden;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*記事下に罫線を入れる*/
article{
	border-bottom: 3px solid #000000;
}
/*スマホの記事の横幅*/
@media screen and (max-width: 834px){
  main.main {
    margin: 0px 20px;
  }
} 
/* PC コンテンツ上部 RSS */
.pc-rss-box{
	width: 1256px;
	margin: 0px auto;
	text-align: left;
	background-color: #ffffff;
}
.pc-rss-gyou{
    width: 410px;
    height: 380px;
    margin: 5px 2px;
    display: inline-block;
    vertical-align: top;
    overflow: auto;
	border: 1px solid #808080;
}
/* PC 投稿タイトル上 RSS */
.pc-rss-kiji{
	width: 800px;
    height: 380px;
    margin: 5px 2px;
    display: inline-block;
    vertical-align: top;
    overflow: auto;
	border: 1px solid #808080;
}
/* LiveDoor BlogRoll css */
.blogroll-channel,
.blogroll-channel * { width: auto; height: auto; margin: 0;  padding: 0; border: none; text-align: left; }
.blogroll-channel { margin-bottom: 15px; padding: 10px; background: }
.blogroll-channel .blogroll-list-wrap { margin-bottom: 10px; }
.blogroll-channel .blogroll-list { list-style-type: none; margin-bottom: 12px; font-size: 18px; line-height: 1.3; }
.blogroll-channel .blogroll-list img { vertical-align: middle; }
.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon { margin: 0 5px 0 0; }
.blogroll-channel img.blogroll-favicon { width: 16px; height: 16px; }
.blogroll-channel a.blogroll-link { }
.blogroll-channel .blogroll-new-entry { margin-left: 5px; color: red; }
.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu { margin: 0 0 0 5px; }
.blogroll-channel .blogroll-link-time { margin: 0 0 0 3px; color: #666; font-size: 18px; }
.blogroll-channel .blogroll-ad-img { }
.blogroll-channel .blogroll-ad-text { display: block; margin-top: 5px; color: #666; font-size: 18px; }
/* モバイル アフィリエイト＆RSS */
#mobile{
	width: 90%;
	margin: 30px auto;
	text-align: center;
}