@charset "utf-8";

/*----------------------------------------------------

	共通

----------------------------------------------------*/

/*	common overwrite
----------------------------------------------------*/
@media screen and (max-width: 568px) {
body{
	-webkit-text-size-adjust: none;
	}

html {
	-webkit-text-size-adjust: none;
	height: 100%;
	line-height:1.6;
}

main *{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	box-sizing:border-box;
}

main img{
	height:auto;
	vertical-align:top;
}

main article{
	font-size:3.73vw;
	line-height:1.6;
}
	main article a{
		color:#035d8a;
		text-decoration:none;
	}
	main article em{
		font-style:normal;
	}

	main aside *{
		box-sizing:content-box;
	}

#contents-wrap{
	padding:0;
	background:none;
	border-top:0;
}

/*	h1  */
#title-area {
	height:auto;
	background:none;
	border-bottom:3px solid #313f56;
	padding:5.86vw 2.66vw 0 2.66vw;
}
	#title-area h1 {
		height:auto;
		border-left:none;
		margin:0;
		padding:0 0 4vw 0;
		color:#313f56;
		font-size:6.4vw;
		text-align:center;
		line-height:1;
	}

/* pagetop */
.page-top-btn{
	margin:6.66vw 2.66vw 6.66vw 0;
}

}

@media screen and (min-width: 569px) {
body{
	-webkit-text-size-adjust: none;
	}

html {
	-webkit-text-size-adjust: none;
	height: 100%;
	line-height:1.6;
}

main *{
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	}

	main aside *{
		box-sizing:content-box;
	}

main img{
	vertical-align:top;
}

main article{
	font-size:116%;
	line-height:1.6;
}
	main article a{
		color:#035d8a;
		text-decoration:none;
	}

	main article a:hover{
		opacity:0.7;
	}
	main article em{
		font-style:normal;
	}

#contents-wrap {
	background:none;
}

/* aside */
.section-unit-shopseach{
	webkit-box-shadow: 0px 0px 3px #aaa;
    -moz-box-shadow: 0px 0px 3px #aaa;
    box-shadow: 0px 0px 3px #aaa;
}

/* h1 */
#title-area {
	height:auto;
	background:none;
	border-bottom:3px solid #313f56;
}
	#title-area h1 {
		height:auto;
		border-left:none;
		margin:0;
		padding:10px 0 20px 0;
		color:#313f56;
		font-size:28px;
		font-size:233.33%;
		text-align:center;
		line-height:1;
	}
#title-area ul#bread-clumb li#home{
	background:url("https://www.bookoff.co.jp/common/images/bread-clumb-home-bg-01.png") left 0.2em no-repeat;
}

/* pagetop */
p.page-top-btn{
	padding-top:10px;
}

}




/*	kv
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.kv img{
	width:100%;
	height:auto;
}

.origin-block-for-pc .top-visual{
	padding: 20px 10px;
	text-align: center;
	background: url("/sell/img/electronic/bg-shop-info-detail-top.png") repeat center center;
	background-size: 20px 24px;
	-webkit-background-size: 20px 24px;
	background: url("/sell/img/electronic/bg-shop-info-detail-top-ie8.png") repeat center center\9;/*for IE7,8*/
}



