@charset "shift_jis";
body {
background: #f1f1f1;
font-family: -apple-system, blinkMacSystemFont ,'ŸΰƒSƒVƒbƒN', 'ŸΰƒSƒVƒbƒN‘Μ', 'Yu Gothic', YuGothic ,ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN Pro,Hiragino Kaku Gothic Pro,ƒƒCƒŠƒI,Meiryo,Osaka,‚l‚r ‚oƒSƒVƒbƒN,MS PGothic,sans-serif;
font-weight: 500;
word-wrap:break-word;
font-feature-settings: "palt"1;
}
body, p {
margin: 0;
padding: 0
}
dd, dl, dt, li, ol, ul {
margin: 0;
padding: 0;
list-style: none
}
h1, h2, h3, h4, h5 {
font: inherit;
font-weight: 400;
line-height: 1;
margin: 0;
padding: 0
}
table {
border-spacing: 0;
border-collapse: collapse
}
a {
text-decoration: none;
color: #1345a0
}
a:hover {
text-decoration: underline
}
a:focus {
outline: 0
}
a img {
border: 0
}
form {
line-height: 1;
}
select,
option,
input {
font-family:'ŸΰƒSƒVƒbƒN', 'ŸΰƒSƒVƒbƒN‘Μ', 'Yu Gothic', YuGothic ,ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN Pro,Hiragino Kaku Gothic Pro,ƒƒCƒŠƒI,Meiryo ,Osaka ,‚l‚r ‚oƒSƒVƒbƒN,MS PGothic ,sans-serif;
}
input {
margin: 0;
padding: 0 5px
}
input:hover {
cursor: pointer
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.clearfix:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: '.'
}
.clearfix {
min-height: 1px
}

/* header */
#header{
width:100%;
height: 108px;
position: relative;
margin: 0 auto;
overflow: hidden;
border-bottom: 1px solid #e6e6e6;
background: #fff;
}
.hd-inner{
width:1180px;
margin: 0 auto;
position: relative
}
.mag-lg {
position: absolute;
width: 460px;
top:38px;
left:0;
overflow: hidden;
}
.mag-lg a{
display: block;
}
.mag-lg a img{
width: 209px;
height: 29px;
display: block;
margin-right: 15px;
float: left;
}
.mag-lg span{
font-size: 12px;
height: 29px;
line-height: 33px;
color: #171717;
letter-spacing: 0.03em;
}
.hd-search{
position: absolute;
right:175px;
top: 33px;
display: block;
background: #EFEFEF;
width: 270px;
height: 44px;
font-size: 12px;
border-radius: 50px;
padding-right: 45px;
box-sizing: border-box;
}
button.search-submit{
cursor: pointer;
border-radius: 50px;
background: #00b9eb url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_search.svg") no-repeat center center;
background-size:auto 16px;
width: 30px;
height: 30px;
display: inline-block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
position: absolute;
right: 8px;
top:6px;
transition: 0.2s;
}
button.search-submit:hover{
opacity: 0.6;
}
button.search-submit{
border: none;
outline: none;
}
.hd-search input[type="text"].search-box {
width: 214px;
font-size: 13px;
font-weight: bold;
border: 0;
outline: 0;
cursor: default;
padding-left: 10px;
margin-left: 15px;
height: 41px;
line-height: 41px;
background: #EFEFEF;
padding-top:2px;
box-sizing: border-box;
}
_:-ms-input-placeholder, :root .hd-search input[type="text"].search-box {
line-height: 45px;
}
input:-webkit-autofill{
box-shadow: 0 0 0px 1000px #EFEFEF inset;
}
.search-box::placeholder,
.search-box::-webkit-input-placeholder,
.search-box:-ms-input-placeholder,
.search-box::-moz-placeholder {
color: #868686;
}
.hd-sns{
width: 160px;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
position: absolute;
top:44px;
right:10px;
}
.hd-sns li a{
display: block;
padding:0;
transition: 0.2s;
cursor: pointer;
text-indent: -999em;
font-size: 0;
width: 22px;
height: 22px;
margin-left: 18px;
}
.hd-sns a:hover{
opacity: 0.5;
} 
.hd-sns li.hd-fb a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_facebook-blk.svg") no-repeat center center;
}
.hd-sns li.hd-tw a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_x.svg") no-repeat center center;
}
.hd-sns li.hd-yt a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_youtube_cm.svg") no-repeat center center;
background-size:22px auto;
}
.hd-sns li.hd-rss a{
background: url("https://img1.kakaku.k-img.com/images/kakakumag/common/ic_rss_cm.svg") no-repeat center left;
background-size:auto 17px;
}
.hd-sns li.hd-fb a,
.hd-sns li.hd-tw a{
background-size:auto 22px;
}
.hd-inner-r{
width:140px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 49px;
height:11px;
line-height:11px;
}
.header-ad-out{
width:100%;
background:#f7f7f7;
}
.header-ad-in {
width:100%;
background:#f7f7f7;
}
#pc-smartphone .header-ad-out,
#seikatsu-kaden .header-ad-out,
#av-kaden .header-ad-out,
#camera .header-ad-out,
#game .header-ad-out,
#hobby .header-ad-out,
#car .header-ad-out,
#houseware .header-ad-out,
#food .header-ad-out,
#sports .header-ad-out,
#money .header-ad-out,
#fashion .header-ad-out {
background:#fff;
}
#index .header-ad-out{
width:100%;
background:#fff;
}
#index .header-ad-in {
width:100%;
background:#fff;
}
.header-ad {
margin: 0 auto;
text-align: center;
width: 970px;
overflow: hidden;
display: block;
position: relative;
z-index: 500;
}
.header-ad:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: "."
}
.bread-crumb-wrap{
width: 100%;
background: #fff;
}
.bread-crumb {
width:1180px;
margin: 0 auto;
padding:20px 0;
box-sizing: border-box;
position: relative;
z-index: 10;
overflow: hidden;
}
.bread-crumb li {
font-size: 12px!important;
float: left;
margin-right: 5px;
color: #000;
word-break: break-all!important
}
.bread-crumb a {
color: #000;
text-decoration: underline;
}
.bread-crumb a:hover{
text-decoration: none;
}
.bread-crumb li+li:before {
margin-right: 4px;
content: '/'
}
.cate-top-wrap{
width: 100%;
background:#fff;
}

