@charset "utf-8";

/*パンくず***************/
#breadcrumbs{}

#breadcrumbs ul{
 margin: 4px 1rem;
 padding: 0;
 font-size: 1.3rem;
 line-height: 1.5rem;
 list-style: none;
}

#breadcrumbs ul li{
 display: inline;
}
#breadcrumbs ul li a{}
#breadcrumbs ul li:after{
 content:" > ";
}
#breadcrumbs ul li:last-child:after{
 content:none;
}



/*表示領域が●px以下の場合**/

@media screen and (max-width: 800px) {
/*↓↓*/
	#breadcrumbs ul{line-height: 2.5rem;}
}/*↑↑*/

@media screen and (max-width: 670px) {
/*↓↓*/

}/*↑↑*/
/******************************************/



/*box_sideby 汎用 横並びbox****************/

.box_sideby .lineup_box{
	display:block;
	box-sizing: border-box;
	width: 100%;
	margin-left: 0px;
	clear: both;
}

.box_sideby .box_item{
	display:inline-block;
	box-sizing: border-box;
	padding: 4px;
	letter-spacing: normal;
	text-align:left;
	vertical-align:top;
	word-break:break-all;
}

/*並ぶbox数によって使い分ける*/

.box_sideby .yoko1 .box_item{
	box-sizing: border-box;
	width:50%;
	margin-left:24%;
}

.box_sideby .yoko2 .box_item{
	width:40%;
	margin-left:6.5%;
}

.box_sideby .yoko3 .box_item{
	width:30%;
	margin-left:2%;
}
.box_sideby .yoko4 .box_item{
	width:22%;
	margin-left:2%;
}
.box_sideby .yoko5 .box_item{
	width:18.2%;
	margin-left:0.5%;
}
.box_sideby .yoko6 .box_item{
	width:15.0%;
	margin-left:0.5%;
}

.box_sideby .lineup_box .box_item img{
	width:100%;
}

.box_sideby .box_item a:hover{
	text-decoration: underline;
	opacity:0.8;filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}



/*▼追加*****************************************/

/*2017/01sz  shopping/login 頒布会についての但し書き*/
#shopping_login_notice_hanpukai{
	width:100%;margin:5px 0;padding:0 10px;
}
#shopping_login_notice_hanpukai p{
	font-size:1.2rem;text-align:left;line-height:1.8em;
}





/******************************************/