@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

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

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

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

}

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

/************************************
子テーマのCSS
************************************/

/* トップページのロゴ */
.top-logo-wrapper {
  display: flex;
  justify-content: center;  /* 横方向に中央揃え */
  align-items: center;
  text-align: center;
  margin-bottom: 2em;
}

.top-logo {
  position: relative;
  display: inline-block;
  font-size: 5em;
  line-height: 1.1;
  text-decoration: none; /* アンダーラインを消す */
  color: inherit; /* 親要素の色を継承（好きな色に変えてもOK） */
  cursor: pointer; /* リンクカーソルはそのまま */
}

.top-logo:hover {
  color: inherit; /* 親要素の色を継承（好きな色に変えてもOK） */	
  opacity:.8;
}

.top-logo::before {
  content: "";
  position: absolute;
  left: -.4em;              /* テキストに少しかぶせる */
  top: 0;
  width: 1.4em;
  height: 1.4em;
  background-image: url('https://turicco.com/wp-content/uploads/2024/01/logo-4.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}

.top-logo span {
  display: block;
  font-size: 0.2em;          /* サブタイトルを小さく */
  font-weight: normal;
  letter-spacing: 0.1em;
  margin-top: -0.1em;
  line-height: 1.2;
  text-align: right;
  padding-right: 10px;
}

@media screen and (max-width: 768px) {
  .top-logo-wrapper {
    transform: scale(0.8);
  }
}