/*
Theme Name: ranking2026 Child
Version: 1.6
Template: ranking2026
*/

/*フロー左上と全部の文字色*/
.contentsBox04 div {
  background: #ff80bf;
  color: #fff;
}
/*フロー左下背景*/
.contentsBox04-3 div {
  background: #ff80bf;
}
/*フロー中背景*/
.contentsBox04 div:nth-child(2),
.contentsBox04-3 div:nth-child(3),
.contentsBox04-3 div:nth-child(4){
  background: #4169e1;
}
/*フロー右背景*/
.contentsBox04 div:nth-child(3),
.contentsBox04-3 div:nth-child(5),
.contentsBox04-3 div:nth-child(6) {
  background: #ff80bf;
}
/*フロー下段文字色*/
.contentsBox04-3 a,
.contentsBox04-3 a:visited {
  color: #fff;
}
/*共通ボタンの色*/
.btn--orange {
  background-color: #f19709;
  border-bottom: 5px solid #c68302;
}
/*iPhoneボタンの色*/
.btn--ios {
  background-color: #f19709;
  border-bottom: 5px solid #c68302;
}
/*Androidボタンの色*/
.btn--android {
  background-color: #f19709;
  border-bottom: 5px solid #c68302;
}
/*パック1背景色*/
.pack01 {
  background: #f7adc8;
}
/*パック1三角色*/
.packImg::before {
  background: #f7adc8;
}
/*パック1アイコン背景*/
.packItem{
  background: #ffe9f1;
}
/*パック1テキスト背景*/
.packTxt {
  background-color: #ffe9f1;
}

/*パック2背景色*/
.pack02{
  background: #6ec6ca;
}
/*パック2三角色*/
.pack02 .packImg::before {
  background: #6ec6ca;
}
/*パック2アイコン背景*/
.pack02 .packItem{
  background: #abe9ec;
}
/*パック2テキスト背景*/
.pack02 .packTxt{
  background-color: #abe9ec;
}
/*パック3背景色*/
.pack03{
  background: #ffeb9b;
}
/*パック3三角色*/
.pack03 .packImg::before {
  background: #ffeb9b;
}
/*パック3アイコン背景*/
.pack03 .packItem{
  background: #fffde9;
}
/*パック3テキスト背景*/
.pack03 .packTxt{
  background-color: #fffde9;
}
/*更新日背景/文字色*/
.headerContents01 {
  color: #fff;
  background: #2f7ed2;
}
/*h2見出し上についてる帯背景*/
.contentsWrap01 h2 span,
.contentsWrap03 h2 span,
.contentsWrap05 h2 span,
.packWrap h2 span {
  background: #304a99;
  color: #fff;
}
/*h2見出し背景色*/
.contentsWrap01 h2,
.contentsWrap03 h2,
.contentsWrap05 h2,
.packWrap h2 {
  background: #cbeaf7;
  color: #333;
}
/*h2見出し最初の文字色*/
.contentsWrap01 h2:first-letter,
.contentsWrap03 h2:first-letter,
.contentsWrap05 h2:first-letter,
.packWrap h2::first-letter {
  color: #c11e1e;
}
/*ボックス囲み線の色*/
.contentsWrap03,
.contentsWrap05 {
  border: 1px solid #2d6b7d;
}
/*吹き出しアイコンボーダー*/
.row img {
  border: 2px solid #395a8c;
}
/*吹き出し枠の色*/
.bdpink:after {
  border-right: solid 12px #395a8c;
}
/*吹き出し枠の色*/
.bdpink,
.bdpinkr {
  border: solid 2px #395a8c;
}
/*ランキング見出し（最新の）*/
.rankMidashi span {
  background: #139999;
}
/*おすすめアプリランキング*/
.rankMidashi {
  color: #fff;
  background: #3e70a6;
}
/*おすすめアプリランキング最初の文字色*/
.rankMidashi::first-letter {
  color: #fff7b7;
}
/*ランキングサイト名の色*/
.rankTitle {
  background: #9bbde8;
}

/*順位の色*/
.rankNum {
  background: #215597;
}
/*順位の＞の部分*/
.rankNum:before {
  border-left: 20px solid #215597;
}
/*もっと詳しくの枠色*/
.rankWrap details {
   border: 2px solid #306399;
}
/*もっと詳しく文字色*/
summary span {
  background: linear-gradient(90deg, rgb(44, 166, 240) 0%, rgb(104, 225, 245) 43%, rgb(61, 120, 155) 100%);
	background-clip: border-box;
  -webkit-background-clip: text;
}