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

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

/*ヘッダーロゴ調整*/
.logo img { margin-bottom: 0.25em; }

/*フッターロゴ調整*/
.footer-bottom-logo .logo-image { padding: 0 0 2em 0; max-width: 300px; }
.footer-bottom-logo img { height: 40px; width: auto; }

/*囲み線のスタイル*/
.mybox-list {
background-color: #fafaff;
border: dashed 1px #000096;
border-radius: 4px;
padding: 1em 1em 1.2em 2.25em;
}
.mybox-list :last-child {
margin-bottom: 0;
}
.mybox-list ul {
padding-left: 0;
}
.mybox-txt {
background-color: #fafaff;
border: dashed 1px #000096;
border-radius: 4px;
padding: 1em 1.5em;
}

/*アピーエリア*/
#appeal {
height: calc(100vw * calc(739 / 1920));
}

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

/*ヘッダーロゴ調整*/
.logo img { margin-bottom: 1em; }
}

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

}

/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
  
/*ヘッダーロゴ調整*/
.logo img { max-height: 40px; width: auto; }

}