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

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


 /*画像を大小用意した場合のcss ここから＊追加*/
         img.miniimage { display: none; }

         /* ▼表示領域が480px以上の場合 */
         @media screen and (min-width: 480px) {
          img.miniimage { display: none; }  /* miniを非表示 */
          img.bigimage  { display: block; } /* bigを表示 */
           }
           /* ▼表示領域が480px未満の場合 */
          @media screen and (max-width: 479px) {
           img.miniimage { display: block; } /* miniを表示 */
            img.bigimage  { display: none; }  /* bigを非表示 */
            }

           p.resizeimage img { width: 100%; }
/**/


/* リセットCSS */
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

/* グラデーション */
.hr1 {
  height: 1px;
  background: #aaa;
  background-image: -webkit-linear-gradient(left, #000000, #999, #000000);
  background-image: -moz-linear-gradient(left, #000000, #999, #000000);
  background-image: -ms-linear-gradient(left, #000000, #999, #000000);
  background-image: -o-linear-gradient(left, #000000, #999, #000000);
}

/**/


/* 横並び */

.flex {
  display: flex; /*横並び*/
}
.flex .image {
  width: 640px; /*画像サイズ指定*/
  margin: 0;
  padding: 0;
}
.flex .image img {
  width: 100%;
  height: auto;
}
.flex .right {
  margin: 0 0 0 20px;
  padding: 0;
}
.flex .title {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
}
.flex .text {
  margin: 10px 0 0;
  padding: 0;
}

body {
  margin: 20px;
  padding: 0;
}




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

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

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