@charset "utf-8";
/* CSS Document */

/*============================================================
 Catalog
============================================================*/

/* Common
----------------------------------------------------*/
span.taxInfo {
	font-size: 10px;
	color: #F00;
	vertical-align: middle;
}


/* Category Navi
----------------------------------------------------*/
div.ctgrNavBody {
}

div.navInner {
	background: #FFF;
}

div.ctgrNavList li {
	font-size: 13px;
	border-bottom: 1px solid #E3E4E5;
}

div.ctgrNavList li:last-child {
	border-bottom: none;
}

div.ctgrNavList div.scndCate li {
	border-top: 1px solid #E3E4E5;
	border-bottom: none;
}

div.scndCate div.spDtBox div.txtArea {
	padding: 0 0 0 15px;
}


/* Breadcrumb
----------------------------------------------------*/
div.breadcrumb {
	background: -webkit-gradient(linear, left top, left bottom, from(#AAA), to(#A1A1A1));
	background: -moz-linear-gradient(top, #AAA, #A1A1A1);
	border-bottom: 1px #999 solid;
	font-size: 12px;
	padding: 5px;
	color: #FFF;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

div.txtnav div.breadcrumb {
	padding: 0px;
	border-bottom: 0px;
}

div.txtnav.pa00 div.breadcrumb {
	padding: 5px;
	border-bottom: 0px;
}

div.breadcrumb a {
	color: #FFF;
}


/* Gallery
----------------------------------------------------*/
div.imgGllyBox {
	text-align: center;
	position: relative;
	margin-top: 10px;
}

div.imgGllyBox a {
	text-decoration: none;
	color: #333;
}

div.imgGllyBox div.pImg img {
	max-width: 205px !important;
	max-height: 205px !important;
}

div.imgGllyBox div.imgGllyRow {
	overflow: hidden;
	position: relative;
}

div.imgGllyBox div.imgGllyRow div.spDtBox {
	table-layout: fixed;
}

div.imgGllyPagn {
	margin: 10px 0 0 0;
	padding: 0 10px;
}

div.imgGllyPagn div.prev {
	margin: 0 10px 0 0 !important;
	width: 40px;
}

div.imgGllyPagn div.next {
	margin: 0 0 0 10px !important;
	width: 40px;
}

div.imgGllyPagn div.pagn {
	line-height: 24px;
	width: 100%;
	text-align: center;
}

div.imgGllyIndicator {
	margin: 10px 0 0 0;
	padding: 0 10px;
}

div.imgGllyIndicator div.prev {
	margin: 0 10px 0 0 !important;
	width: 40px;
}

div.imgGllyIndicator div.next {
	margin: 0 0 0 10px !important;
	width: 40px;
}

div.imgGllyIndicator div.indicatorArea {
	width: 100%;
}

div.imgGllyIndicator div.indicatorCell {
	display: inline-block;
}

div.imgGllyIndicator div.indicator {
	background-color: #CCC;
	width: 4px;
	height: 4px;
	margin: 0 4px;
	border-radius: 2px;
}

div.imgGllyIndicator div.indicator.active {
	background-color: #333;
}

div.imgGllyPagn div.prev div.cmnBtn,
div.imgGllyPagn div.next div.cmnBtn,
div.imgGllyIndicator div.prev div.cmnBtn,
div.imgGllyIndicator div.next div.cmnBtn {
	width: 40px;
}

div.imgGllyPagn div.disabled a,
div.imgGllyIndicator div.disabled a {
	display: none;
}

div.recItemListBox {
	text-align: left;
}

div.recItemListBox li a {
	display: block;
	padding: 0 10px;
}

div.recItemListBox div.pImg {
	width: 80px;
	text-align: center;
}

div.recItemListBox div.pImg img {
	max-width: 80px !important;
	max-height: 80px !important;
}

div.recItemListBox div.recInfo {
	padding: 0 0 0 10px;
	text-align: left;
}

div.recItemListBox div.recInfo .pName {
	font-size: 13px;
	font-weight: bold;
}

div.recItemListBox div.recInfo .pName .brand {
word-wrap: break-word;
}

div.pictCmtListBox {
	text-align: left;
}

div.pictCmtListBox div.pImg {
	text-align: center;
	padding: 0 10px;
}

div.pictCmtListBox div.pImg img {
}

div.pictCmtListBox div.pImgCap {
	font-size: 12px;
	margin: 10px 0 0 0;
	padding: 0 10px;
}


/* Product Detail
----------------------------------------------------*/
div.pDetail {
}

div.pDetailHeader {
}

div.pDetailHeader div.pName {
	font-size: 16px;
}

div.pDetailHeader div.avgCR {
	font-size: 12px;
	display: -webkit-box;
	display: -moz-box;
}

div.avgCR div.spdt {
	display: inline-block;
}

div.buyArea {
	font-size: 13px;
	text-align: center;
	padding: 10px;
}

div.buyArea div.salesInfo {
	font-size: 14px;
}

div.buyArea div.nbInfo {
	font-size: 13px;
}

div.pSetInfo div.pListBlock div.imgArea {
	width: 30px;
}

div.pSetInfo div.pListBlock div.imgArea img {
	max-width: 30px !important;
	max-height: 30px !important;
}

div.pDetailInfo {
	padding: 10px;
	border-top: 1px dashed #D3D4D5;
}

div.pDetailInfoTbl table {
	font-size: 13px;
	margin: 0 auto;
}

div.pDetailInfoTbl th {
	font-weight: normal;
	text-align: right;
	color: #666;
	width: 80px;
	font-size: 11px;
	padding: 4px 0;
}

div.pDetailInfoTbl td {
	padding: 3px 0;
}

div.pDetailCaption {
	padding: 10px;
	border-top: 1px dashed #D3D4D5;
}

div.shoppingTagInfo {
	border: 1px #333 solid;
	padding: 5px;
	font-size: 12px;
	margin: 0 5px 0 0;
}

div.pDescription {
	font-size: 12px;
}

div.pDescription li {
	margin: 0 0 10px 0;
}

div.pDescription li:last-child {
	margin: 0;
}

div.prchsDateHstry {
	background-color: #0D6295;
	color: #FFF;
	font-size: 13px;
	padding: 3px;
	margin-bottom: 3px;
	position: relative;
}

div.prchsDateHstry::before {
	content: '';
	background: url(../img/icon_info_circle.png);
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 5px;
}

div.nbBox {
	border: 3px #333 double;
	padding: 10px;
}

div.pOptInfoUnit {
}

div.pSpecList {
	font-size: 11px;
}

div.pSpecList table {
	width: 100%;
}

div.pSpecList tr {
	border-top: 1px #CCC solid;
}

div.pSpecList th {
	width: 100px;
	padding: 5px;
	background: #F5F5F5;
	border-right: 1px #CCC solid;
}

div.pSpecList td {
	padding: 5px;
}

div.pTieIn {
	padding: 0 10px 10px 10px;
}

div.pTieInTtl {
	font-size: 12px;
}

div.pTieInTtl li {
	margin: 0 5px 0 0;
}

div.pTieInImgBox div.imgArea {
	width: 120px;
}

div.pTieInImgBox div.imgArea img {
	max-width: 120px !important;
	max-height: 120px !important;
}

div.pTieInImgBox div.iconArea {
	padding: 0 10px;
}

div.pTieInImgBox div.iconArea img {
	width: 16px;
}

div.lotBuying {
	padding: 0 10px 10px 10px;
}

div.lotBuyingItemList {
}

div.lotBuyingItem {
	font-size: 12px;
}

div.lotBuyingItem div.spDtBox div.imgArea {
	width: 60px !important;
}

div.lotBuyingItem div.spDtBox div.imgArea img {
	max-width: 60px !important;
	max-height: 60px !important;
}

div.lotBuyingItem.disabled div.spDtBox div.imgArea,
div.lotBuyingItem.disabled div.spDtBox div.txtArea {
	opacity: 0.3;
}

div.rvwCntrbtImg {
	margin: 5px 0;
	text-align: center !important;
}

div.rvwCntrbtImg img {
	max-width: 180px;
}

div.mediaTagList {
	display: flex;
	flex-wrap: wrap;
}

div.mediaTag {
	background: #76A4FF;
	padding: 2px 5px;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 1px;
}

div.jmdTrackList {
}

div.jmdTrackList td {
	padding: 0;
}

div.jmdTrackTtl {
	background: #F5F5F5;
	padding: 10px;
}

div.jmdTrackMedley li {
	display: list-item !important;
	list-style: decimal outside none;
	margin: 0 0 0 40px;
}

div.jmdCreditList {
}

div.jmdCreditList div.jmdCredit {
	margin: 10px 0 0 0;
}

div.pUserReviewList {
	font-size: 12px;
	padding: 0 10px 10px 10px;
}

div.pUserReviewUnit {
	margin: 0 0 10px 0;
}

div.pUserReviewUnit:last-child {
	margin: 0;
}

.deviceList {
	text-align: left;
}

.deviceList li {
	margin-top: 5px;
	position: relative;
}

.deviceList li:first-child {
	margin: 0;
}

.deviceList li .deviceName {
	padding-left: 38px;
	font-size: 13px;
}

.deviceList li .deviceIcon {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: #333435;
	border-radius: 2px;
	width: 30px;
	line-height: 18px;
	text-align: center;
	font-size: 10px;
	color: #FFF;
}

.deviceList .disabled .deviceName {
	color: #939495;
}

.deviceList .disabled .deviceIcon {
	background: #C3C4C5;
}


/* Store Info
----------------------------------------------------*/
div.storeInfoHead {
	padding: 10px;
	font-size: 13px;
	border-bottom: 1px solid #CCC;
}

div.storeInfoHead div.imgArea {
	width: 40px;
}

div.storeInfoHead div.imgArea img {
	max-width: 40px;
	max-height: 40px;
}

div.storeInfoList {
	font-size: 12px;
}

div.storeInfoList div.storeInfoBlock {
	border-top: 1px dashed #CCC;
	padding: 10px;
}

div.storeInfoList div.storeInfoBlock:first-child {
	border-top: none;
}

div.storeInfoBlock div.storeName {
	font-size: 14px;
}

div.storeInfoBlock div.price {
	margin: 5px 0 0 10px;
}

div.storeInfoBlock div.stock {
	margin: 5px 0 0 10px;
}

div.storeInfoBlock div.receiveInfo {
	margin: 5px 0 0 10px;
}

.iconStatusCircle {
	background-image: url(../img/icon64Circle01_ot.png);
	background-repeat: no-repeat;
}

.iconStatusDoubleCircle {
	background-image: url(../img/icon64DoubleCircle01_ot.png);
	background-repeat: no-repeat;
}

.iconStatusMinus {
	background-image: url(../img/icon64Minus01_ot.png);
	background-repeat: no-repeat;
}

.iconStatusTriangle {
	background-image: url(../img/icon64Triangle01_ot.png);
	background-repeat: no-repeat;
}

.iconStatusBlackTriangle {
	background-image: url(../img/icon64BlackTriangle01_ot.png);
	background-repeat: no-repeat;
}


/* prmBox
----------------------------------------------------*/
div.prmBox {
	position: relative;
	border-bottom: 1px solid #F90;
}

div.prmBox a {
	padding: 10px;
	display: block;
}

div.prmBox div.close {
}

div.prmBox div.close a {
	position: absolute;
	top: 50%;
	right: 0;
	padding: 10px;
	display: block;
	margin: -18px 0 0 0;
}

.pDetail .pName h1{
font-size: 16px;
font-weight: bold;
line-height: 1.4;
}
.pDetail span.black,.pDetail span.red,.pDetail span.orange,.pDetail span.blue,.pDetail span.green,.pDetail .btnInner > span,.pDetail span.newLabel,.pDetail span.address,.pDetali .bgGray span,.pDetailCaption span,.pDetail .spDtBox span,.pDetail .bgGray span {
font-weight: bold;
}

.spDtBox span.freeSample,.spDtBox span.green,.spDtBox span.red.delivery,.spDtBox span.gray,.spDtBox span.dgray,.spDtBox span.date,.spDtBox span.starCount,.pDetail span.taxInfo.black,.spDtBox span.blue,.spDtBox span.liThr.listPrice,.spDtBox span.liThr.listPrice span,.spDtBox span.red,.spDtBox span.js_touchsliderAjax-nav-item,.spDtBox span.js_touchslider-nav-item,.spDtBox span#rpi_total,.spDtBox span#rpb_total,.pDetail .spDtBox span.noUrlLink {
font-weight: normal;
}
/* storeInfoStock
----------------------------------------------------*/
.storeInfoStock {
	margin: 0 0 20px;
}

.storeInfoStockInner {
	border: 1px solid #D3D4D5;
	border-radius: 3px;
	padding: 10px 10px 0;
}

.storeInfoStockHeader {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
}

.storeInfoStock_read-block {
	border-bottom: 1px solid #D3D4D5;
	margin: 0 0 10px 0;
	padding: 0 0 10px;
	text-align: center;
}

.storeInfoStock_read-blockInner {
	background-color: #fafafa;
	padding: 15px 10px;
}

.storeInfoStock_read-ttl {
	font-size: 15px;
	font-weight: bold;
	color: #F00;
	margin: 0 0 8px 0;
	letter-spacing: -1.7px;
	line-height: 1.9;
}

.storeInfoStock_read-txt {
	font-size: 12px;
	letter-spacing: -0.7px;
	margin: 0 0 8px 0;
}

.otherStoreInfoStock_read-txt {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.7px;
	margin: 0;
}

.storeInfoStock_read-txt-bold {
	font-size: 12px;
	font-weight: bold;
}

.storeName {
	position: relative;
}

.storeOpenText {
	color: #999;
	margin: 5px 0 0 0;
}

.storeNameIconTxtS {
	padding: 0 0 3px 30px;
	display: block;
}

.iconStatusOtherStore {
	background: url(../img/iconOtherStore_green.png) no-repeat 0 0px;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
}

.iconStatusIconY {
	background: url(../img/icon_yodobashi_40.png) no-repeat 0 0px;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
}

.storeNameIconTxtS a {
	position: relative;
}

.bk_i5 {
	display: none;
}

.storeInfoStock_storeInfoBlock {
	border-top: 1px dashed #D3D4D5;
	padding: 10px;
}

.storeInfoStock .storeInfoStock_storeInfoBlock:first-child {
	border: none;
	padding: 10px;
}

.storeInfoStock_storeInfoBlock-storeName {
	position: relative;
	font-size: 14px;
}

.storeInfoStock_storeInfoBlock-price {
	margin: 5px 0 0 0;
}

.storeInfoStock_storeInfoBlock-stock {
	margin: 5px 0 0 0;
}

.storeInfoStock_storeInfoBlock-receiveInfo {
	margin: 5px 0 0 0;
}

@media screen and (max-width: 375px){
.bk_i5 {
	display: block;
}
}

.storeInfoStock_read-ttl span {
	border-bottom: 1px solid #F00;
}

/* SNS */
.pDetailSNS {
	width: 100%;
}

.pDetailSNSInner {
	box-sizing: border-box;
	float: left;
	text-align: center;
	width: 20%;
}

.pDetailSNSInner.snsTitle {
	font-size: 12px;
	font-weight: normal;
	line-height: 44px;
	text-align: center;
}

.button_SNS {
	display: inline-block;
	width: 44px;
}

.button_SNS img {
	width: 100%;
}

/*pRanking
---------------------------------------------*/
.pRanking {
	border-top: 1px dashed #D3D4D5;
	font-size: 12px;
	padding: 10px;
}

.pRanking h3 {
	font-size: 14px;
	font-weight: bold;
}

.pRanking div.spDtBox {
	margin-bottom: 5px;
}

.pRanking .pRankingBcUnit li {
	margin: 0 5px 5px 0;
}

/*spSectionBlock
---------------------------------------------*/

.spSectionBlock .spSectionHeader .caption {
	border-top: 1px solid #D3D4D5;
	font-size: 15px;
	line-height: 1.6;
	padding-top: 10px;
}

.spSectionBlock .spSectionHeader {
	margin-bottom: 15px;
	padding: 0 10px;
}

.spGridLink {
	font-size: 0;
	margin-top: 15px;
}

.spGridLink .spGridLink_Block {
	display: inline-block;
	margin-bottom: 40px;
	vertical-align: top;
	width: 50%;
}

.spGridLink .spGridLink_Block .spGridLink_inner {
	padding: 0 10px;
}

.spGridLink .spGridLink_Block .spGridLink_nav {
	font-size: 15px;
	float: left;
	margin: 5px 15px 0 0;
	width: auto;
}

.spGridLink .spGridLink_Block .spGridLink_nav li:first-child {
	margin: 0;
}

.spSectionBlock .spSectionHeader .spSectionTitle {
	font-size: 22px;
	padding-bottom: 8px;
}

.cntsBlock.btn_moreViewDispray {
	padding: 10px 10px 20px 10px;
}

.spSectionBlock .spSectionHeader.mView .moreview {
	margin: 0;
	max-width: 100%;
	float: none;
	margin: 0 0 10px 0;
	font-size: 15px;
}

.spGridLink .spGridLink_Block .spGridLink_nav li {
	margin: 8px 0 0 0;
}

.spGridLink .spGridLink_Block .spGridLink_nav .num {
	font-size: 15px;
	color: #999;
	vertical-align: middle;
}

.spSectionBlock .spSectionHeader + .pListBlock {
	border-top: none;
}

.spSectionBlock .spSectionHeader + .pListBlock a {
	padding: 5px 10px 10px;
}

.spSectionBlock.pulldown .spSectionHeader .pulldownTirgger {
	font-size: 12px;
}

.spSectionBlock.pulldown .spSectionHeader + .spGridLink {
	margin-top: 15px;
}

.spSectionBlock.pulldown .spGridLink .caption {
	font-size: 13px;
	line-height: 1.4;
	padding: 0 0 15px;
}

.spSectionBlock.pulldown .spSectionHeader {
	color: #0D6295;
	display: inline-block;
	margin: 0;
	outline: none;
	text-decoration: underline;
}

.spSectionBlock.pulldown .spGridLink {
	margin-top: 0;
}

.spSectionBlock.pulldown .spGridLink .spGridLinkClose {
	background: #F5F5F5;
	border-top: 1px #CCC solid;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
}

.spSectionBlock.pulldown .spGridLink .spGridLinkClose p {
	font-weight: bold;
}

.spSectionBlock.pulldown .shCntLink {
	border-top: 1px solid #D3D4D5;
	padding: 10px 0;
}

.spContentsHeader {
	margin-bottom: 15px;
	padding: 10px 10px 0;
}

.spContentsHeader .spContentsHeaderTitle {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}

.spContentsHeader .caption {
	font-size: 13px;
	padding-top: 5px;
	line-height: 1.4;
}

.spSectionBlock.productList .spSectionHeader .caption {
	font-size: 13px;
	line-height: 1.4;
}

.spSectionBlock.productList .spSectionHeader .spSectionTitle {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 8px;
}


.spSectionBlock .spSecondBlock {
	margin-bottom: 10px;
	padding: 0 10px;
	word-wrap: break-word;
}

.spSectionBlock .spSecondBlock .fixSideBanner {
	border-radius: 3px;
	border: 1px #D3D4D5 solid;
	padding: 15px;
}

.spSectionBlock .spSecondBlock a {
	display: block;
}

.spSectionBlock .spSecondBlock .fixSideBanner .sideBnrUnit:first-child {
	margin-top: 0px;
}

.spSectionBlock .spSecondBlock .fixSideBanner .sideBnrUnit {
	margin-top: 15px;
}

.spSectionBlock .spSecondBlock .fixSideBanner .sideBnrUnit .image {
	border: none;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}

.spSectionBlock .spSecondBlock .fixSideBanner .sideBnrUnit .image img {
	margin: auto;
	max-height: 250px;
	max-width: 100%;
	width: auto;
}

.spSectionBlock .spSecondBlock .fixSideBanner .sideBnrUnit .caption {
	display: inline-block;
	font-size: 13px;
	padding-top: 5px;
}

.spSectionBlock .spSecondBlock .spSecondHeader .spSecondTitle {
	font-size: 22px;
}

.spSectionBlock .spSecondBlock .spSecondList {
	font-size: 13px;
	margin-top: 15px;
}

.spSectionBlock .spSecondBlock .spSecondList li {
	margin-bottom: 10px;
	text-align: justify;
}

.spSectionBlock .spSecondBlock .spSecondList li:last-child {
	margin-bottom: 0;
}

.spSectionBlock .spSectionRcmWidget {
	font-size: 0;
	margin-top: 15px;
}

.spSectionBlock .spSectionRcmWidget .rcmBlock {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	margin-bottom: 30px;
	font-size: 12px;
	width: 50%;
}

.spSectionBlock .spSectionRcmWidget .rcmBlock .inner {
	padding: 0 10px;
}

.spSectionBlock .spSectionRcmWidget .rcmBannerBlock .image {
	margin-bottom: 5px;
}

.spSectionBlock .spSectionRcmWidget .rcmBannerBlock .bannerCaption {
	display: block;
	font-size: 13px;
	margin-top: 5px;
	width: auto;
}

.spSectionBlock .spSectionRcmWidget .rcmBlock .nav {
	float: left;
	font-size: 15px;
	margin: 5px 15px 0 0;
	width: auto;
}

.spSectionBlock .spSectionRcmWidget .rcmBannerBlock a {
	display: block;
	float: left;
	width: 100%;
}

.spSectionBlock .spSectionRcmWidget .rcmBannerBlock .image {
	margin-bottom: 5px;
}

.spSectionBlock .spSectionRcmWidget .rcmBannerBlock .image img {
	display: block;
	max-width: 400px;
	width: 100%;
}

.spSectionBlock .spSectionRcmWidget .rcmBlock .nav li {
	margin: 8px 0 0 0;
}

.spSectionBlock .spSectionRcmWidget .rcmBlock .nav li:first-child {
	margin: 0;
}

.spSectionBlock .spSectionRcmWidget .rcmBlock .blockHeader {
	min-width: 140px;
	overflow: initial;
}

.spSectionBlock .spSectionRcmWidget .rcmBlock .blockHeader .caption {
	font-size: 13px;
	line-height: 1.4;
	margin-bottom: 10px;
}

.spSectionBlock .spSectionRcmWidget .rcmBlock a .ttl {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 5px 0;
	text-decoration: underline;
}

.spSectionBlock .spSectionRcmWidget .rcmBlock .imgArea {
	display: inline-block;
	margin: 0 0 10px 0;
	width: 100%;
}

.spSectionBlock .spSectionRcmWidget .rcmBlock .imgArea img {
	height:auto;
	max-height:100%;
	max-width:100%;
	width:auto;
}