@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {
  /* フォントの種類 */
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif !important;
}

/************************************
** アプリーチのスタイル
************************************/
#appreach-box{
  text-align: left;
  margin: 1em 0;
  border: medium double #ccc;
}

#appreach-box br{
  display: none;
}

#appreach-box p{
  padding: 0;
  margin: 0;
}

#appreach-image{
  float: left;
  margin: 10px;
  width: 25%;
  max-width: 75px;
  border-radius: 10%;
}

.appreach-info{
  margin: 10px;
}

#appreach-developer{
  font-size: 80%;
  display: inline-block;
  _display: inline;
}

#appreach-price{
  font-size: 80%;
  display: inline-block;
  _display: inline;
}

.appreach-powered{
  font-size: 80%;
  display: inline-block;
  _display: inline;
}

.appreach-links{
  margin-top: 5px;
}

#appreach-itunes-link,
#appreach-gplay-link{
  display: inline-block;
  _display: inline;
}

.appreach-footer{
  margin-bottom: 10px;
  clear: left;
}

/* Cocoon Ad Label */
.ad-area .ad-label {
  font-size: 70% !important;
}

/******* AMP用rinker カスタマイズ*******/

/**ショップリンク**/
.yyi-rinker-links li {
    box-shadow: 2px 3px 8px -5px rgba(0,0,0,.25);
}
.yyi-rinker-contents .yyi-rinker-links a{
    display: block;
    margin: 0 auto 8px;
    text-decoration: none;
    font-size: .9em;
    text-align: center;
    color: white; 
    padding: 0.2em 2em;
    border-radius: 4px;
    }
.yyi-rinker-links .amazonlink a{
 background: #f6a306;
}
.yyi-rinker-links .rakutenlink a{
    background: #cf4944;
    }
.yyi-rinker-links .yahoolink a{
    background: #e86e6e;
}
/**テキスト調整**/
.yyi-rinker-info .yyi-rinker-title p {
    font-size: .8em;
}
.yyi-rinker-info .yyi-rinker-detail .price {
    color: #f7a9a9;
}
/**外観調整**/
.yyi-rinker-contents {
border: double 3px #dbdbdb;
    box-shadow: 2px 3px 8px -5px rgba(0,0,0,.25);
}
.yyi-rinker-title {
    margin: 0 2em;
}
.yyi-rinker-detail {
    margin: 0 2em;
}
.price-box {
    font-size: 0.8em;
}
div.brand {
    font-size: 0.8em;
}
/**画像調整**/
.yyi-rinker-contents .yyi-rinker-image {
    width: 160px;
    min-width: 160px;
    margin: 1em auto;
}
/**黒ぽちlistを消す**/
ul.yyi-rinker-links {
    list-style-type: none;
}
/**YouTube中央寄せ**/
.video-container {
	margin: 0px auto;
}
/**YouTubeカラムいっぱい**/
.video-container {
  max-width: none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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