@charset "utf-8";
@import url("../css/column.css");

/*更新日*/
#update { margin: 0 0 10px; font-size: 12px; text-align: right; line-height: 1.3em;}

/*見出し*/
h2 {
  padding: 0;
  background: none;
  line-height: 1.0em;
}

#smt_intro { margin: 0 0 30px;}

/*左サイドバー*/
aside { position: static; margin: 0 auto; width: 100%;}
aside .leftside { position: absolute; top: 0; left: 0; max-width: 200px;}
aside .leftside > * { display: block; margin: 0 0 20px;}
@media screen and (max-width:999px){
  aside .leftside { display: none;}
}

/*目次*/
aside .index {
  max-width: 500px;
  margin: 0 auto 40px; padding: 10px;
  border: solid 1px #1075a4;
  font-weight: bold;
}

aside .index strong {
  margin: 0 0 20px; padding: 5px;
  border: none;
  background: #006797;
  color: #fff; font-size: 19px; line-height: 1.5em; text-align: center;
}

aside .index li { margin: 0; padding: 0;}

aside .index li:nth-child(1)::before,
aside .index li:nth-child(2)::before,
aside .index li:nth-child(3)::before,
aside .index li:nth-child(4)::before,
aside .index li:nth-child(5)::before { content: none;}

/*目次 見出し*/
aside .index p {
  display: inline-block;
  width: 85%; margin: 0 0 10px; padding: 5px 5px 5px 10px;
  border-left: solid 10px #006797;
  font-size: 19px; line-height: 1.5em;
}

/*目次 お客様レビュー*/
aside .index div {
  margin: 0 0 15px; padding: 5px;
  background: #bcddec;
  font-size: 18px; line-height: 1.5em;
}
aside .index ul { margin: 0 0 25px; padding: 0 0 0 15px;}
aside .index li { margin: 0 0 8px;}
aside .index ul a { padding: 0 0 0 20px; font-size: 16px; line-height: 1.5em;}

/*目次 リンク*/
aside .index a { position: relative;}
aside .index a::before { content: '\025b6'; position: absolute;}
aside .index ul a::before{ top: 0; left: 0;} /*お客様レビューリンク*/
aside .index p a::before { bottom: 0; right: -20px;} /*お客様レビュー以外リンク*/


/**============================================================================================ メインコンテンツ **/

section[id^="index"]{ margin: 0 0 50px; padding: 0 0 50px;}

h3 {
  margin: 0 0 20px; padding: 10px;
  background: #006797;
  color: #fff; font-size: 22px;
}

h4 {
  position: relative;
  margin: 0 0 20px; padding: 5px;
  border-bottom: solid 2px #006797;
  font-size: 19px; line-height: 1.5em;
}

h5 {
  margin: 0 0 10px; padding: 5px;
  background: #bcddec;
  font-size: 16px; line-height: 1.5em;
}

/*リンク画像*/
main a img { transition: all 0.4s;}
main a:hover img { opacity: 0.7;}

/******************************SE SPORT 400 お客様レビュー・SE SPORT 200 お客様レビュー******************************/

#index01 h4,
#index02 h4 { padding: 5px 5px 5px 25px;}

/*メーカー間の区切り線*/
#index01 h4:not(#index01-1),
#index02 h4:not(#index02-1) { margin: 30px 0 20px; padding: 35px 5px 5px 25px;}

/*メーカー見出し矢印*/
#index01 h4::before,
#index02 h4::before {
  content: '\025b6';
  position: absolute; top: 5px; left: 0;
}
#index01 h4:not(#index01-1)::before,
#index02 h4:not(#index02-1)::before { top: 35px;}

/*レビュー*/
#index01 > div,
#index02 > div {
  margin: 0 0 20px; padding: 10px;
  border: solid 1px #9C9C9C;
}
#index01 > div:last-child,
#index02 > div:last-child { margin: 0;}

/*レビュー 本文*/
main .smt-review { margin: 10px 0 0; padding: 0 0 0 20px; list-style: disc;}

/*レビュー ニックネーム*/
main .smt-pseud { margin: 10px 0 0; font-size: 14px; text-align: right;}

/*レビュー 画像(colorbox)*/
main .colorbox { margin: 10px 0 0;}
main .colorbox a { display: inline-block; max-width: 175px; margin: 3px; vertical-align: top;}
main .colorbox p {font-size: 14px; text-align: center;}
@media screen and (max-width:699px){
  main .colorbox a { width: 31%;}
}


/******************************取り付けについて******************************/
#index03 .youtube { position: relative; height: 0; margin: 0 0 30px; padding: 0 0 56.25%;}
#index03 .youtube:last-of-type { margin: 0;}
#index03 .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/******************************【総評】スポーツ400/200の特徴とは******************************/
#index04 > div:not(.ta_c) { margin: 0 0 30px;}
#index04 ol { list-style: decimal; padding: 0 0 0 20px; font-weight: bold;}

/*商品レビューリンクボタン*/
#index04 a {
  display: inline-block;
  margin: 10px; padding: 10px;
  background: #006797; border-radius: 5px;
  color: #fff; font-weight: bold; text-decoration: none;
}
#index04 a:hover { opacity: 0.7;}


/******************************スポーツ400/200の購入******************************/
#index05 { margin: 0 0 30px;}

/*商品購入リンクボタン*/
#index05 .ta_c a {
  display: block;
  box-sizing: border-box;
  max-width: 660px; margin: 40px auto; padding: 10px;
  border: solid 2px #4c94b6; border-radius: 5px;
  background: #4c94b6;
  color: #fff; font-weight: bold; text-decoration: none;
}
#index05 .ta_c a:hover { background: #fff; color: #4c94b6;}

/*--LastUp2025.07.08_shinkai--*/