/*=====================================================================*/
/* BASE OVERWRITE STYLE */
/*=====================================================================*/
body {
color:#333;
}
a:link {
color:#000;
}
a:visited {
color:#555;
}
a:hover {
color:#555;
}
a img {
border:none;
}
/*=====================================================================*/
/* CHANNEL BASE STYLE */
/*=====================================================================*/
#globalContents {
  display:-webkit-box;
  display:flex;
  padding-left: 24px;
  justify-content: space-between;
}
#globalContents > .colBoxClear {
  display: none;
}
#masterMain {
width:728px;
}
#masterMainLeft {
width:200px;
float:left;
}
#masterMainRight {
width:460px;
float:right;
}
#masterSub {
width:336px;
}
#masterBody {
width:1136px;
margin:0 auto;
background:#FFF;
}
/*---------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------*/
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn0 a {background-position:0 0;}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn6 a {
margin:3px 0 0 3px;
padding:5px 11px 4px;
border-radius:2px;
background:#FFF;
color:#000;
}
/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#globalHeader {
position:relative;
}
#globalHeaderMiddle {
padding:0;
margin:0 0 15px;
}
#SuperBanner {
text-align:center;
}
/*---------------------------------------------------------------------*/
/* 検索 */
/*---------------------------------------------------------------------*/
#globalSearch {
margin:0;
padding:0 0 14px;
}
#globalSearch #popInSearchField {
border:1px solid #CCCCCC;
height:22px !important;
width:230px !important;
margin:0;
padding:0;
}
#globalSearch .submit {
background:url(https://image.itmedia.co.jp/pcuser/images/globalHeader_socialBtn.gif) no-repeat scroll 0 -91px;
border:none;
height:24px;
margin:0;
text-indent:-9999px;
width:68px !important;
cursor:pointer;
}
#globalSearch input.query {
width:150px;
}
/*---------------------------------------------------------------------*/
/* タグライン */
/*---------------------------------------------------------------------*/
#globalTagline {
display:none;
}
/*---------------------------------------------------------------------*/
/* ロゴ */
/*---------------------------------------------------------------------*/
#globalLogo {
float:left;
width:200px;
margin:15px 0 0 0;
}
#globalLogo h1,
#globalLogo div {
margin:0 10px;
width:150px;
height:58px;
}
#globalLogo h1 a,
#globalLogo div a {
display:block;
width:150px;
height:58px;
background:url(https://image.itmedia.co.jp/images/logo/150_mobile_bgw.gif) no-repeat 0 0;
text-indent:-9999px;
font-size:0;
line-height:0;
}
/*---------------------------------------------------------------------*/
/* メインナビゲーション */
/*---------------------------------------------------------------------*/
#localNavigation {
float:left;
width:760px;
padding:15px 0 0;
}
#lnavMain {
display:none;
}
/*---------------------------------------------------------------------*/
/* サブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSub {
margin:0;
padding:0;
}
#lnavSub .lnavBtn a {
background:#e7e7e7;
border-radius:3px;
text-align:center;
display:block;
float:left;
color:#000;
margin:0 8px 5px 0;
padding:4px 8px 3px;
font-size:12px;
line-height:15px;
white-space:nowrap;
}
#lnavSub .lnavBtn.lnavBtnActive a {
background:#CCC;
}
#lnavSub .lnavBtn a:hover {
text-decoration:none;
background:#CCC;
}
#lnavSub .lnavBtn a .raquo {
display:none;
}
#lnavSub .lnavBtn.lnavBtnarrowssp a {
color:#2f3e8d;
}
/* lnavSubSp */
#lnavSub .lnavSubSp a,
#lnavSub .lnavBtnlnavSubSp a {
background:#ffd2c4;
}
#lnavSub .lnavSubSp a:hover,
#lnavSub .lnavBtnlnavSubSp a:hover {
background:#FF9789;
}
#lnavSub .lnavSubSp.lnavBtnActive a,
#lnavSub .lnavBtnlnavSubSp.lnavBtnActive a {
background:#FF9789;
}
/*---------------------------------------------------------------------*/
/* サブサブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSubSub {
clear:both;
margin:0;
padding:0;
}
#lnavSubSub::before {
content:"Sponsored";
float:left;
width:70px;
margin:0 10px 6px 0;
padding:0 5px;
font-size:13px;
line-height:16px;
color:#888;
border-right:1px #ccc solid;
}
#lnavSubSub .lnavBtn {
float:left;
}
#lnavSubSub .lnavBtn a {
color:#333;
font-size:12px;
line-height:16px;
margin:0;
padding:3px 7px 3px 10px;
white-space:nowrap;
}
#lnavSubSub .lnavBtn a:link,
#lnavSubSub .lnavBtn a:visited {
background:url(https://image.itmedia.co.jp/pcuser/images/bul.png) no-repeat left center;
}
#lnavSubSub .lnavBtn a:hover {
text-decoration:none;
background:url(https://image.itmedia.co.jp/pcuser/images/bul_on.png) no-repeat left center;
}
#lnavSubSub .lnavBtnPR a:link,
#lnavSubSub .lnavBtnPR a:visited {
background:url(https://image.itmedia.co.jp/images/cms_pr.gif) no-repeat 0 1px;
padding:0 0 0 22px;
}
#lnavSubSub .lnavBtnPR a .raquo {
display:none;
}
#lnavSubSub .lnavBtnNew a:link,
#lnavSubSub .lnavBtnNew a:visited {
background:url(https://image.itmedia.co.jp/images/ulli_new.gif) no-repeat 0 0;
padding:0 0 0 27px;
}
#lnavSubSub .lnavBtnNew a .raquo {
display:none;
}
#lnavSubSub .lnavBtn a .raquo {
display:none;
}
#lnavSubSub .lnavBtn a:hover .raquo {
display:none;
}
#lnavSubSub .lnavBtnspecial a {
color:#ff6a3a;
font-weight:bold;
}
/*---------------------------------------------------------------------*/
/* プルダウンナビゲーション */
/*---------------------------------------------------------------------*/
.lnavBtnGroup {
display:none;
width:200px;
z-index:50;
background:#FFF;
border:1px solid #CCC;
}
.lnavBtnGroupIn .lnavBtn {
margin:0 !important;
display:block !important;
font-size:12px !important;
line-height:16px !important;
}
.lnavBtnGroupIn .lnavBtn a {
width:auto !important;
margin:0 !important;
padding:3px !important;
color:#333 !important;
float:none !important;
border:none !important;
border-bottom:1px dotted #DDD !important;
background:none !important;
text-align:left !important;
display:block !important;
}
.lnavBtnGroupIn .lnavBtn a:hover {
background:#EEE !important;
text-decoration:none !important;
}
/*---------------------------------------------------------------------*/
/* ぱんくず */
/*---------------------------------------------------------------------*/
#localPankuzu {
font-size:12px;
letter-spacing:0.64px;
line-height:14px;
padding:24px 0 24px 28px;
}
#localPankuzu ol {
margin:0;
padding:0;
list-style-type:none;
}
#localPankuzu ol li {
float:left;
margin-right:8px;
}
#localPankuzu ol li::after {
content:">";
}
#localPankuzu ol li:last-child::after {
content:"";
}
#localPankuzu ol li a {
margin-right:8px;
}
#localPankuzu * {
color:#999;
}
/*---------------------------------------------------------------------*/
/* ソーシャルボタン */
/*---------------------------------------------------------------------*/
.globalSocialLinks ul {
display:table;
margin:0 0 13px 0;
padding:0;
list-style-type:none;
}
.globalSocialLinks ul li {
float:left;
width:24px;
height:24px;
margin:0 7px 0 0;
font-size:12px;
}
.globalSocialLinks ul li a {
display:block;
text-indent:-9999px;
}
.globalSocialLinks ul li.globalSocialLinks-Facebook {
background:url(https://image.itmedia.co.jp/pcuser/images/globalHeader_socialBtn.gif) no-repeat 0 0;
}
.globalSocialLinks ul li.globalSocialLinks-Twitter {
background:url(https://image.itmedia.co.jp/pcuser/images/globalHeader_socialBtn.gif) no-repeat -32px 0;
}
.globalSocialLinks ul li.globalSocialLinks-RSS {
background:url(https://image.itmedia.co.jp/pcuser/images/globalHeader_socialBtn.gif) no-repeat -63px 0;
}
.globalSocialLinks ul li.globalSocialLinks-Hatena {
background:url(https://image.itmedia.co.jp/pcuser/images/globalHeader_socialBtn.gif) no-repeat -126px 0;
}
.globalSocialLinks ul li.globalSocialLinks-Google {
background:url(https://image.itmedia.co.jp/pcuser/images/globalHeader_socialBtn.gif) no-repeat -189px 0;
}
.globalSocialLinks ul li.globalSocialLinks-mailmagazine {
background:url(https://image.itmedia.co.jp/pcuser/images/globalHeader_socialBtn.gif) no-repeat -158px 0;
}
/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#globalFooter {
padding:10px 0;
}
#globalFooterLink {
color:#999;
font-size:12px;
line-height:14px;
text-align:right;
margin:0;
padding:30px 15px 5px;
height:1%;
border-bottom: 3px solid #EEE;
}
#globalFooterBottom #lnavSub {
display:none;
}
#globalFooterBottom #lnavSubSub {
display:none;
}
#globalCopyright {
font-size:12px;
line-height:16px;
}
#globalInquiry {
font-size:10px;
line-height:16px;
}
#globalFooterMediaListIn {
border-top:1px solid #DDD;
padding:15px;
}
#globalFooterMediaList .mediaList ul {
border-top:1px solid #EEE;
}
#globalFooterCorp {
border-top:1px solid #DDD;
padding:11px 15px 8px;
}
/*---------------------------------------------------------------------*/
/* カラムボックスカスタム */
/*---------------------------------------------------------------------*/
.colBox a:hover {
color:#777;
}
.colBoxHead {
border:0;
color:#000;
font-size:18px;
font-weight:bold;
line-height:18px;
letter-spacing:0.8px;
margin:0 0 24px;
padding:8px 8px 0 2px;
}
.colBoxHead h2 {
font-size:18px;
line-height:18px;
}
#masterMain .colBoxHead h2 {
font-size:18px;
line-height:18px;
}
.colBoxSenna .colBoxHead {
display:none;
}
.colBoxHeadSubtxt {
top:10px;
right:10px;
}
.colBoxInner {
padding:0;
}
.colBoxIndex {
margin:0 0 32px;
padding:0;
}
#masterMain .colBoxSubTitle div,
#masterMain .colBoxSubTitle h5 {
display:block;
color:#666;
font-size:14px;
line-height:18px;
font-weight:normal;
}
.colBoxTitle h3 {
font-size:16px;
font-weight:bold;
line-height:32px;
letter-spacing:0.64px;
}
#masterMainLeft .colBoxTitle h3 {
font-size:17px;
line-height:22px;
}
#masterSub .colBoxTitle h3 {
font-size:14px;
line-height:20px;
}
.colBoxDescription {
margin:0 0 10px;
}
.colBoxDescription p {
font-size:13px;
line-height:18px;
}
.colBoxLeft .colBoxIcon a,
.colBoxIcon a {
margin:0 10px 10px 0;
}
#masterSub .colBoxIcon a {
margin:0 5px 5px 0;
}
.colBoxUlist ul,
.colBoxOlist ol,
.colBoxOlistWrapper ol{
font-size:14px;
line-height:18px;
}
.colBoxUlist ul li,
.colBox .backNumBoxIn ul li {
background:url(https://image.itmedia.co.jp/images/ulli_document1.gif) no-repeat 0 6px;
margin:0;
padding:6px 0 6px 20px;
}
.colBoxInfo .colBoxDate {
font-size:12px;
line-height:16px;
color:#999;
}
#masterSub .colBoxTable {
margin:0 0 10px;
}
#masterMain .colBoxPageLink {
padding:0 10px 10px;
}
#masterSub .colBoxPageLink {
padding:3px 10px;
}
.colBoxNewtxt {
font-size:78%;
padding-left:3px;
}
/* 右カラムツイートボタン */
.TwitterLink {
width:300px;
}
#masterSub .TwitterLink .colBoxOuter {
background:none;
border:none;
}
#masterSub .TwitterLink .colBoxInner {
padding:0;
font-size:12px;
line-height:32px;
font-weight:bold;
text-align:left;
border:1px solid #000;
background:#121212;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#masterSub .TwitterLink .colBoxIndex {
background:url(https://image.itmedia.co.jp/images0509/rc_twitter_icon.gif) no-repeat scroll 6px 7px;
margin:0;
padding:2px 0 0 45px;
border-bottom:none;
}
#masterSub .TwitterLink .colBoxIndex a {
color:#FFF;
text-decoration:none;
}
/* カレンダー */
.colBoxCalendar .colBoxInner {
margin:0;
padding:0;
}
.colBoxCalendar .colBoxIndex {
border-radius:0;
box-shadow:none;
border-bottom:none;
float:left;
height:100px;
margin:0;
padding:0 0 0 3px;
width:140px;
}
.colBoxCalendar .colBoxUlist ul li a {
display:block;
float:left;
width:25px;
margin:0 2px 2px;
padding:2px;
background:#fff;
border:1px solid #ddd;
text-align:center;
font-size:10px;
line-height:14px;
}
.colBoxCalendar .colBoxUlist ul li a:hover {
background:#ddd;
text-decoration:none;
}
#masterSub .colBoxCalendar .colBoxIndex {
display:none;
}
#masterSub .colBoxCalendar .colBoxIndex.colBoxCount1,
#masterSub .colBoxCalendar .colBoxIndex.colBoxCount2,
#masterSub .colBoxCalendar .colBoxIndex.colBoxCount3,
#masterSub .colBoxCalendar .colBoxIndex.colBoxCount4 {
display:block;
margin:0 10px 0 0;
padding:0;
}
#masterSub .colBoxCalendar .colBoxOuter {
background:none;
border:none;
}
#masterSub .colBoxCalendar .h10px,
#masterSub .colBoxITMID .h10px {
height:0;
}
/* アクセスランキング */
#masterSub .colBoxRanking .colBoxInner {
padding:5px 0;
}
#masterSub .colBoxRanking .colBoxIndex {
position:relative;
margin:0;
padding:0;
}
.colBoxRanking .colBoxSubhead {
background:none;
font-size:11px;
line-height:12px;
position:absolute;
right:2px;
top:-30px;
color:#656565;
}
.colBoxRanking .colBoxOlist ol li {
margin:0 0 6px;
padding:0 3px 4px 34px
}
.colBoxRanking .colBoxOlist ol li span {
display:block;
text-align:right;
font-size:11px;
line-height:14px;
color:#999;
}

