.cmsType {
display: none;
}
.PR .cmsType {
display: block;
}
.colBoxInfo {
display: none;
}
.cmsAbstract {
display: none;
}
.PR .cmsAbstract {
display: block;
}
#cmsBody .cmsBgcolorRed {
background:-webkit-gradient(linear,left top,left bottom,color-stop(50%, transparent),color-stop(60%, #ffe6e6));
background:-webkit-linear-gradient(transparent 50%,#ffe6e6 60%);
background:linear-gradient(rgba(255,255,255,0) 50%,#ffe6e6 60%);
}
#cmsBody .cmsBgcolorBlue {
background:-webkit-gradient(linear,left top,left bottom,color-stop(50%, transparent),color-stop(60%, #e6e6ff));
background:-webkit-linear-gradient(transparent 50%,#e6e6ff 60%);
background:linear-gradient(rgba(255,255,255,0) 50%,#e6e6ff 60%);
}
#cmsBody .cmsBgcolorGreen {
background:-webkit-gradient(linear,left top,left bottom,color-stop(50%, transparent),color-stop(60%, #caeeca));
background:-webkit-linear-gradient(transparent 50%,#caeeca 60%);
background:linear-gradient(rgba(255,255,255,0) 50%,#caeeca 60%);
}
#cmsBody .cmsBgcolorBottlegreen {
background:-webkit-gradient(linear,left top,left bottom,color-stop(65%, transparent),color-stop(60%, #99cc99));
background:-webkit-linear-gradient(transparent 65%,#99cc99 60%);
background:linear-gradient(rgba(255,255,255,0) 65%,#99cc99 60%);
}
#cmsBody .cmsBgcolorOrange {
background:-webkit-gradient(linear,left top,left bottom,color-stop(65%, transparent),color-stop(60%, #eebbbb));
background:-webkit-linear-gradient(transparent 65%,#eebbbb 60%);
background:linear-gradient(rgba(255,255,255,0) 65%,#eebbbb 60%);
}
#cmsBody .cmsBgcolorYellow {
background:-webkit-gradient(linear,left top,left bottom,color-stop(50%, transparent),color-stop(60%, #f2c74433));
background:-webkit-linear-gradient(transparent 50%,#f2c74433 60%);
background:linear-gradient(rgba(255,255,255,0) 50%,#f2c74433 60%);
}
#cmsBody .cmsBgcolorPurple {
background:-webkit-gradient(linear,left top,left bottom,color-stop(50%, transparent),color-stop(60%, #fcf));
background:-webkit-linear-gradient(transparent 50%,#fcf 60%);
background:linear-gradient(rgba(255,255,255,0) 50%,#fcf 60%);
}
#cmsBody .cmsBgcolorGray {
background:-webkit-gradient(linear,left top,left bottom,color-stop(50%, transparent),color-stop(60%, #ddd));
background:-webkit-linear-gradient(transparent 50%,#ddd 60%);
background:linear-gradient(rgba(255,255,255,0) 50%,#ddd 60%);
}
#cmsBody .cmsBgcolorWhite {
background:-webkit-gradient(linear,left top,left bottom,color-stop(50%, transparent),color-stop(60%, #fff));
background:-webkit-linear-gradient(transparent 50%,#fff 60%);
background:linear-gradient(rgba(255,255,255,0) 50%,#fff 60%);
}
.endlink-art {
min-height: 52px;
}

#amazonrankingWrap #amazonrankingTitle {
margin:0 0 5px;
padding:5px 5px 0;
}
#amazonrankingWrap #amazonrankingTitle h1 {
font-size:146.5%;
}
#amazonrankingWrap #amazonrankingTitle p {
font-size:120%;
font-weight:normal;
color:#555;
margin:0;
}
#colBoxAmazonRanking .colBoxIndex {
clear:both;
margin-bottom:16px;
overflow:hidden;
}
#colBoxAmazonRanking .colBoxLeft {
display:inline-block;
float:left;
}
#colBoxAmazonRanking .colBoxRight {
vertical-align:top;
padding-left:126px;
}
#colBoxAmazonRanking .colBoxTitle h2 {
font-size:100%;
font-weight:bold;
}
#colBoxAmazonRanking .colBoxIcon {
display:inline-block;
width:80px;
height:80px;
text-align:center;
line-height:0;
margin:4px 10px 0 0;
position:relative;
}
#colBoxAmazonRanking .colBoxIcon img {
max-width:80px;
max-height:80px;
width:auto;
height:auto;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#colBoxAmazonRanking .colBoxRank {
width:32px;
display:inline-block;
font-weight:bold;
font-size:146.5%;
color:#333;
vertical-align:top;
text-align:center;
}
.setIndexBGStyleBlack #colBoxAmazonRanking .colBoxRank {
color:#CCC;
}
#colBoxAmazonRanking .colBoxIndex:nth-child(-n+3) .colBoxRank{
color:#EC6941;
}
#colBoxAmazonRanking .colBoxRank span{
padding:0 4px;
}
#colBoxAmazonRanking .colBoxRight p {
font-size:108%;
}
#AmazonRankingParts{
min-width:300px;
min-height:534px;
}
#AmazonRankingParts .colBoxIndex{
width:98%;
margin:0 1% 16px 1%;
padding:0;
position:relative;
}
#AmazonRankingParts a{
display:block;
padding:4px;
overflow:hidden;
}
#AmazonRankingParts h2{
display:inline;
line-height:1.9;
background:none;
padding:0;
font-weight:600;
}
#AmazonRankingParts .colBoxHead{
border-bottom:none;
margin:0;
}
#AmazonRankingParts .colBoxHead span{
position:absolute;
right:4px;
font-size:100%;
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:16px;
background:#EC6941;
}
#AmazonRankingParts .colBoxTab span{
width:calc(33.333% - 16px);
display:flex;
background:#999;
color:#FFF;
font-size:100%;
line-height:1.6;
padding:8px;
cursor:pointer;
text-align:center;
text-align:center;
justify-content:center;
align-items:center;
}
#AmazonRankingParts.Activetab1 .tab1,
#AmazonRankingParts.Activetab2 .tab2,
#AmazonRankingParts.Activetab3 .tab3{
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{
position:absolute;
top:0;
left:0;
font-size:138.5%;
line-height:1.6;
font-weight:bold;
margin-bottom:4px;
color:#EC6941;
}
#AmazonRankingParts .colBoxIndex:nth-child(n+4) .colBoxRank{
color:#666;
}
#AmazonRankingParts .colBoxIcon{
display:inline-block;
margin-bottom:16px;
width:80px;
height:80px;
text-align:center;
padding:0 16px;
float:left;
position:relative;
}
#AmazonRankingParts .colBoxIcon img{
max-width:80px;
max-height:80px;
width:auto;
height:auto;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#AmazonRankingParts .colBoxTitle h3{
font-weight:normal;
font-size:100%;
line-height:1.5;
overflow-wrap:break-word;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
#AmazonRankingParts .colBoxPrice p{
font-weight:bold;
color:#EC6941;
font-size:108%;
margin:8px 0 0;
}
#AmazonRankingParts .colBoxLink{
text-align:center;
width:100%;
}
#AmazonRankingParts .colBoxLink a{
font-size:116%;
line-height:1.6;
display:inline-block;
background:#F7F7F7;
width:80%;
min-width:auto;
padding:8px;
border-radius:6px;
border:1px solid #EEE;
margin-bottom:24px;
}
#colBoxCategoryList{
min-height:79px;
}
#sp_overlay {display:none;}
#sp_overlay.g {display:block;position:fixed;bottom:0;width:100vw;z-index:1000;text-align:center;background:rgba(0,0,0,.3);}
#sp_overlay.notg {display:block;}
#sp_overlay_btn {display:none;justify-content:center;align-items:center;position:absolute;top:-30px;right:5px;width:25px;height:25px;font-size:15px;text-align:center;padding: 0;color:#333;font-weight:800;border-radius:30px;box-shadow:0 3px 5px rgba(0,0,0,.1);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMBJREFUOE+tkzEOwjAMRb87d43Uc7BzANqsOQbMVQ/AziVY2GHNDbgGB2iSKTVKB1RKElUKXm0/+X/b1LZtU1XViZmfxpiH1npEJpRStbX2QES7aZouJKW8A9gz88jMg7X2loKEZuecYuYzgBrAlbquOwIYADQAXinIqnmu9d73FEusIbkaCnJzBUIILMb+mXIGpCAAgtYQSYkfQAKy3EfUny9ABpI097+AiJnbJcQ2sdnEojUWH1LxKRc/U+k7vwGfSIsG1/JdEgAAAABJRU5ErkJggg==) no-repeat center / 10px #d3d3d3;}
#sp_overlay.g #sp_overlay_btn {display:flex;}
#ArticleSuperBanner{
margin:0 auto;
width:320px;
min-height:100px;
max-height:180px;
display:flex;
justify-content:center;
align-items:center;
}
/* 関連記事 レコメンド CLS 対策 */
.endlink #art {
min-height: 300px;
}
/* 関連記事 タイアップ */
.PR .endlink #art {
min-height: auto;
}