@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

/*Cocoon用商品ボックス*/
.product-item-space {
margin-top: 3em;
}

.shoplinkother1 a {
background: #f70101ba;
}
.shoplinkother2 a {
background: #0163f7b3;
}

/* main背景色 */
.a-wrap{ /* インデックスページ */
color: #f44b73;/*テキストカラー*/
}

.a-wrap:hover {
background-color: #fff5f9;
color: #cf4462;/*テキストカラー*/
}


/*---cocoonモバイルメニューのカスタマイズ---*/
.mobile-menu-buttons {
  background: #f4b3c2;/* メニューの背景色 */
}
.mobile-menu-buttons {
  color: #FFFFFF;/* メニューのテキストの色 */
}
.mobile-menu-buttons .menu-button:hover {
  background: #f4b3c2;/* メニューの背景色(選択時) */
}
.top-menu-button a:hover,
.home-menu-button a:hover,
.mobile-menu-buttons :hover,
.menu-button:hover {
	color: #ffffff;/* メニューのテキストの色(選択時) */
}
.mobile-menu-buttons .menu-content{
  color: #f44b73;/* サイドメニューの表示色が変わるのを防ぐ */
}
/*-------------------------------------*/

/*アプリサーチ
 ----------------------------------------------*/
.appreach{ border-top:1px dashed #ffbdcc; /*上線の色*/ border-bottom:1px dashed #ffbdcc; /*下線の色*/ } .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:#f44b73; padding-bottom:10px; font-weight:bold; line-height: 1.5em !important; max-height: 3em; overflow: hidden; } .appreach__info { font-size: 12px !important; color:#f44b73; } .appreach__info a{ color:#f44b73; } .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;}} 

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

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

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