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

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

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

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

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

/*▽Rinkerのデザイン変更▽*/
@media screen and (min-width: 501px){/*パソコン画面だけボタン文字小さく
    div.yyi-rinker-contents ul.yyi-rinker-links li {
        font-size: .8em;/*文字の大きさ*/
    }
}
 
@media screen and (max-width: 500px){/*スマホ表示用*/
    /*全体*/
    div.yyi-rinker-contents div.yyi-rinker-box {
        display: block!important;
    }
    /*画像*/
    div.yyi-rinker-contents div.yyi-rinker-image {
        width: auto;/*画像を中央表示*/
    }
    /*商品名ボタン*/
    div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom:0px;
        padding-left: 0px;
        margin: auto!important;
        width: 87%;
        text-align: center!important;
    }
   div.yyi-rinker-contents ul.yyi-rinker-links li {
        display: block!important;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
         
    body div.yyi-rinker-contents ul.yyi-rinker-links li a {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom:0px;
        padding-left: 0px!important;
    }
}
/*△Rinkerのデザイン変更△*/