/* ランキングレイアウト追加 2020/01/17 */
.colBoxRanking .colBoxOlistWrapper ol {
  counter-reset: rankingnumber 0;
  clear:both;
  font-size:14px;
  line-height:16px;
  margin:0;
  padding:0;
  list-style-type:none;
  }
.colBoxRanking .colBoxOlistWrapper ol li {
position: relative;
z-index: 1;
display: flex;
align-items: center;
margin:0 0 6px;
padding:0 3px 4px 34px;
border-bottom:1px dotted #CCC;
min-height:40px;
line-height: 1.4;
letter-spacing: 1px;
}
.colBoxRanking .colBoxOlistWrapper ol li:before {
  position: absolute;
  z-index: 10;
  top: 5px;
  left: 0;
  counter-increment: rankingnumber 1;
  content: counter(rankingnumber);
  width: 30px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
}
.colBoxRanking .colBoxOlistWrapper ol li:nth-child(-n+3):before {
  color: #ec6941;
}
.colBoxRanking .colBoxOlistWrapper ol li span {
display:block;
text-align:right;
font-size:11px;
line-height:14px;
color:#999;
}
/* 共通タブ */
.colBox.colBoxTab {
margin:0;
padding:0;
}
.colBoxTab .colBoxOuter {
background:none;
border:none;
}
/* 更新表示 */
.colBoxUpdating {
padding:5px 3px 1px;
margin-bottom:0;
float:right;
font-size:12px;
line-height:16px;
}
.colBoxUpdating .colBoxInfo .colBoxDate {
font-size:12px;
line-height:16px;
}
#masterMain .colBoxUpdating .colBoxInner {
padding:0;
}
.arrow {
color:#F60;
font-weight:bold;
font-size:12px;
line-height:16px;
}
.colBoxUpdating .colBoxOuter {
background:none;
border:none;
}
/*---------------------------------------------------------------------*/
/* 拡大画像 */
/*---------------------------------------------------------------------*/
.colBoxLargeImage .colBoxOuter {
background:none;
border:none;
}
/*---------------------------------------------------------------------*/
/* QuickPoll */
/*---------------------------------------------------------------------*/
#cmsBody .colBoxQuickPoll {
width:80%;
margin:0 auto 10px;
}
.colBoxQuickPoll .colBoxIndex {
margin:0 10px;
}
.colBoxQuickPoll from {
margin:0;
}
.colBoxQuickPoll .colBoxIndex {
height:1%; /* for IE */
}
#masterSub .colBoxQuickPoll .colBoxTitle h3,
#cmsBody .colBoxQuickPoll .colBoxTitle h3 {
color:#444;
margin:0 0 15px;
padding:0 0 0 24px;
border-bottom:1px dotted #DDD;
border-left:none;
font-size:14px;
line-height:23px;
background:url(https://image.itmedia.co.jp/nl/images/heading_qp5.gif) no-repeat 0 3px;
}
.colBoxQuickPoll .colBoxIndex form label {
margin:0 0 3px 5px;
}
.colBoxQuickPoll .colBoxIndex label {
margin:0 0 3px 0;
}
.colBoxQuickPoll .colBoxIndex form label,
.colBoxQuickPoll .colBoxIndex label {
float:left;
padding:0;
font-size:12px;
line-height:14px;
}
.colBoxQuickPoll .colBoxGraph {
clear:both;
display:block;
margin:0 0 10px 0;
padding:2px 3px;
border:1px solid #ceb70d;
background:url(https://image.itmedia.co.jp/ebook/images/qp_bar.gif) repeat-x center center #f7e881;
font-size:10px;
line-height:12px;
text-align:center;
color:#272302;
}
.colBoxQuickPoll .colBoxInfo {
margin:10px 0;
padding:0;
background:none;
font-size:10px;
line-height:12px;
color:#C00;
text-align:center;
}
.colBoxQuickPoll .colBoxInfo p {
text-align:left;
}
#cmsBody .colBoxQuickPoll .colBoxInfo p {
font-size:10px;
line-height:12px;
}
.colBoxQuickPoll .colBoxIndex input {
clear:both;
float:left;
margin:0;
padding:0;
vertical-align:middle;
}
.colBoxQuickPoll .colBoxIndex .colBoxInfoBtn input {
float:none;
}
/*---------------------------------------------------------------------*/
/* 汎用ソーシャルパーツ */
/*---------------------------------------------------------------------*/
#masterMain .colBoxCsbBtn .colBoxInner {
padding:5px;
}
.colBoxCsbBtn .csbBtn {
float:left;
margin:0 10px 0 0;
}
/*---------------------------------------------------------------------*/
/* Pick Up MOVIE */
/*---------------------------------------------------------------------*/
#colBoxPickUpMovie .colBoxMovie {
float:left;
width:48%;
}
#masterMainRight #colBoxPickUpMovie .colBoxMovie {
width:50%;
}
#colBoxPickUpMovie .colBoxInner {
position:relative;
}
#masterMainRight #colBoxPickUpMovie .colBoxTitle h3 {
font-size:14px;
line-height:19px;
}
#masterMain #masterMainRight #colBoxPickUpMovie .colBoxSubTitle h5 {
font-size:13px;
line-height:18px;
}
#masterMainRight #colBoxPickUpMovie .colBoxIndex {
margin:0;
}
#masterMainRight #colBoxPickUpMovie .colBoxInfo .colBoxLinktxt {
font-size:10px;
line-height:16px;
}
#colBoxMovieRight .colBoxImage {
font-size:0;
line-height:0;
}
#colBoxMovieRight .colBoxImage img {
width:288px;
margin:0 0 5px;
}
/* メルマガ告知バナー 20161101 */
.colBoxMailmagazineBanner .colBoxOuter {
background:transparent;
border:none;
}
#masterSub .colBoxMailmagazineBanner .colBoxInner {
padding:0;
}
#masterSub .colBoxMailmagazineBanner .colBoxIndex {
padding:0;
}
.colBoxMailmagazineBanner a {
display:block;
}