/* accordion@*/
.main-tag-wrap {
width: 1180px;
margin: 0 auto;
}
.third-tag-wrap {
width: 1180px;
margin: 0 auto 10px;
}
.tag-wrap-in {
max-width: 100%;
margin: 0 auto ;
overflow: hidden;
}
.tag-wrap{
overflow: hidden;
}
.main-tag-tit{
float: left;
color: #000;
font-size: 11px;
line-height: 24px;
height: 24px;
}
.tag-wrap ul{
float: right;
width: 1097px;
overflow: hidden;
}
.third-tag-wrap ul{
width: 1180px;
overflow: hidden;
}
.tag-wrap li a {
font-size: 11px;
line-height: 26px;
height: 26px;
float: left;
margin-right: 8px;
margin-bottom: 8px;
padding: 0 13px;
color: #fff;
font-weight: bold;
background: rgb(0,198,207);
background: linear-gradient(306deg, rgba(0,198,207,1) 0%, rgba(0,161,233,1) 100%);
transition: 0.3s;
border-radius: 3px;
}
_:-ms-input-placeholder, :root .tag-wrap li a  {
line-height: 26px;
}
_::-webkit-full-page-media, _:future, :root .tag-wrap li a{
line-height: 24px;
}

.tag-wrap li a:hover{
opacity: 0.6;
text-decoration: none;
}
.tag-more{
text-align: center;
color: #06a3ea;
cursor: pointer;
background: #f7f7f7;
height: 50px;
line-height: 50px;
position: relative;
width:1180px;
display: block;
}
.tag-more:before{
content: '';
position: absolute;
top:20px;
left: 0;
width:552px;
height: 1px;
background: #cacaca;
}
.tag-more:after{
content: '';
position: absolute;
top:20px;
right: 0;
width:552px;
height: 1px;
background: #cacaca;
}
.tag-more span{
position: relative;
box-sizing: border-box;
top:20px;
left:0;
right: 0;
margin: 0 auto;
width: 76px;
height: 17px;
border-left: 1px solid #cacaca;
border-right: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
display: block;
border-radius: 0 0 4px 4px;
}
.tag-more span::after{
content:'‚Π‚η‚­';
display: block;
font-weight: bold;
font-size: 12px;
position: absolute;
color: #000;
top:-20px;
left:7px;
right: 0;
margin: 0 auto;
letter-spacing: 2px;
width: 76px;
height: 17px;
}
.tag-more.is-active span::after{
content:'‚Ζ‚Ά‚ι';
display: block;
font-weight: bold;
font-size: 12px;
position: absolute;
color: #000;
top:-20px;
left:7px;
right: 0;
margin: 0 auto;
letter-spacing: 2px;
width: 76px;
height: 17px;
}
.tag-more span b::after{
content: "";
display: inline-block;
position: absolute;
top:0;
left:12px;
width: 5px;
height: 5px;
border-top: 2px solid  #919191;
border-right: 2px solid  #919191;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.tag-more.is-active span b::after{
content: "";
display: inline-block;
position: absolute;
top: 4px;
left:12px;
width: 5px;
height: 5px;
border-top: 2px solid  #919191;
border-right: 2px solid  #919191;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);	
}
.cate-top-wrap .tag-more{
text-align: center;
color: #06a3ea;
cursor: pointer;
background: #fff;
height: 50px;
line-height: 50px;
position: relative;
width: 100%;
display: block;
z-index: 100;
}

/* container */
#container {
width: 1200px;
min-height: 100%;
margin: 0 auto;
position: relative;
z-index: 10;
}
#container.bg-wrap {
width: 100%;
position: relative;
}
#container.bg-wrap::after {
content: "";
position: absolute;
width: 100%;
height:320px;
top:0;
right:0;
left:0;
margin: 0 auto;
z-index: -1;
background:#fff;
}
.container-inner {
width:1200px;
margin:0 auto;
overflow: hidden;
padding-bottom: 80px;
}
.container-main,
.container-main-mov{
float: left;
width:844px;
overflow: hidden;
box-sizing: border-box;
position: relative;
}
.container-side-wrap,
.container-side-mov-wrap {
width:340px;
float: right;
box-sizing:border-box;
}
.container-side-wrap:after,
.container-side-mov-wrap:after {
display: block;
visibility: hidden;
clear: both;
overflow: hidden;
height: 0;
content: '.'
}
.category-article-wrap{
background: #fff;
margin: 33px 0 0;
box-sizing: border-box;
margin-left: 10px;
width:834px;
}