/* block02 */
.origin-block-for-pc .block02{
	text-align: center;
	padding: 20px 15px;
}
.origin-block-for-pc .block02 > p{
	padding: 0 20px;
	margin: 0 0 20px;
}
.origin-block-for-pc .block02 > p img{
	width: 100%;
}
.origin-block-for-pc .block02 > div{
	background: url("/sell/img/electronic/bg-origin-block-for-pc-block02-sp.png") repeat top left;
	background-size: 4px 4px;
	-webkit-background-size: 4px 4px;
	background: url("/sell/img/electronic/bg-origin-block-for-pc-block02-sp-ie8.png") repeat top left\9;/*for IE7,8*/
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.origin-block-for-pc .block02 > div p{
	background-color: #FFFFFF;
	font-size: 115.4%;
	font-weight: bold;
	line-height: 1.4;
	padding: 10px;
}
.origin-block-for-pc .block02 > div p strong{
	color: #ef7a00;
	font-size: 140.0%;
}
.origin-block-for-pc .block02 > div p strong span{
	font-size: 66.7%;
}
/* block03 */
.origin-block-for-pc .block03 > p{
	text-align: center;
	background-color: #fff000;
	padding: 20px 25px;
}
.origin-block-for-pc .block03 > p img{
	width: 270px;
}
.origin-block-for-pc .block03 .section-inner h2{
	margin: 20px 0 0;
}
.origin-block-for-pc .block03 .section-inner h2 img{
	width: 100%;
}


}

/*	column
----------------------------------------------------*/
@media screen and (max-width: 568px) {
article .column{
	padding:16px 2.66vw;
	margin-bottom:6.66vw;
}
}

@media screen and (min-width: 569px) {
article .column{
	margin-bottom:40px;
	margin-top:40px;
}
}


/*----------------------------------------------------

	ブランドTOP

----------------------------------------------------*/

/*	navi3_3
----------------------------------------------------*/


/*	pickup_store
----------------------------------------------------*/





/*	service
----------------------------------------------------*/

/*	flow
----------------------------------------------------*/


/*	Q&A
----------------------------------------------------*/


/* clearfix
--------------------------------------------------------------------*/
@media screen and (max-width: 568px) {
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
}
}
@media screen and (min-width: 569px) {
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
}
}

/* margin - common -
-------------------------------------------------------------------*/
@media screen and (max-width: 568px) {
.mb00{margin-bottom:0!important;}
.mb20{margin-bottom:2.66vw;}
.mb30{margin-bottom:7vw;}
.mb40{margin-bottom:5.33vw;}
/* top-visual */
.top-visual{
	padding: 0 10px;
	text-align: center;
  background: url("/sell/img/electronic/bg-shop-info-detail-top.png") repeat center center;

	background-size: 20px 24px;
	-webkit-background-size: 20px 24px;
	background: url("/sell/img/electronic/bg-shop-info-detail-top-ie8.png") repeat center center\9;/*for IE7,8*/
}
.top-visual + p{
	padding: 0 10px;
	background: #fff000;
	text-align: center;
}
.top-visual img,
.top-visual + p img{
	width: 100%;
}
/* block02 */
.block02{
	margin: 0 35px;
	text-align: center;
}
.block02 > p{
	margin: 30px 0;
}
.block02 > p img{
	width: 250px;
}
/* block03 */
.block03 > p{
	text-align: center;
	background-color: #fff000;
	padding: 20px 25px;
}
.block03 > p img{
	width: 270px;
}
.block03 .section-inner h2{
	margin: 20px 0 0;
}
.block03 .section-inner h2 img{
	width: 100%;
}

.second-visual{
	margin: 20px 0 0;
	text-align: center;
	background: #fff000;
}
.second-visual p{
	padding: 20px 10px 0;
}
.second-visual img{
	width: 100%;
}

}
@media screen and (min-width: 569px) {
.mb00{margin-bottom:0!important;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

}


/*	cap
----------------------------------------------------*/


/*	dropshadow
----------------------------------------------------*/


/*----------------------------------------------------

	下層ページ（第2階層）

----------------------------------------------------*/

/*	localnavi
----------------------------------------------------*/


/*	card3_2
----------------------------------------------------*/

/*	card4_4
----------------------------------------------------*/


/*	arch3_3   calc(50% - 1.33ve)
----------------------------------------------------*/



/*	point123
----------------------------------------------------*/
.section-unit-form input.seach-box {
    height:27px;
    border-width:0px;
    border-style:none;
    width:86%;
    padding:0 0 0 10px;
    margin:0;
    float:left;
    line-height:27px;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    font-size:13px;
}