@charset "shift_jis";

/*==============================================
 common
============================================= */
@font-face {
    font-family: iconfont;
    src: url(https://img1.kakaku.k-img.com/images/fonts/iconfont.eot?1449568682978);
    src: url(https://img1.kakaku.k-img.com/images/fonts/iconfont.eot?1449568682978#iefix) format("eot"), url(https://img1.kakaku.k-img.com/images/fonts/iconfont.woff?1449568682978) format("woff"), url(https://img1.kakaku.k-img.com/images/fonts/iconfont.ttf?1449568682978) format("truetype"), url(https://img1.kakaku.k-img.com/images/fonts/iconfont.svg?1449568682978#iconfont) format("svg")
}

* {
margin: 0;
padding: 0;
}

@media (max-width: 768px) {
html {
    font-size: calc(100vw / 32);
    -webkit-text-size-adjust: 100%;
}
}

body {
font-family: "ƒƒCƒŠƒI", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;
font-size: small;
text-align: center;
height: 100%;
color: #333;
}
h1, h2, h3, h4, h5, h6, dl, dt, dd, p, li, textarea {
line-height: 1;
font-size: 100%;
font-weight: normal;
}
img {
border: none;
font-size: 0;
vertical-align: bottom;
}
ul, ol, li, dl, dt, dd {
list-style: outside none none;
}
table {
border-collapse: collapse;
}
a,
a:visited,
a:hover {
color: #000;
text-decoration: none;
}
sup, sub {
font-size: 75.5%;
position: relative;
}
sup {
vertical-align: top;
top: -0.1em;
}
sub {
vertical-align: bottom;
top: 0.1em;
}

/*==============================================
‹LŽ–LƒXƒ^ƒCƒ‹
============================================= */
#container {
width: 100%;
position: relative;
height: auto !important;
height: 100%;
min-height: 100%;
text-align: left;
}
.floatL {
float: left;
}
.floatR {
float: right;
}
.price {
font-family: Verdana;
color: #f00 !important;
}

/*==============================================
header
============================================= */
#header {
width: 100%;
height: 60px;
background: #fff;
box-sizing: border-box;
border-top: 3px solid #001789;
}
#pc #header {
border-top-color: #0099ff;
}
#kaden #header {
border-top-color: #ff6600;
}
#camera #header {
border-top-color: #009899;
}
#mobile-data #header {
border-top-color: #5533bb;
}
#keitai #header {
border-top-color: #3266cc;
}
#kuruma #header {
border-top-color: #013466;
}
#game #header {
border-top-color: #ffcc33;
}
#watch-accessory #header {
border-top-color: #cc3366;
}
#housing #header {
border-top-color: #001789;
}
#hobby #header {
border-top-color: #feae00;
}
#hobby #header {
border-top-color: #feae00;
}
#electricity-gas #header {
border-top-color: #001789;
}
#beauty_health #header {
border-top-color: #99cc33;
}
#houseware #header {
border-top-color: #9cb416;
}
#interior #header {
border-top-color: #cdcc00;
}
#sports #header {
border-top-color: #3398cc;
}
#kitchen #header {
border-top-color: #60bf01;
}
#card #header {
border-top-color: #333367;
}
#invest #header {
border-top-color: #333367;
}
#bb #header {
border-top-color: #53b;
}
#sim #header {
border-top-color: #5533bb;
}

#header .logo {	
display: table;
float: left;
height: 57px;
text-align: left;
}
#header .logo img {
height: 20px;
vertical-align: middle;
}
#header .home {
display: table-cell;
vertical-align: middle;
}
#header .home a {
display: block;
width: 113px;
height: 20px;
background: url(https://img1.kakaku.k-img.com/images/article/pr/cmn/kakaku_logo.png) no-repeat 0 0;
text-indent: -999em;
font-size: 0;
background-size: 113px auto;
}
#header .category {
display: table-cell;
vertical-align: middle;
padding-left: 15px;
}
#header .category a {
display: block;
height: 27px;
text-indent: -999em;
font-size: 0;
background-image: url(https://img1.kakaku.k-img.com/images/article/pr/cmn/icon_category.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 169px auto;
}
#pc #header .category a {
width: 83px;
background-position: 0 0;
}
#kaden #header .category a {
width: 58px;
background-position: 0 -27px;
}
#camera #header .category a {
width: 68px;
background-position: 0 -54px;
}
#mobile-data #header .category a {
width: 144px;
background-position: 0 -81px;
}
#keitai #header .category a {
width: 169px;
background-position: 0 -108px;
}
#kuruma #header .category a {
width: 114px;
background-position: 0 -135px;
}
#game #header .category a {
width: 65px;
background-position: 0 -162px;
}
#watch-accessory #header .category a {
width: 148px;
background-position: 0 -189px;
}
#housing #header .category a {
width: 148px;
background-position: 0 -216px;
}
#hobby #header .category a {
width: 65px;
background-position: 0 -243px;
}
#electricity-gas #header .category a {
width: 115px;
background-position: 0 -270px;
}
#beauty_health #header .category a {
width: 140px;
background-position: 0 -297px;
} 
#houseware #header .category a {
width: 86px;
background-position: 0 -324px;
}  
#interior #header .category a {
width: 127px;
background-position: 0 -351px;
}  
#sports #header .category a {
width: 81px;
background-position: 0 -378px;
}  
#kitchen #header .category a {
width: 106px;
background-position: 0 -405px;
}
#card #header .category a {
width: 126px;
background-position: 0 -432px;
}
#invest #header .category a {
width: 114px;
background-position: 0 -459px;
}
#bb #header .category a {
width: 92px;
background-position: 0 -486px;
}
#sim #header .category a {
width: 123px;
background-position: 0 -510px;
}

