@charset "utf-8";

/*
 smartphone-kanban__bg
============================================== */
.smartphone-kanban__bg{
  background: url(https://r.r10s.jp/evt/event/disney/genre/appliance/smartphone/_pc/img/riHdr001_950_title_bg.png) center top repeat-x;
}

/*
 もっと見るボタン
============================================== */
.disney-contents-button-1680c4{
  background-color: #1680c4!important;
}

/*
 smartphone-contents-keyword-wrapper
============================================== */
.smartphone-contents-keyword-wrapper{
  display: flex;
}
.smartphone-contents-keyword-icon{
  font-size: 21px;
  margin-top: 8px;
  margin-right: 2px;
}
.smartphone-contents-keyword-list{
  letter-spacing: -0.5em;
}
.smartphone-contents-keyword{
  display: inline-flex;
  margin: 0 8px 6px 0!important;
  border-radius: 24px;
  font-size: 12px;
  background-color: #fff!important;
  border: 1px solid #ebebeb!important;
  letter-spacing: normal;
  overflow: hidden;
}
.smartphone-contents-keyword:hover{
  background-color: #f7f7f7!important;
}

/*
 セクション大見出し / 小見出し フォントサイズ調整
============================================== */
.disney-contents-title-section{
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  color: #333;
  padding: 4px 16px 0;
  margin: 0;
}
.disney-contents-title{
  font-size: 32px !important;
}

/*
 もっと見るボタン → 次セクション見出しの余白拡大
============================================== */
.disney-mainContents .mb-48\! ,
.disney-mainContents .mb-48 {
  margin-bottom: 72px !important;
}

/*
 アンカーリンク スクロールオフセット（スティッキーナビ分）
============================================== */
#iPhone,
#Android,
#character,
#content5 {
  scroll-margin-top: 104px; /* 共通ナビ50px + ページナビ約49px + 余白 */
}

/*
 グローバルナビゲーション（ECMフローティングコンテナ上書き）
============================================== */
.sp-global-nav-container.ecm-floating-navi-container {
  padding: 0 !important;
  background: transparent !important;
}
/* ECMデフォルト top:-1px を上書き → 共通ナビ(50px)の真下に配置 */
.sp-global-nav-container.ecm-floating-navi-container[data-static=false],
.sp-global-nav-container.ecm-floating-navi-container[data-sticky=false],
.sp-global-nav-container.ecm-floating-navi-container[data-sticky=true] {
  top: 50px !important;
}
.sp-global-nav{
  background: #1680c4;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  width: 100%;
}
.sp-global-nav::-webkit-scrollbar{
  display: none;
}
.sp-global-nav-list{
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.sp-global-nav-item{
  flex: 1;
  position: relative;
  min-width: 0;
}
.sp-global-nav-item + .sp-global-nav-item::before{
  content: '';
  position: absolute;
  left: 0;
  top: 20%;
  height: 60%;
  width: 1px;
  background: rgba(255,255,255,0.4);
}
.sp-global-nav-link{
  display: block;
  padding: 14px 8px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(255,255,255,0.92)!important;
  text-decoration: none!important;
  border-bottom: 3px solid transparent;
  transition: background-color 0.15s, border-color 0.15s;
}
.sp-global-nav-link:visited{
  color: rgba(255,255,255,0.92)!important;
}
.sp-global-nav-link:hover,
.sp-global-nav-link.is-active{
  color: #fff!important;
  background: rgba(255,255,255,0.18);
  border-bottom-color: #fff;
}

/*
 キャラクターから探すセクション 全幅ラッパー
============================================== */
.pc-character-wrapper {
  background-color: #fff;
  width: 100%;
}

/*
 ※注記テキスト（クリックすると商品一覧ページへ移動します）
============================================== */
.disney-contents-note {
  font-size: 13px;
  text-align: center;
  color: #666;
  margin: 0 0 20px;
}
#character .disney-contents-title-section {
  margin-bottom: 4px !important;
}
#content4 .disney-contents-title-section {
  font-size: 28px;
  margin-bottom: 8px !important;
}

/*
 キャラクターから探すセクション内スタイル
============================================== */
#character {
  background-color: transparent;
}
#character .smartphone-contents-keyword-icon {
  display: block;
}
#character .smartphone-contents-keyword-wrapper {
  justify-content: center;
}
#character .smartphone-contents-keyword-list {
  text-align: center;
}
#character .smartphone-contents-keyword {
  border: 2px solid rgb(43, 128, 196) !important;
  font-size: 15px !important;
  padding: 10px 22px !important;
  align-items: center;
  justify-content: center;
}