/* 右カラム補填枠 20180126 */
#specialInduction .colBox {
margin-bottom:0;
}
#specialInduction .colBoxIndex {
margin:0 0 10px;
}
#specialInduction .colBoxHead p {
margin:0;
font-size:14px;
line-height:19px;
font-weight:bold;
}
#specialInduction .colBoxTitle p {
margin:0;
font-size:13px;
line-height:20px;
}

#g_logo a {
margin-left:190px;
}

/* categoryIndex */

#categoryBody {
margin:32px 0;
}
#categoryBody .colBoxTitle h2 {
font-size:16px;
font-weight:bold;
line-height:32px;
}

#masterSub {
min-height: 100vh;
position:sticky;
position:-webkit-sticky;
bottom: 0;
}
@supports (position: sticky) or (position: -webkit-sticky) {
  #masterSub {
    align-self: flex-end;
  }
}
#globalHeaderMiddle {
margin:18px 0 0 0!important;
}
.colBoxCategories {
margin-bottom:32px;
min-height:86px;
}
.colBoxCategories .colBoxUlist li {
letter-spacing:0.64px;
margin:0 8px 8px 0!important;
}

/* GAD Layout RCol */
.gad.gad-sub {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.gad.gad-sub.-offset-btm  {
  margin-bottom: 32px;
}

/* amazon ランキングパーツ */
#AmazonRankingParts{
min-width:728px;
min-height:502px;
}
#masterType-top #AmazonRankingParts{
margin-bottom:40px;
}
#AmazonRankingParts .colBoxIndex{
width:136px;
}
#AmazonRankingParts a{
display:block;
padding:8px;
overflow:hidden;
}
#AmazonRankingParts a:hover{
background:#EFEFEF;
border-radius:6px;
}
#AmazonRankingParts h2{
display:inline;
}
#AmazonRankingParts .colBoxHead{
margin:0 0 16px;
}
#AmazonRankingParts .colBoxHead span{
font-size:13px;
color:#FFF;
background:#999;
vertical-align:middle;
border-radius:3px;
padding:4px 8px;
margin-left:8px;
font-weight:normal;
}
#AmazonRankingParts .colBoxTab{
overflow:hidden;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
border-bottom:4px solid #EC6941;
margin-bottom:8px;
background:#EC6941;
}
#AmazonRankingParts .colBoxTab span{
width:calc(33.333% - 16px);
display:flex;
background:#999;
color:#FFF;
font-size:15px;
line-height:23px;
padding:8px;
cursor:pointer;
text-align:center;
justify-content:center;
align-items:center;
}
#AmazonRankingParts .colBoxTab span:hover{
background:#f18f71;
}
#AmazonRankingParts.Activetab1 .tab1,
#AmazonRankingParts.Activetab2 .tab2,
#AmazonRankingParts.Activetab3 .tab3,
#AmazonRankingParts.Activetab1 .tab1:hover,
#AmazonRankingParts.Activetab2 .tab2:hover,
#AmazonRankingParts.Activetab3 .tab3:hover{
background:#EC6941;
}
#AmazonRankingParts .colBoxInner{
overflow:hidden;
flex-wrap:wrap;
justify-content:space-between;
display:none;
}
#AmazonRankingParts.Activetab1 .rankBox1,
#AmazonRankingParts.Activetab2 .rankBox2,
#AmazonRankingParts.Activetab3 .rankBox3{
display:flex;
}
#AmazonRankingParts .colBoxRank{
font-size:18px;
line-height:27px;
font-weight:bold;
margin-bottom:4px;
color:#EC6941;
}
#AmazonRankingParts .colBoxIndex:nth-child(n+4) .colBoxRank{
color:#666;
}
#AmazonRankingParts .colBoxIcon{
display:block;
margin-bottom:16px;
width:120px;
height:120px;
text-align:center;
position:relative;
background:#FFF;
}
#AmazonRankingParts .colBoxIcon img{
max-width:120px;
max-height:120px;
width:auto;
height:auto;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#AmazonRankingParts .colBoxTitle h3{
font-weight:normal;
line-height:24px;
overflow-wrap:break-word;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;
}
#AmazonRankingParts .colBoxPrice p{
font-weight:bold;
color:#EC6941;
line-height:24px;
margin:8px 0 0;
}
#AmazonRankingParts .colBoxLink{
text-align:center;
width:100%;
}
#AmazonRankingParts .colBoxLink a{
font-size:15px;
line-height:23px;
display:inline-block;
background:#F7F7F7;
min-width:600px;
padding:8px;
border-radius:6px;
border:1px solid #EEE;
}
#AmazonRankingParts .colBoxLink a:hover{
background:#EEE;
}
/* 右カラムレクタングル */
#Rectangle,
#bottom-Rectangle{
min-height:250px;
}