/* contents-side */
.container-side,
.container-side-mov {
width: 340px;
}

/* right-column-category */
.side-cate-wrap{
padding: 17px 0 25px;
margin-bottom: 40px;
}
.side-cate-tit {
font-size: 14px;
line-height: 1.2;
font-weight: bold;
padding-left: 20px;
margin-bottom: 15px;
color: #000;
}
.side-cate li a{
width: 320px;
display: block;
font-size: 16px;
line-height: 1.2;
font-weight: bold;
position: relative;
text-decoration: none;
color: #000;
padding: 14px 25px 14px 70px;
box-sizing: border-box;
background: #f1f1f1;
transition: 0.3s;
border-radius: 8px;
margin-left: 5px;
margin-bottom: 10px;
}
.side-cate li a:hover,
.side-cate li a.current{
background: #fff;
}
.side-cate li a .side-cate-tx{
font-size: 11px;
color: #000;	
display: block;
margin-top:5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.side-cate  li a.cate-name-pc::before,
.side-cate  li a.cate-name-av::before,
.side-cate  li a.cate-name-sk::before,
.side-cate  li a.cate-name-cm::before,
.side-cate  li a.cate-name-gm::before,
.side-cate  li a.cate-name-hb::before,
.side-cate  li a.cate-name-car::before,
.side-cate  li a.cate-name-sp::before,
.side-cate  li a.cate-name-fs::before,
.side-cate  li a.cate-name-mn::before,
.side-cate  li a.cate-name-hw::before,
.side-cate  li a.cate-name-fd::before {
width: 50px;
height: 50px;
content: '';
position: absolute;
top:7px;
left:12px;
background:url(https://img1.kakaku.k-img.com/images/kakakumag/common/cate-ic.svg);
background-size:212px;
}
.side-cate  li a.cate-name-pc::before{
background-position: 0px 0px;
}
.side-cate  li a.cate-name-av::before{
background-position: -54px 0px;
}
.side-cate  li a.cate-name-sk::before{
background-position: -108px 0px;
}
.side-cate  li a.cate-name-cm::before{
background-position: -162px 0px;
}
.side-cate  li a.cate-name-gm::before{
background-position: 0 -54px;
}
.side-cate  li a.cate-name-hb::before{
background-position: -54px -54px;
}
.side-cate  li a.cate-name-car::before{
background-position: -108px -54px;
}
.side-cate  li a.cate-name-sp::before{
background-position: -162px -54px;
}
.side-cate  li a.cate-name-fs::before{
background-position: 0 -108px;
}
.side-cate  li a.cate-name-mn::before{
background-position: -54px -108px;
}
.side-cate  li a.cate-name-hw::before{
background-position: -108px -108px;
}
.side-cate  li a.cate-name-fd::before{
background-position: -162px -108px;
}

/*  right-column-present */
.side-pre-tit {
font-size: 17px;
line-height: 1.2;
font-weight:bold;
margin-bottom: 15px;
color: #000;
position: relative;
padding-top: 10px;
}
.side-pre-tit::before{
width: 20px;
height: 4px;
content: '';
position: absolute;
top: 0;
left: 0;
background: rgb(0,159,229);
background: linear-gradient(90deg, rgba(0,159,229,1) 0%, rgba(1,211,246,1) 100%);
}
.side-pre-tit::after{
content: '';
display: inline-block;
width: 6px;
height:10px;
background-image: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/arrow_g.svg);
background-size: contain;
vertical-align: middle;
position: absolute;
top:50%;
right: 0;
}

/*  right-column-special */
.side-pickup-wrap{
padding: 0 20px;
margin-bottom:20px;
}
.side-cts-tit {
font-size: 18px;
line-height: 1.2;
font-weight:bold;
margin-bottom: 15px;
color: #000;
padding-top: 12px;
position: relative;
}
.side-cts-tit::before {
background: rgb(0,198,207);
background: linear-gradient(306deg, rgba(0,198,207,1) 0%, rgba(0,161,233,1) 100%);
border-radius: 3px;
content: "";
display: block;
width: 24px;
height: 5px;
position: absolute;
top: 0;
left: 0;
}
.side-cts-tit span{
font-size: 15px;	
}
.side-cts-tit a{
position: relative;
transition: 0.3s;
display: block;
text-decoration: none;
color: #000;
}
.side-cts-tit a::after{
content: "";
display: inline-block;
position: absolute;
top: 5px;
right:0;
width: 6px;
height: 6px;
border-top: 2px solid #B7B7B7;
border-right: 2px solid #B7B7B7;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.side-cts-tit a:hover{
opacity: 0.6;
}
.side-pickup-list li{
width: 300px;
height: 260px;
display:block;
}
.side-pickup-list li a {
position: relative;
overflow: hidden;
width: 300px;
display:block;
transition: 0.3s;
text-decoration: none;
color: #000;
}
.side-pickup-list li a:hover{
opacity: 0.6;
}
.side-pickup-thum,
.side-pickup-thum-pr{
width: 300px;
height:168px;
position: relative;
margin-bottom: 10px;
}
.side-pickup-thum img,
.side-pickup-thum-pr img{
width: 100%;
height:100%;
object-fit: cover;	
box-sizing: border-box;
border-radius: 5px;
}
.side-pickup-tx{
font-size: 18px;
line-height: 1.4;
color: #000;
font-weight: bold;
}
.side-pickup-thum-pr::after {
content: '';
display: inline-block;
width: 26px;
height: 16px;
background-image: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/icon_pr-1.png);
background-repeat: no-repeat;
position: absolute;
bottom:5px;
right:5px;
}

