@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* h2 見出しのカスタマイズ */
.article h2 {
  position: relative;
  padding: .75em 1em .75em 1.5em;
  border: 1px solid #ccc;
	font-size: 22px;
	background-color: #ffffff;
	color: #000000;
}
.article h2::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #41a2af;
}

/* h6 見出しのカスタマイズ */
.article h6 {
    font-size: 20px;
    padding: 6px 10px;
    border :none;
}
/* サイドバーh3 見出しのカスタマイズ */
.sidebar h3 {
	padding: 5px 10px;
	background-color: #edebd7;
	border-bottom: 3px solid #4fa1ac;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}

/*アソシエイト
----------------------------------------------- */
.amazlet-box {
margin: 10px;
padding: 20px;
border: 1px #cccccc solid;
}


/*ページネーションカスタマイズ
----------------------------------------------- */
.pagination-next{ display: none; }
.next, .prev, .pager-prev-next, .pager-numbers a { text-decoration: none; }

.next, .prev, .pager-prev-next, .page-numbers{
    border-radius: 50%;
}

/*検索窓カスタマイズ
----------------------------------------------- */
.search-box{
	margin: 1em;
}

.search-edit{
	height: 40px;
	border-radius: 4px;
}

.search-submit{
	line-height: 0;
	top: 0;
	bottom: 0;
}

.search-edit:focus{
	outline: none;
	border-color: #00969b; /* フォーカス時の枠色 */
}

/*アプリサーチ
 ----------------------------------------------*/
.appreach{ border-top:1px dashed #043d78; /*上線の色*/ border-bottom:1px dashed #043d78; /*下線の色*/ } .appreach { text-align: left; padding: 25px; margin:20px; overflow: hidden; } .appreach:after { content: ""; display: block; clear: both; } .appreach img, .appreach p { margin: 0; padding:0; } .appreach a:after { display: none; } .appreach__icon { float: left; border-radius: 10%; overflow: hidden; margin: 0 3% 0 0 !important; width: 25% !important; height: auto !important; max-width: 120px !important; } .appreach__detail { display: inline-block; font-size: 20px; line-height: 1.5; width: 72%; max-width: 72%; } .appreach__detail:after { content: ""; display: block; clear: both; } p.appreach__name { font-size: 16px; color:#555; padding-bottom:10px; font-weight:bold; line-height: 1.5em !important; max-height: 3em; overflow: hidden; } .appreach__info { font-size: 12px !important; color:#888; } .appreach__info a{ color:#aaa; } .appreach__developper, .appreach__price { margin-right: 0.5em; } .appreach__posted a { margin-left: 0.5em; } .appreach__links { float: left; height: 40px; margin-top: 15px; white-space: nowrap; } .appreach__aslink img { margin-right: 10px; height: 40px; width: 135px; } .appreach__gplink img { height: 40px; width: 134.5px; } @media only screen and (max-width: 786px){ .appreach{ margin:20px 0;} .appreach__info { font-size: 11px !important;} p.appreach__name { font-size: 15px;}}