/* ========================================
   基本共通
   利用箇所: テーマ全体
   内容: 初期化に近い共通設定 / コンテナ / リスト / ボタン
======================================== */

body {
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
}

.wrapper {
  overflow: hidden;
}

.container {
  position: relative;
  box-sizing: border-box;
}

/* ========================================
   共通レイアウト補助
   利用箇所: header.php / front-page.php / 各一覧テンプレート
======================================== */

.clearfix::after,
.container::after,
.list-h::after {
  content: "";
  display: block;
  clear: both;
}

.list-inline,
.list-h,
.list-v,
.menu,
.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-inline > li,
.list-inline .item {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
}

.list-h > li,
.list-h .item {
  float: left;
  box-sizing: border-box;
}

.list-h > li a,
.list-h .item a,
.list-v li a {
  display: block;
  position: relative;
}

.pic {
  margin: 0;
  padding: 0;
  text-align: center;
}

/* ========================================
   ボタン共通
   利用箇所: ヘッダー / 商品カード / 各導線ボタン
======================================== */

.btn,
.ibtn {
  display: inline-block;
  padding: 0;
  border: 0;
  background: none;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
}

.btn:focus,
.ibtn:focus {
  outline: none;
}

.ibtn {
  overflow: hidden;
  white-space: nowrap;
  text-indent: -9999px;
}

/* ========================================
   埋め込み・動画
   利用箇所: 固定ページ本文 / 投稿本文
======================================== */

.embed-responsive.video,
.embed-responsive.video-embed-responsive {
  height: auto;
}

.youtubecontent {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}

.youtubecontent iframe,
.youtubecontent object,
.youtubecontent embed {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

/* ========================================
   非採用メモ
   利用箇所: なし
   内容: 旧テーマのモバイルメニュー関連は site.css 側へ統合済み
======================================== */

/*
.toggle-mmenu,
#mobile-menu,
#mobile-fixed {
  display: none;
}
*/