/*  right-column-ranking*/
.side-ranking-wrap {
padding: 0 20px;
margin-bottom: 60px;
}
.side-ranking-list{
padding-top: 7px;
}
.side-ranking-list li{
width: 100%;
position: relative;
}
.side-ranking-list li a {
display:block;
transition: 0.3s;
text-decoration:none;
color: #000;
width: 300px;
height:94px;
margin-bottom: 15px;
}
.side-ranking-list li a:hover{
opacity: 0.6;
}
.side-ranking-thum {
display: block;
float: left;
margin-right: 15px;
width: 140px;
height:77px;
z-index: 1;
}
.side-ranking-thum  img  {
width: 100%;
height:100%;
object-fit: cover;
z-index: 1;
box-sizing: border-box;
border-radius: 6px;
}
.side-ranking-number {
font-size: 16px;
width:26px;
height:26px;
line-height: 28px;
font-weight: bold;
position: absolute;
top: -8px;
left:-8px;
text-align: center;
color: #fff;
background-color: #000;
border-radius: 50px;
z-index: 50;
}
_:-ms-input-placeholder, :root .side-ranking-number {
line-height: 33px;
}
.side-ranking-number.first{
color: #fff;	
border: 1px solid #b89a00;
background: rgb(156,124,0);
background: linear-gradient(306deg, rgba(156,124,0,1) 0%, rgba(211,168,0,1) 100%);
}
.side-ranking-number.second{
color: #fff;	
border: 1px solid #7b7a7a;
background: rgb(99,99,99);
background: linear-gradient(306deg, rgba(99,99,99,1) 0%, rgba(149,149,149,1) 100%);
}
.side-ranking-number.third{
color: #fff;	
border: 1px solid #c96d14;
background: rgb(172,85,37);
background: linear-gradient(306deg, rgba(172,85,37,1) 0%, rgba(217,139,88,1) 100%);
}
.side-ranking-tx {
font-size: 13px;
line-height: 1.5;
color:#000;
font-weight: bold;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.side-bnr {
  margin-bottom: 50px
}
.side-bnr img {
  width: 300px
}
.side-bnr a :hover {
  opacity: .85;
  filter: alpha(opacity=85);
  -moz-opacity: .85;
}

/*  right-column-bnr*/
.gnrl-bnr {
width:300px;
padding: 0 20px;
margin-bottom: 60px;
}
.gnrl-bnr a{
transition: 0.3s;
display: block;
width:300px;
height: 167px;
position: relative;
}
.gnrl-bnr a img{
border-radius: 8px;	
}
.gnrl-bnr a:hover {
  opacity: 0.6;
}
.side-ad-box-head{
background: #f1f1f1;
padding-bottom: 13px;
font-size: 12px;
line-height: 1.2;
font-weight: bold;
}
.side-ad-box {
width: 300px;
margin: 0 20px 60px;
background: #fff;
box-sizing: border-box;
}
.side-ad-box-title {
font-size: 13px;
line-height: 1.4;
padding: 12px 14px 10px;
color: #2e2e2e;
background: #EFEFEF;
border-right: #DDDDDD solid 1px;
border-top: #DDDDDD solid 1px;
border-left: #DDDDDD solid 1px
}
.side-ad-box-wrap {
padding: 12px 14px;
border-right: #DDDDDD solid 1px;
border-bottom: #DDDDDD solid 1px;
border-left: #DDDDDD solid 1px
}
.side-ad-box-inner:after {
display: block;
visibility: hidden;
clear: both;
overflow: hidden;
height: 0;
content: '.'
}
.side-ad-box-inner {
margin-bottom: 10px
}
.side-ad-box-thum {
float: left;
width: 110px;
margin-right: 10px
}
.side-ad-box-element {
float: left;
width: 148px
}
.side-ad-box-maker {
font-size: 12px;
line-height: 1.45;
margin-bottom: 5px;
color: #9b9b9b
}
.side-ad-box-name {
font-size: 12px;
line-height: 1.45;
margin-bottom: 2px;
word-break: break-all;
}
a:hover .side-ad-box-name {
 text-decoration: underline;
}
.side-ad-box-name {
font-size: 12px;
line-height: 1.45;
margin-bottom: 2px;
word-break: break-all;
}
.side-ad-box-price {
font-size: 14px;
font-weight: 700;
vertical-align: middle;
color: #db3e26
}
.side-ad-box-tag {
font-size: 10px;
line-height: 20px;
height: 20px;
display: inline-block;
margin-right: 5px;
vertical-align: middle;
color: rgb(255, 255, 255);
padding: 0 5px;
border-radius: 3px;
background: rgb(230, 82, 82);
font-weight: normal;
}
.side-ad-box-text {
font-size: 10px;
color: rgb(129, 129, 129);
word-break: break-all;
}
.side-ad-box a:hover {
text-decoration: none
}
#recommend_box {
margin-bottom: 50px!important
}

