@charset "UTF-8";

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

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

.entry-snippet{
	display:none;
}

.cap img {
	width: 128px;
	margin-left: 20px;
	float: right;
}

.mac_icon img {
	width: 128px;
	margin-left: 20px;
	float: right;
}

.ios_icon img {
	border: 1px #CCC solid;
	border-radius: 25%;
	width: 128px;
	margin-left: 20px;
	float: right;
}

.cap_mac { font-weight:bold
}
	
.cap_mac img {
	width: 128px;
	margin-left: 20px;
	float: right;
}

.cap_ios { font-weight:bold
}

.cap_ios img {
	border: 1px #CCC solid;
	border-radius: 25%;
	width: 128px;
	margin-left: 20px;
	float: right;
}

.mac img {
	width: 680px;
}

.iphone img {
	width: 680px;
}

.ipad img {
	width: 680px;
}

.ipad_p img {
	width: 500px;
}

.article img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
}

.download {padding: 10px 0px 10px 20px;}

.center_iframe{
  display: block;
  margin: auto;
}

.video-container {
margin: 0px auto;
}

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

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

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

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