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

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

/*サイドバー2*/
/*
 #content-in{
     display: grid;
     grid-template-columns: 250px minmax(508px, 788px) 340px;
     grid-template-areas: "left main right";
     gap: 20px;
}
 #sidebar2{
     grid-area: left;
}
 #main{
     grid-area: main;
     width: auto;
}
 #sidebar{
     grid-area: right;
     width: auto;
}
 #sidebar2 aside {
     background: #fff;
     padding: 20px;
}
 @media screen and (max-width: 1200px){
     #content-in{
         grid-template-columns: minmax(508px, 1fr) 340px;
         grid-template-areas: "main right" "left left";
    }
}
 @media screen and (max-width: 992px){
     #content-in{
         grid-template-columns: 1fr;
         grid-template-areas: "main" "left" "right";
    }
}
*/

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

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

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