/*  right-column-newarrival */
.side-newarrival {
padding: 0 20px;
margin-bottom: 60px;
}
.side-newarrival-head{
font-size: 15px;
line-height: 1.2;
font-weight: bold;
margin-bottom: 20px;
color: #000;
position: relative;
padding-top: 12px;
}
.side-newarrival-head::before {
width: 20px;
height: 4px;
content: '';
position: absolute;
top: 0;
left: 0;
background: rgb(0,159,229);
background: linear-gradient(90deg, rgba(0,159,229,1) 0%, rgba(1,211,246,1) 100%);
}
.side-newarrival-list li {
margin-bottom: 27px;	
}
.side-newarrival-list li:last-child{
margin-bottom: 25px;
}
.side-newarrival-list li a {
display:block;
transition: 0.3s;
text-decoration:none;
color: #000;
width: 300px;
overflow: hidden;
}
.side-newarrival-list li a:hover{
opacity: 0.6;
}
.side-newarrival-thum {
display: block;
float: left;
width: 120px;
height: 70px;
z-index: 1;
}
.side-newarrival-thum img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
}
.side-newarrival-element{
width: 165px;
text-align: left;
float: right;
}
.side-newarrival-title {
font-size: 13px;
line-height: 1.3;
color: #000;
font-weight: bold;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.side-newarrival-timestamp{
font-size: 11px;
height: 12px;
line-height: 12px;
padding: 4px 0 0 18px;
color: #939393;
background: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/date_ic.png) no-repeat center left;
background-size: 12px;
text-align: left;
}
.side-newarrival-btn a {
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
display: block;
position: relative;
padding-right: 5px;
font-weight: bold;
transition: 0.2s;
text-decoration: none;
border-radius: 5px;
box-sizing: border-box;
font-size: 15px;
background: #00b9eb url(https://img1.kakaku.k-img.com/images/kakakumag/pc/arrow_w.svg) no-repeat top 50% right 20px;
background-size: 8px 12px;
color: #fff;
border: 1px solid #00b9eb;
margin: 0 auto 60px;
}
.side-newarrival-btn a:hover {
background:#000 url(https://img1.kakaku.k-img.com/images/kakakumag/pc/arrow_w.svg) no-repeat top 50% right 20px;	
background-size: 8px 12px;
color:#fff;
border: 1px solid #000;
}

/*  right-column-ad */
.side-ad-top {
width: 325px;
height: 250px;
display: block;
margin: 33px auto 55px;
padding: 0 0 0 20px;
}
.side-ad-middle {
width: 325px;
height: 250px;
display: block;
padding-left: 20px;
margin-bottom: 50px;
}
.side-ad-btm {
width: 325px;
height: 250px;
display: block;
padding-left: 20px;
margin-bottom: 100px;
}
.main-ad-mrectangle-2col:after {
display: block;
visibility: hidden;
clear: both;
overflow: hidden;
height: 0;
content: '.'
}
.main-ad-mrectangle-left{
padding-left: 70px;
}
.main-ad-mrectangle-left,
.main-ad-mrectangle-right {
width: 350px;
height: 250px;
text-align: center;
float: left;
}
.main-ad-mrectangle{
width: 350px;
height: 250px;
display: block;
overflow: hidden;
}


/*  right-column-newsFrame */
.side-newsframe {
padding: 0 20px;
margin-bottom: 60px;
}
.side-newsframe-head{
font-size: 15px;
line-height: 27px;
height: 27px;
font-weight: bold;
margin-bottom: 25px;
color: #000;
padding-left:32px;
background: url(https://img1.kakaku.k-img.com/images/kakakumag/common/icon_news.png) no-repeat 0 50%;
background-size: 22px;
}
.side-newsframe-list li{
border-bottom: 1px solid #ddd;
width: 300px;
overflow: hidden;
padding-bottom: 10px;
margin-bottom: 10px;
}
.side-newsframe-list li a {
display:block;
transition: 0.3s;
text-decoration:none;
color: #000;
}
.side-newsframe-list li:last-child{
margin-bottom: 15px;
border-bottom:none;
}
.side-newsframe-list li a:hover{
opacity: 0.6;
}
.side-newsframe-thum {
display: block;
float: left;
width: 60px;
height: 60px;
z-index: 1;
position: relative;
}
.side-newsframe-thum::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #1879cb;
    position: absolute;
    z-index: 100;
    box-sizing: border-box;
}
.side-newsframe-thum img {
width: 100%;
height: 100%;
object-fit: cover;
}
.side-newsframe-element{
width: 227px;
text-align: left;
float: right;
}
.side-newsframe-title {
font-size: 12px;
line-height: 1.5;
letter-spacing: 0.04em;
color: #000;
font-weight:bold;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-bottom: 8px;
}
.side-newsframe-timestamp{
font-size: 11px;
height: 12px;
line-height: 12px;
padding-left:18px;
color: #939393;
background: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/date_ic.png) no-repeat center left;
background-size: 12px;
text-align: left;
}
.side-newsframe-btn a {
width: 100%;
height:40px;
line-height: 40px;
text-align: center;
display: block;
position: relative;
padding-right: 5px;
font-weight: bold;
transition: 0.2s;
text-decoration: none;
box-sizing: border-box;
font-size: 15px;
background:#1879cb url(https://img1.kakaku.k-img.com/images/kakakumag/pc/arrow_w.svg) no-repeat top 50% right 20px;
background-size: 6px 10px;
color: #fff;
margin: 0 auto 60px;
}
.side-newsframe-btn a:hover {
opacity: 0.6;
}

