/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */

/**********************************************************
  ヘッダー
**********************************************************/

#logo img {
  height: 55px;
}

@media screen and (min-width: 769px) {
  #logo img {
    height: 40px !important;
  }
}

/**********************************************************
  App カード
**********************************************************/

.app-card{
    display:flex;
    align-items:center;
    gap:30px;

    padding:20px 30px 10px;
    margin-bottom:35px;

    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:14px;

    box-shadow:0 6px 18px rgba(0,0,0,.06);
}

.app-icon img{
    width:110px;
    height:110px;

    border-radius:22px;
    display:block;
}

.app-content{
    flex:1;
}

.app-content h2{
    margin:0 0 15px;

    font-size:20px;
    font-weight:700;
}

.app-description{
    margin-bottom:20px;

    color:#555;
    line-height:1.8;
}

.app-buttons{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.store-btn{
    display:inline-block;

    padding:12px 22px;

    color:#fff;
    background:#222;

    text-decoration:none;

    border-radius:8px;

    transition:.25s;
}

.store-btn:hover{
    background:#444;
}

/**********************************************************
  ストアバッジ
**********************************************************/

/* バッジ全体を囲むコンテナ */
.store-badges {
  display: flex;
  flex-wrap: wrap;        /* 画面幅が狭い時に自動で折り返す */
  align-items: center;    /* 上下中央揃え */
  gap: 5px;              /* バッジ同士の間隔 */
  margin: 0;         /* 前後の余白 */
}

/* リンク（ホバー時の挙動など） */
.store-badge-link {
  display: inline-block;
  line-height: 0;         /* 画像下の不要な隙間を消す */
  transition: opacity 0.2s ease;
}

.store-badge-link:hover {
  opacity: 0.8;           /* ホバー時に少し透明にする */
}

/* バッジ画像 */
.store-badge-img {
  height: 40px;           /* バッジの高さを統一（お好みで調整可） */
  width: auto;            /* 横幅は縦横比を維持 */
  vertical-align: middle;
}

/**********************************************************
  サイドバー
**********************************************************/

.widget.widget_pages li ul.children li.page_item a {
  padding: 0 1em 0.8em;
}