/*****************************/
/*  JADIS Selection add CSS  */
/*****************************/

/*****************************/
/* 基本設定                  */
/*****************************/

.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

.bold { font-weight:bold; }
.l20 { padding:0 0 0 20px; }

.clear { clear:both; }

.red { color:red; }

/*****************************/
/* サイト注釈                */
/*****************************/

.disc {
    position: absolute; /*ボックスの配置方法(absoluteは絶対位置配置)*/
    top: 32px; /*上からの距離(positionで指定している場合に適用)*/
    left: 300px; /*右からの距離(positionで指定している場合に適用)*/
}
@media screen and (max-width: 768px) {
.disc {
		top: 27px;
    left: 50px;
		font-size: 70%;
}
}

/*****************************/
/* バナータグ表示            */
/*****************************/

.ban {
	border:1px solid #999;
	background: #f2f2f2;
	padding:10px;
}

/*****************************/
/* リスト用div           */
/*****************************/

.litem {
	border:1px solid #999;
	background: #f2f2f2;
	padding:10px;
	float:left;
}

/*****************************/
/* 事業所一覧表示              */
/*****************************/

/* 一覧内アイテムdiv */
.list { width:110px; padding:5px; float:right; }
.list img { width:100px; height:auto; }
.list a { text-decoration:none; }
.list .com { font-weight:bold; }

/* カテゴリdiv */
.cate { text-align:center; }
.cate .title { font-size:120%; font-weight:bold; }
.cate .item { display:inline-block; padding:0 5px; }
.cate .current { font-weight:bold; }
.cate a { text-decoration:none; color:#ccc; }

/* メダル表彰div */
.medal { text-align:center; }
.medal .title { font-size:120%; font-weight:bold; }

/* 表示切替部分div */
.switch_area { text-align:center; }

/* 一覧表示順番div */
.sel_list { }
.sel_list .current { font-weight:bold; }
.sel_list a { text-decoration:none; color:#ccc; }

/* 一覧表示種類div */
.sel_kind { text-align:center; }
.sel_kind .current { font-weight:bold; }
.sel_kind a { text-decoration:none; color:#ccc; }

/* メダル表示種類div */
.sel_medal { text-align:center; }
.sel_medal .current { font-weight:bold; }
.sel_medal a { text-decoration:none; color:#ccc; }

/* 一覧表示ページ移動div */
.page_move { font-size:130%; }
.page_move .current { font-weight:bold; padding:0 5px; }
.page_move a { text-decoration:none; color:#ccc; padding:0 5px; }

/*****************************/
/* 商品個別表示              */
/*****************************/

/* 個別表示div */
.item { }
/* メイン画像サイズ */
.item img.main_img { width:100%; height:auto; }
/* サブ画像サイズ */
.item img.sub_img { width:100px; padding:5px; }
/* 一言コメント */
.item div.com { font-size:130%; font-weight:bold; }

/*********************************/
/* 商品一覧アイテム表示(masonry) */
/*********************************/

.box {
	margin: 5px;
	padding: 5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ccc), color-stop(1.00, #8a8a8a));
	background: -webkit-linear-gradient(#ccc, #8a8a8a);
	background: -moz-linear-gradient(#ccc, #8a8a8a);
	background: -o-linear-gradient(#ccc, #8a8a8a);
	background: -ms-linear-gradient(#ccc, #8a8a8a);
	background: linear-gradient(#ccc, #8a8a8a);
	line-height: 1.4em;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.box img {
	display: block;
	width: 100%;
}
.box p {
	margin: 0;
	font-size: 1em;
	background: #f2f2f2;
	padding:2px;
}
.box p.gname { font-weight:bold; }
.box a { text-decoration:none; }

.col { width:190px; }
.col img { max-width:180px; }

.col1 { width: 100px; }
.col2 { width: 150px; }
.col3 { width: 200px; }
.col4 { width: 250px; }
.col5 { width: 300px; }
.col1 img { max-width: 100px; }
.col2 img { max-width: 150px; }
.col3 img { max-width: 200px; }
.col4 img { max-width: 250px; }
.col5 img {	max-width: 300px; }

/*
.col1 { width: 80px; }
.col2 { width: 180px; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }
.col1 img { max-width: 80px; }
.col2 img { max-width: 180px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img {	max-width: 480px; }
*/

/**** Transitions ****/

.transitions-enabled.masonry, .transitions-enabled.masonry .masonry-brick {
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	transition-duration: 0.7s;
}
.transitions-enabled.masonry {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.transitions-enabled.masonry .masonry-brick {
	-webkit-transition-property: left, right, top;
	-moz-transition-property: left, right, top;
	-ms-transition-property: left, right, top;
	-o-transition-property: left, right, top;
	transition-property: left, right, top;
}
/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-ms-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}
/**** Clearfix ****/
.masonry_clearfix:before, .masonry_clearfix:after {
	content: "";
	display: table;
}
.masonry_clearfix:after {
	clear: both;
}
.masonry_clearfix {
	zoom: 1;
}