/* pagination */
.pagination-article {
position: relative;
overflow: hidden;
margin-bottom: 50px;
}
.article-sns-standard+.pagination-article {
margin-top: 35px
}
.pagination-article + .article-itemvew-box{
margin-top: 60px;	
}
.pagination-article-inner {
position: relative;
left: 50%;
float: left
}
.pagination-article-inner a, .pagination-article-inner span {
position: relative;
left: -50%;
float: left;
margin-right: 5px;
padding: 5px 11px 3px;
border: 1px solid #E8E8E8;
}
.pagination-article-inner span {
background: #E8E8E8;
}
.pagination-article-inner .ellipsis {
background: #f7f7f7;
border: 0;
border: none;
}
.pagination-article-inner a {
background: #fff;
color: #000
}
.pagination-article-inner a:hover {
text-decoration: none;
background: #E8E8E8;
}
.pagination-list {
display: flex;
 justify-content: center;
align-items: center;
margin: 0 0 75px;
}
.pagination-list-inner a, .pagination-list-inner span {
margin-right: 8px;
padding: 5px 11px 3px;
border: 1px solid #EBEBEB;
}
.pagination-list-inner span {
background: #F1F1F1;
}
.pagination-list-inner .ellipsis {
border: none;
background:none;
}
.pagination-list-inner a {
  background: #fff;
  color: #000
}
.pagination-list-inner a:hover {
text-decoration: none;
background: #F1F1F1;
}

/* footer */
.footer-main{
width: 100%;
background: #fff;
border-bottom: 1px solid #ebebeb;
}
.footer {
width: 100%;
background: #fff;
}
.footer-main-inner{
width: 1200px;
margin: 0 auto;
padding: 70px 10px 50px;
box-sizing: border-box;	
position: relative;
z-index: 10;
}
.footer-inner {
width: 1200px;
margin: 0 auto;
padding: 40px 10px 40px;
box-sizing: border-box;
}
.footer-head {
overflow: hidden;
margin-bottom: 40px;
}
.footer-head img {
width: 150px;
height: 17px;
float: left;
vertical-align: middle;
margin-right: 16px;
}
.footer-head {
font-size: 13px;
color: #1e1414;
}
.footer-tit {
overflow: hidden;
font-size: 13px;
margin-bottom: 15px;
}
.footer-tit span{
font-weight: bold;
color: #000;
display: block;
float: left;
}
.footer-tit a{
font-size: 11px;
font-weight: normal;
text-decoration: none;
padding-right:10px;
margin-right: 5px;
display:block;
vertical-align:2px;
position: relative;
transition: 0.3s;
color: #000;
float:right;
}
.footer-tit a::after {
content: "";
display: inline-block;
position: absolute;
top:5px;
right:0;
width: 5px;
height: 5px;
border-top: 1px solid #515050;
border-right: 1px solid #515050;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.3s;
}
.footer-tit a:hover{
opacity: 0.6;
}
.footer-cate{
width: 1176px;
margin-bottom: 50px;
border-top: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
overflow: hidden;
z-index: 100;
}
.footer-cate li a{
width: 196px;
height: 50px;
line-height: 50px;
font-size: 15px;
padding-left: 58px;
font-weight:bold;
color: #000;
border-bottom: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
box-sizing: border-box;
background: #fff;
transition: 0.3s;
float: left;
position: relative;
}
_:-ms-input-placeholder, :root .footer-cate li a {
line-height: 55px;
}
.footer-cate li a:hover {
background: #f7f7f7;
text-decoration: none;
}
.footer-cate  li a.cate-name-pc::before,
.footer-cate  li a.cate-name-av::before,
.footer-cate  li a.cate-name-sk::before,
.footer-cate  li a.cate-name-cm::before,
.footer-cate  li a.cate-name-gm::before,
.footer-cate  li a.cate-name-hb::before,
.footer-cate  li a.cate-name-car::before,
.footer-cate  li a.cate-name-sp::before,
.footer-cate  li a.cate-name-fs::before,
.footer-cate  li a.cate-name-mn::before,
.footer-cate  li a.cate-name-hw::before,
.footer-cate  li a.cate-name-fd::before {
width: 34px;
height:34px;
content: '';
position: absolute;
top:8px;
left: 18px;	
border-radius: 50px;
background:#fff url(https://img1.kakaku.k-img.com/images/kakakumag/common/cate-ic.svg);
background-size:136px;
}
.footer-cate  li a.cate-name-pc::before{
background-position: 0 0;
}
.footer-cate  li a.cate-name-av::before{
background-position:-34px 0;
}
.footer-cate li a.cate-name-sk::before{
background-position: -68px 0px;
}
.footer-cate  li a.cate-name-cm::before{
background-position: -102px 0px;
}
.footer-cate  li a.cate-name-gm::before{
background-position:0 -34px;
}
.footer-cate  li a.cate-name-hb::before{
background-position:-34px -34px;
}
.footer-cate  li a.cate-name-car::before{
background-position:-68px -34px;
}
.footer-cate  li a.cate-name-sp::before{
background-position:-102px -34px;
}
.footer-cate  li a.cate-name-fs::before{
background-position:0 -68px;
}
.footer-cate  li a.cate-name-mn::before{
background-position:-34px -68px;
}
.footer-cate  li a.cate-name-hw::before{
background-position:-68px -68px;
}
.footer-cate  li a.cate-name-fd::before{
background-position:-102px -68px;
}
.footer-archive{
overflow: hidden;
}
.archive-tit{
float: left;
font-weight: bold;
color: #000;
display: block;
font-size: 13px;
margin-right:7px;
}
.footer-archive li{
float: left;
background:  url(https://img1.kakaku.k-img.com/images/kakakumag/pc/circle.svg) no-repeat center right;
background-size: 3px;
padding: 0 11px 0 10px;
}
.footer-archive li:last-child{
background:none;	
}
.footer-archive li a{
display: block;
font-size: 12px;
color: #000;
letter-spacing: 0;
}
.footer-archive li a:hover {
text-decoration:underline;
}
.footer-archive span{
padding-right: 5px;
}
.footer-info{
overflow: hidden;
margin-bottom: 25px;
}
.footer-kakaku {
font-size: 12px;
float: left;
padding-top: 5px;
overflow: hidden;
}
.footer-kakaku img{
width: 60px;
margin-left: 3px;
}
.footer-info-list{
overflow: hidden;
float: left;
}
.footer-info-list li {
float: left;
margin-left: 18px;
}
.footer-info-list li a{
color: #000;
text-decoration: none;
transition: 0.3s;
font-weight: bold;
font-size: 13px;
line-height: 1.0;
letter-spacing: 0;
}
.footer-info-list li a:hover{
opacity: 0.6;
}
.footer-copyright {
font-size: 10px;
color: #8e8e8e;
}
p.footer-disclaimer {
font-size: 10px;
line-height:2.1;
margin-bottom: 25px;
color: #8e8e8e;
}
#totop {
position: fixed;
right: 76px;
bottom: 0;
width: 66px;
height: 60px;
padding: 13px 0 0;
text-align: center;
z-index: 100;
}
#totop a {
display: block;
display: none
}

