/* カテゴリ・グループのフリースペース内全体の指定 */
.cg_freespace_01 {
	padding:0 0 0 0;
	margin:0 0 30px 0;
}
.cg_freespace_02 {
	padding:0 0 0 0;
	margin:0 0 30px 0;
}
/* カテゴリ・グループのフリースペース内の<p>タグの余白設定 */
.cg_freespace_01 p,
.cg_freespace_02 p {
	margin:0 0 10px 0;
}
/* カテゴリ・グループのフリースペース内の<ul>タグの余白設定 */
.cg_freespace_01 ul,
.cg_freespace_02 ul {
	margin:0 0 10px 0;
	padding:0;
}
/* ************************************************ 
 *	商品一覧　レイアウト
 * ************************************************ */
/* ------------------------------------- 
 *	商品カテゴリースライドショー(商品詳細ページカートなし）
 * ------------------------------------- */
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_cssslider {
width: 300px;
padding-top: 300px; /* 画像の高さ */
position: relative;
margin: 2em auto;
text-align: center;
}
.cp_cssslider > img {
	position: absolute;
	left: 1px;
	top: 1px;
	transition: all 0.5s;
	border-radius: 3px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	width: 250px;
	height: 250px;
}
.cp_cssslider input[name='cp_switch'] {
display: none;
}
/* サムネイル */
.cp_cssslider label {
margin: 15px 5px 0 5px;
border: 2px solid #ffffff;
display: inline-block;
cursor: pointer;
transition: all 0.5s ease;
opacity: 0.6;
border-radius: 3px;
}
.cp_cssslider label:hover {
opacity: 0.9;
}
.cp_cssslider label img {
display: block;
width: 55px;
border-radius: 2px;
}
.cp_cssslider input[name='cp_switch']:checked + label {
border: 2px solid #FF7043;
opacity: 1;
}
.cp_cssslider input[name='cp_switch'] ~ img {
opacity: 0;
}
.cp_cssslider input[name='cp_switch']:checked + label + img {
opacity: 1;
}