#header .usage {
float: right;
height: 30px;
margin-top: 15px;
}
#header .usage .pr {
display: block;
float: right;
line-height: 27px;
height: 27px;
color: #afafaf;
font-size: 11px;
}
#header .usage .guide {
position: relative;
float: right;
height: 25px;
margin-left: 15px;
}
#header .usage .guide a {
display: block;
line-height: 25px;
height: 25px;
padding: 0 10px 0 28px;
border: 1px solid #ededed;
border-radius: 3px;
box-sizing: border-box;
background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(245,245,245) 100%);
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(245,245,245) 100%);
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(245,245,245) 100%);
color: #777;
font-size: 11px;
text-decoration: none;
}
#header .usage .guide a::before {
display: inline-block;
position: absolute;
top: 3px;
left: 10px;
content: url(https://img1.kakaku.k-img.com/images/article/pr/cmn/i_guide.svg);
width: 14px;
}
#header .usage .maker {
float: right;
margin-top: 4px;
margin-left: 8px;
line-height: 19px;
height: 19px;
color: #858585;
font-size: 11px;
}
#header .usage .maker+.pr {
line-height: 17px;
height: 17px;
margin-top: 4px;
padding: 0 8px 0;
border: 1px solid #ededed;
background-color: #fafafa;
border-radius: 3px;
color: #858585;
font-size: 11px;
box-sizing: border-box;
}

/*==============================================
Šg‘ε‰ζ‘œƒXƒ^ƒCƒ‹islimbox2j
============================================= */
#lbOverlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
overflow: hidden;
background-color: #fff;
}
.lbLoading {
background: #fff url(https://img1.kakaku.k-img.com/images/article/pr/cmn/loading.gif) no-repeat center;
}
#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}
#lbPrevLink {
left: 0;
}
#lbPrevLink:hover {
background: transparent url(https://img1.kakaku.k-img.com/images/article/pr/cmn/prevlabel.gif) no-repeat 0 50%;
}
#lbNextLink {
right: 0;
}
#lbNextLink:hover {
background: transparent url(https://img1.kakaku.k-img.com/images/article/pr/cmn/nextlabel.gif) no-repeat 100% 50%;
}
#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}
#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(https://img1.kakaku.k-img.com/images/article/pr/cmn/closelabel.gif) no-repeat center;
margin: 5px 0;
outline: none;
}
#lbCaption, #lbNumber {
margin-right: 71px;
}
#lbCaption {
font-size: 11px;
line-height: 1.2;
margin-bottom: 3px;
}

.releasedate {
	font-family: "ƒƒCƒŠƒI", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;}

/*==============================================
footer
============================================= */
.breadCrumb {
text-align: left;
}
.breadCrumb li {
display: inline-block;
line-height: 1.6;
font-size: 10px;
color: #858585;
}
.breadCrumb li a {
color: #858585;
text-decoration: none;
}
.breadCrumb li a:hover {
color: #858585;
text-decoration: underline;
}
.breadCrumb li+li:before {
margin-right: 2px;
content: '\00a0>\00a0'
}
.copyRight {
min-height: 1px;
margin-top: 20px;
padding: 15px 10px;
background-color: #fff;
}
.copyRight::after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.copyRightIn {
	width: 930px;
	margin: 0 auto;
}
.copyRight p {
line-height: 1.6;
color: #858585;
font-size: 10px;
}
.corporateLink {
display: inline-block;
}
.corporateLink p {
position: relative;
float: left;
margin: 0 10px;
}
.corporateLink p:first-child {
margin-left: 0;
}
.corporateLink p:first-child::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: -10px;
width: 1px;
height: 10px;
margin: auto;
background-color: #e1e1e1;
}
.corporateLink a {
position: relative;
color: #858585;
}
.corporateLink a:hover {
text-decoration: underline;
}
.corporateLink a::after {
content: "";
position: absolute;
top: 4px;
bottom: 0;
left: -2px;
width: 0;
height: 0;
}
.corporateLink+p {
float: right;
}

/*==============================================
to top
============================================= */
.pageTop {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
background: rgba(0,0,0,0.20) url(https://img1.kakaku.k-img.com/images/article/pr/cmn/pagetop3.png) no-repeat 0 0;
width: 58px;
height: 58px;
z-index: 100;
}
.pageTop:hover {
opacity: 0.7;
}

@media (max-width: 768px) {
	#header {
		padding: 0 10px;
	}
	#header {
		height: 50px;
	}
	#header .logo {
		height: 47px;
	}
	#header .category {
		display: none;
	}
	#header .usage {
		margin-top: 9px;
	}
	#header .usage .pr {
		line-height: 30px;
		height: 30px;
	}
	#header .usage .guide {
		margin-left: 10px;
	}
	#header .usage .guide a {
		width: 30px;
		height: 30px;
		padding: 0; 
		text-indent: -999em;
	}
	#header .usage .guide a::before {
		top: 6px;
		left: 8px;
		text-indent: 0;
	}
	#header .usage .maker {
		line-height: 30px;
		height: 30px;
		margin-top: 0;
		font-size: 10px;
	}
	#header .usage .maker+.pr {
		margin-top: 6px;
		font-size: 10px;
	}
	.breadCrumb {
		margin: 0 10px;
		text-align: left;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.breadCrumb li:last-child {
		display: none;
	}
	.copyRight {
		line-height: 1.4;
		margin-top: 10px;
		padding: 10px 10px;
		text-align: center;
	}
	.corporateLink+p {
		float: none;
	}
	.copyRightIn {
		width: auto;
	}
	.pageTop {
		width: 40px;
		height: 40px;
		right: 10px;
		background-size: 40px;
	}
	.floatL,
	.floatR {
		width: 100%;
		}
}