/*  right-column-tieup */
.side-related-head {
font-size: 13px;
font-weight: 400;
margin-bottom: 25px;
color: #2e2e2e
}
.side-related {
margin-bottom: 10px
}
.side-related-list li {
margin-bottom: 7px;
padding-bottom: 0;
border-bottom: #ebebeb solid 1px
}
.side-related-list li:after {
display: block;
visibility: hidden;
clear: both;
overflow: hidden;
height: 0;
content: '.'
}
.side-related-thum {
display: block;
float: left;
margin-right: 15px;
overflow: hidden;
width: 70px;
height: 70px;
position: relative
}
.side-related-thum a:hover img {
opacity: .75;
filter: alpha(opacity=75);
-moz-opacity: .75
}
.side-related-thum img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%
}
.side-related-list li a {
display: inline-block
}
.side-related-list li a:hover img {
opacity: .75;
filter: alpha(opacity=75);
-moz-opacity: .75
}
.side-related-element {
float: left;
width: 195px
}
.side-related-title {
font-size: 13px;
padding-top: 5px;
font-weight: 700;
line-height: 1.5;
display: block;
float: left;
width: 215px
}
.side-ranking-title .pr-icon, .side-related-title .pr-icon,.side-pickup-wrap .pr-icon {
font-size: 11px;
padding-left: 3px;
font-weight: 400;
vertical-align: middle;
display: inline-block
}
.side-pickup-wrap .pr-icon {
font-size: 14px;
font-weight: bold;
vertical-align: middle;
display: inline-block;
padding-right: 4px;
}
a:hover .side-related-title {
text-decoration: underline
}
.side-related-timestamp {
font-size: 11px;
color: #a2a2a2
}
.side-related-timestamp a:hover {
text-decoration: none
}

/*  right-column-twitter */
.side-tw-box {
width:300px;
box-sizing: border-box;
background: #f7f7f7;
padding: 10px 0 10px 42px;
margin-bottom: 50px;
}

/* floating-bnr */
.fixedRightAdContainer {
display: block;
display: none
}
.fixedRightAd {
display: none;
position: fixed;
right: 61px;
bottom: 80px;
width: 96px;
z-index: 2
}
.fixedRightAdClose {
cursor: pointer;
position: absolute;
top: -11px;
right: -11px;
z-index: 1
}
.fixedRightAdBnr {
z-index: 0
}

/* fit-sidebar */
.fit-sidebar-fixed {
margin-top: 0!important;
margin-bottom: 0!important;
position: fixed
}
.fit-sidebar-blank {
z-index: 0;
background-color: transparent;
visibility: hidden
}

