@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

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

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

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

/*768px以下タブレット側*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
  #appeal .appeal-in{
    min-height: 320px;
  }
}

/*480px以下スマホ側*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  #appeal .appeal-in{
    min-height: 150px;
  }
}

/*アピールポイント ボックス非表示*/
.appeal-content {
  display: none;
}

/*ヘッダーロゴサイズ*/
.header-container-in.hlt-top-menu .logo-header img {
  height: 60px;
  width: 300px;
}

/*ヘッダーロゴ位置*/
.header-container-in.hlt-top-menu .logo-header .site-name {
  margin: 10px;
}