/* seo */
.side-tag-box {
padding: 0 20px;
margin-bottom: 60px;
overflow: hidden;
zoom: 1
}
.side-tag-head {
font-size: 13px;
font-weight: 400;
margin-bottom: 15px;
color: #2e2e2e
}
.side-tag-list li a {
font-size: 11px;
height: 22px;
line-height: 22px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
padding: 0 6px;
color: #000;
background: #e0e0e0;
border: 1px solid #D8D8D8;
text-decoration: none;
transition: 0.2s;
border-radius: 3px;
}
_:-ms-input-placeholder, :root .side-tag-list li a  {
line-height: 23px;
}
.side-tag-list li a.current, .side-tag-list li a:hover {
text-decoration: none;
background-color: #fff;
border: 1px solid #D1D1D1;
color: #000;
}
.side-list {
background: #f7f7f7;
padding: 20px 20px 15px;
margin-bottom: 3px
}
.side-line-up-list-head {
font-size: 13px;
margin-bottom:15px;
color: #2e2e2e;
}
.side-line-up-list li {
padding-bottom: 6px;
margin-bottom: 13px;
border-bottom: #e8e8e8 solid 1px;
overflow: hidden;
zoom: 1
}
.side-line-up-list li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none
}
.side-line-up-list li a {
display: inline-block
}
.side-line-up-list li a:hover {
opacity: .75;
filter: alpha(opacity=75);
-moz-opacity: .75
}
.side-line-up-list-thum {
float: left;
margin-right: 15px;
width: 70px;
height: 70px
}
.side-line-up-list-thum img {
width: 70px;
padding: 0;
margin: 0
}
.side-line-up-list-element {
float: left;
width: 175px
}
.side-line-up-list-title {
font-size: 13px;
line-height: 1.4;
color: #000;
font-weight: 800;
margin-bottom: 7px;
word-break: break-all;
}
.side-line-up-list-cap {
font-size: 11px;
line-height: 1.4;
color: #8c8c8c
}
.side-line-up-list-check {
font-size: 11px;
line-height: 1.4;
color: #e47e24;
background: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/arrow_orn.png) center right no-repeat;
padding-right: 13px;
display: inline-block
}
.side-related-link-head, .side-related-link-list-head {
font-size: 12px;
color: #333;
margin-bottom: 15px
}
.side-related-link-list {
font-size: 13px;
margin-bottom: 10px;
color: #2e2e2e;
}
.side-related-link-list li a {
margin-bottom: 15px;
display: block
}
.side-related-link-list li:last-child {
 margin-bottom: 0
}
.side-related-link-list li a:hover {
opacity: 0.7;
text-decoration: none
}
.side-outside-link-head {
font-size: 12px;
color: #333;
margin-bottom: 15px
}
.side-outside-link-list {
font-size: 13px;
color: #1345a0;
font-weight: 800;
margin-bottom: 5px
}
.side-outside-link-list li a {
margin-bottom: 15px;
display: block
}
.side-outside-link-list li span {
background: url(https://img1.kakaku.k-img.com/images/kakakumag/pc/icon_osw.png) center right no-repeat;
background-size: 12px 12px;
padding-right: 16px;
}
.side-outside-link-list li:last-child {
margin-bottom: 0
}
.side-outside-link-list li a:hover {
opacity: 0.7;
text-decoration: none
}
.gate {
position: relative;
width:100%;
z-index: 1;
}
.gate-bnr-out {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
}
.gate-bnr {
width: 1200px;
height:830px;
margin: 0 auto;
position: relative;
left:0;
right:0;
}
.gate-bnr-l {
position: absolute;
z-index: 101;
left: -160px;
}
.gate-bnr-r {
position: absolute;
z-index: 101;
right:-150px;
}

/*  right-column-newitem */
.side-newitem-wrap {
padding: 0 20px;
margin-bottom: 60px;
}
.side-newitem-tit{
font-size: 19px;
font-weight: bold;
margin-bottom: 13px;
color: #222222;
position: relative;
padding-top: 11px;
}
.side-newitem-tit::before {
background: #5383b9;
border-radius: 3px;
content: "";
display: block;
width: 28px;
height: 6px;
position: absolute;
top: 0;
left: 0;
}
.side-newitem-list li a {
display:block;
transition: 0.3s;
text-decoration:none;
color: #000;
width: 300px;
margin-bottom: 13px;
background: #fff;
border-radius:8px;
box-shadow:0 0 2px 1px #e7e7e7;
box-sizing: border-box;
}
.side-newitem-list li a:hover{
opacity: 0.7;
}
.side-newitem-date{
height:26px;
line-height: 27px;
background: #5383b9;
color: #fff;
font-size: 13px;
font-weight: bold;
border-radius: 8px 8px 0 0;
padding-left: 10px;
}
.side-newitem{
padding: 13px 33px 13px 16px;
border-radius: 0 0 8px 8px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background:url(https://img1.kakaku.k-img.com/images/kakakumag/pc/arrow_gray.svg) no-repeat top 47% right 13px;
background-size: 7px auto;
}
.side-newitem-thum {
width:64px;
height: 48px;
}
.side-newitem-thum  img {
width: 100%;
height: 100%;
object-fit: cover;
}
.side-newitem-info{
width: 172px;
}
.side-newitem-hierarchy{
font-size: 10px;
line-height: 1.3;
color: #7F7E7E;
margin-bottom:4px;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.side-newitem-name{
font-size: 14px;
line-height: 1.1;
color: #1c1c1c;
margin-bottom:3px;	
font-weight: bold;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.side-newitem-price{
font-size: 13px!important;
line-height: 1.2;
color: #db3e26;
font-weight: bold;
}
.side-newitem-price-tit{
font-size: 10px;
line-height: 1.1;
color: #7F7E7E;
margin-bottom:3px;
padding-top: 2px;
display: block;
}
.side-newitem-price-m-in{
font-size: 12px;
font-weight: normal;
}