@charset "shift_jis";
/*--------------------------------------------------------------------------------
 * ショップインデックスページのみのCSS 旧site_index 把握できなくなるのでトップ以外では使用しないこと
 * UserArea_Top1、UserArea_TopL等
 *--------------------------------------------------------------------------------*/

#left_under_box{
	margin-left: 10px;
	width: 560px;
	float: left;
}

#right_under_box{
	margin-right: 10px;
	width: 260px;
	float: right;
}

#RightContent {
	float:left;
	clear: both;
	width: 100%;
	max-width: 860px;
	margin-left: 6px;
}

/*----------------------------------------------*/
.img_alpha a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/*----------------------------------------------*/

/* #cont_buttom_banner { display: none; } */

/*
 * 左メニュー Update:2012/3/21
 *----------------------------------------*/
#LeftNavi {
	float:left;
	width:174px;
	padding-top: 0px;
	}
#LeftNavi a {
	text-decoration: none;
	color: #644821;
	}
#LeftNavi img {
   vertical-align:bottom
}
/* カレンダー */
#NewItemCalendar {
	margin:0 auto;
	padding: 10px 0;
	width: 160px;
	}
#mynewlist {
	text-align: left;
	margin: 10px;
}
#mynewlist h3 {
	font-size: 12px;
	margin: 5px 0 5px;
}
#mynewlist ul {
	width: 100%;
	margin:0;
	padding:0;
}
#mynewlist li {
	margin: 0 0 0 20px;
}
#LeftNavi .block {
	border: 1px solid #ddd;
	border-top: none;
	background: #fff;
	margin: 0 0 10px;
	}
	#LeftNavi .block.notitle { border-top:1px solid #ddd; }
	#LeftNavi .block.banner { text-align: center; padding:5px 0; }

#LeftMenu, #LeftMenu ul, #LeftMenu li{
	margin: 0;
	padding: 0;
	list-style: none;
	}

/* 左リストメニュー */
#SideStoreMenu {
	margin-top: 20px;
	border: 1px solid #ccc;
	text-align: left;
	}
	#SideStoreMenu h3 {
		margin: 0;
		padding: 6px;
		border-bottom: 2px solid #00B1E4;
		font-size: 100%;
	}
	#LeftMenu li {
		border-top: 1px solid #ddd;
		}
	#LeftMenu li:first-child {
		border-top: none;
		}
	#LeftMenu li.item {
		border-top: 1px dotted #ddd;
		}
	#LeftMenu li.item a {
		background: url(/UserArea/image/common/icon/arrow02a.gif) 15px 50% no-repeat;
		padding-left:30px;
		}
	#LeftMenu .item a, #LeftMenu .label a, #LeftMenu .label span {
		display: block;
		padding: 0 0 0 13px;
		font-size: 100%;
		line-height: 30px;
		zoom: 1;
		}
	#LeftMenu .item a:hover, #LeftMenu .label a:hover {
		background-color: #f5f5f5;
		}
	#LeftMenu .label a, #LeftMenu .label span {
		outline: none;
		background: none;
		}

/* プレゼント */
.block_present{
	font-size: 80%;
	}
	.block_present img{
		padding: 3px;
		background: #fff;
		width: 130px;
		height: 130px;
		}
	.block_present .image{
		text-align: center;
		padding: 5px 0;
		}
	.block_present .name{
		background: #F0F0F0;
		padding: 5px;
		}

.block_info {
	background-color:#FAFAFA;
	text-align: center;
	/* width: 260px; */
	width: 172px;
	border: 1px solid #CCCCCC;
	margin-bottom: 13px;
	}
.block_info .win {
	width: 100%;
	padding: 3px;
	box-sizing: border-box;
	}
	.block_info .win iframe {
		overflow-x: hidden;
		background-color: transparent;
	}
.block_info .title {
	overflow: hidden;
	}

.hr_background {
	background: url(/userarea/image/toppage/860line.jpg) left center no-repeat;
	height:120px;
	clear:both;
}

/* Twitterボタン */
a#twitter_widgeds_botton {
	display: block;
	width: auto;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #333;
	text-shadow: 1px 1px 0 #fff;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#dedede 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );
}
a#twitter_widgeds_botton:hover {
	border-color: #bbb;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #d9d9d9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#d9d9d9));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#d9d9d9 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#d9d9d9 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#d9d9d9 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#d9d9d9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d9d9d9',GradientType=0 );
}
a#twitter_widgeds_botton:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 12px;
	background: url('/UserArea/image/common/icon/twitter_logo.png') no-repeat center;
	background-size: contain;
	vertical-align: middle;
}

/* 認可/認証 */
.license_mark_item {
	margin: 0 0 10px;
}


/*
 * ピックアップアイテム Update:2013/7/11
 *----------------------------------------*/

#PickupItem2 {
	margin: 0 ;
	font-size:0;
}
#PickupItem2 a {
	display: inline-block;
	margin: 0 0 5px 5px;
}
.PickupItem2Title {
	background: #fff url(/userarea/image/toppage/pu2_header.gif) top left no-repeat;
	text-indent: -9999px;
	height: 30px;
	margin: 0 0 3px 3px;
	/width: 850px;
	}


#PickupItem {
	margin: 5px;
	padding: 0px;
	width:850px;
	font-size: 12px;
}

.PickupItemTitle {
	background: #fff url(/userarea/image/toppage/pu_header_130508.gif) top left no-repeat;
	text-indent: -9999px;
	height: 30px;
	width: 850px;
	margin: 0 0 10px 3px;
	/* 18時更新: /userarea/image/toppage/pu_header.gif  朝10時更新: /userarea/image/toppage/pu_header_130508.gif */
	}

#PickupItem .category_block{
	width: 25%;
	*+width: 210px;
	float: left;
	box-sizing: border-box;
}
#PickupItem .cap {
	margin: 3px 3px 0 0;
	padding: 5px 0 0 2px;
}

#PickupItem .cap .cat_link{
	float: left;
	font-size: 12px;
	padding: 3px 0 3px 12px;
	width: 114px;
}

#PickupItem .cap .cat_link:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}

#PickupItem .cap .cat_aqua{background:url(/userarea/image/toppage/dailysale_ico_aqua.gif) left center no-repeat;}
#PickupItem .cap .cat_interior{background:url(/userarea/image/toppage/dailysale_ico_interior.gif) left center no-repeat;}
#PickupItem .cap .cat_gardening{background:url(/userarea/image/toppage/dailysale_ico_gardening.gif) left center no-repeat;}
#PickupItem .cap .cat_layout{background:url(/userarea/image/toppage/dailysale_ico_layout.gif) left center no-repeat;}
#PickupItem .cap .cat_seagoods{background:url(/userarea/image/toppage/dailysale_ico_seagoods.gif) left center no-repeat;}
#PickupItem .cap .cat_reptiles{background:url(/userarea/image/toppage/dailysale_ico_reptiles.gif) left center no-repeat;}
#PickupItem .cap .cat_fresh{background:url(/userarea/image/toppage/dailysale_ico_fresh.gif) left center no-repeat;}
#PickupItem .cap .cat_dog{background:url(/userarea/image/toppage/dailysale_ico_dog.gif) left center no-repeat;}
#PickupItem .cap .cat_insect{background:url(/userarea/image/toppage/dailysale_ico_insect.gif) left center no-repeat;}
#PickupItem .cap .cat_sanimal{background:url(/userarea/image/toppage/dailysale_ico_sanimal.gif) left center no-repeat;}
#PickupItem .cap .cat_waterweed{background:url(/userarea/image/toppage/dailysale_ico_waterweed.gif) left center no-repeat;}
#PickupItem .cap .cat_necessities{background:url(/userarea/image/toppage/dailysale_ico_necessities.gif) left center no-repeat;}
#PickupItem .cap .cat_cat{background:url(/userarea/image/toppage/dailysale_ico_cat.gif) left center no-repeat;}

/*
楽天
#PickupItem .cap .cat_aqua{background:url(/gold/chanet/image/toppage/dailysale_ico_aqua.gif) left center no-repeat;}
#PickupItem .cap .cat_interior{background:url(/gold/chanet/image/toppage/dailysale_ico_interior.gif) left center no-repeat;}
#PickupItem .cap .cat_gardening{background:url(/gold/chanet/image/toppage/dailysale_ico_gardening.gif) left center no-repeat;}
#PickupItem .cap .cat_layout{background:url(/gold/chanet/image/toppage/dailysale_ico_layout.gif) left center no-repeat;}
#PickupItem .cap .cat_seagoods{background:url(/gold/chanet/image/toppage/dailysale_ico_seagoods.gif) left center no-repeat;}
#PickupItem .cap .cat_reptiles{background:url(/gold/chanet/image/toppage/dailysale_ico_reptiles.gif) left center no-repeat;}
#PickupItem .cap .cat_fresh{background:url(/gold/chanet/image/toppage/dailysale_ico_fresh.gif) left center no-repeat;}
#PickupItem .cap .cat_dog{background:url(/gold/chanet/image/toppage/dailysale_ico_dog.gif) left center no-repeat;}
#PickupItem .cap .cat_insect{background:url(/gold/chanet/image/toppage/dailysale_ico_insect.gif) left center no-repeat;}
#PickupItem .cap .cat_sanimal{background:url(/gold/chanet/image/toppage/dailysale_ico_sanimal.gif) left center no-repeat;}
#PickupItem .cap .cat_waterweed{background:url(/gold/chanet/image/toppage/dailysale_ico_waterweed.gif) left center no-repeat;}
#PickupItem .cap .cat_necessities{background:url(/gold/chanet/image/toppage/dailysale_ico_necessities.gif) left center no-repeat;}
#PickupItem .cap .cat_cat{background:url(/gold/chanet/image/toppage/dailysale_ico_cat.gif) left center no-repeat;}

Yahoo
#PickupItem .cap .cat_aqua{background:url(/chanet/img/toppage/dailysale_ico_aqua.gif) left center no-repeat;}
#PickupItem .cap .cat_interior{background:url(/chanet/img/toppage/dailysale_ico_interior.gif) left center no-repeat;}
#PickupItem .cap .cat_gardening{background:url(/chanet/img/toppage/dailysale_ico_gardening.gif) left center no-repeat;}
#PickupItem .cap .cat_layout{background:url(/chanet/img/toppage/dailysale_ico_layout.gif) left center no-repeat;}
#PickupItem .cap .cat_seagoods{background:url(/chanet/img/toppage/dailysale_ico_seagoods.gif) left center no-repeat;}
#PickupItem .cap .cat_reptiles{background:url(/chanet/img/toppage/dailysale_ico_reptiles.gif) left center no-repeat;}
#PickupItem .cap .cat_fresh{background:url(/chanet/img/toppage/dailysale_ico_fresh.gif) left center no-repeat;}
#PickupItem .cap .cat_dog{background:url(/chanet/img/toppage/dailysale_ico_dog.gif) left center no-repeat;}
#PickupItem .cap .cat_insect{background:url(/chanet/img/toppage/dailysale_ico_insect.gif) left center no-repeat;}
#PickupItem .cap .cat_sanimal{background:url(/chanet/img/toppage/dailysale_ico_sanimal.gif) left center no-repeat;}
#PickupItem .cap .cat_waterweed{background:url(/chanet/img/toppage/dailysale_ico_waterweed.gif) left center no-repeat;}
#PickupItem .cap .cat_necessities{background:url(/chanet/img/toppage/dailysale_ico_necessities.gif) left center no-repeat;}
#PickupItem .cap .cat_cat{background:url(/chanet/img/toppage/dailysale_ico_cat.gif) left center no-repeat;}
*/

#PickupItem .cap .other_link{
	float: right;
	width: 70px;
	margin-top: 3px;
}
#PickupItem .other_link img {
	width: 70px;
}


#PickupItem ul {
	list-style: none;
	margin: 3px;
	padding: 0;
	border-top: none;
	border: 2px solid #ddd;
	}
	#PickupItem ul li{
		width: 100%;
		vertical-align:bottom;
		}
	#PickupItem ul li.n1{
		border-bottom: 1px dotted #ddd;
		}
	#PickupItem ul li.n2{
		border-bottom: 1px dotted #ddd;
		}
	#PickupItem ul li.n3{
		}
		#PickupItem ul li a {
		position:relative;
		display:block;
		height: 90px;
		overflow: hidden;
			}
		#PickupItem ul li .image {
		float: left;
			}
		#PickupItem ul li .image img {
		vertical-align: bottom;
		height: 80px;
		width: 80px;
		margin: 5px 5px 0 5px;
			}
		#PickupItem ul li .name {
		position: relative;
		display: block;
		margin: 3px 3px 0 0;
		font-size: 100%;
		line-height: 1.3em;
		word-break:break-all;
		text-decoration: none;
			}
		#PickupItem ul li .price {
			position: absolute;
			right: 5px;
			bottom: 3px;
			color: #EA0006;
			font-size: 120%;
			font-weight: bold;
			font-family: 'century gothic', 'Meiryo ui';
			}





/*
 * 注目の売れ筋商品
 *----------------------------------------*/
.PickupItem4 .test{
	list-style-type:none;
	margin: 0;
	padding: 0;
}
.PickupItem4 .test li{
	float: left;
	width: 206px;
	margin: 3px;
}
.PickupItem4 .test li a {
	display: block;
}
.PickupItem4 .test li.large {
	width: 419px;
}




.StaffBlogList {
	border: 1px solid #E2F1F5;
	margin: 10px 0 20px 0;
	padding: 0 0 10px 0;
}
	.StaffBlogList ul {
		margin: 0;
		padding: 0;
	}
		.StaffBlogList li {
			margin: 0;
			padding: 0;
			list-style: none;
			width: 180px;
			height: 46px;
			display: inline;
		}

/*
 * トップメニュー開閉
 *----------------------------------------*/
.HeaderCatlist dd {
	display: block;
}
.HeaderCatlist dl {
	height:125px;
}
.HeaderCatlist dl#HeaderCatlist_kaisui {
	height:125px;
}

.HeaderCatlist dt a {
	height: 15px;
	line-height: 15px;
}
.HeaderCatlist dl#HeaderCatlist_kaisui dt a {
	height: 15px;
	line-height: 15px;
	padding: 5px;
}
.HeaderCatlist dt .icon {
	top: -5px;
}
.HeaderCatlist dt {
	height: 25px;
}
.HeaderCatlist dl#HeaderCatlist_kaisui dt {
	height: 25px;
}
.HeaderCatlist .omake {
	display: block;
}
.HeaderCatPlurallist {
	height: 25px;
}
.HeaderCatlist .omake {
	margin-top: 10px;
	}
	.HeaderCatlist .omake span{
		display: inline;
		}


/* 特別セール Update:2015/2/21
 *----------------------------------------*/

/* アンカーリンク */
.inductionButton{
	display: block;
	text-align: center;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 8px;
	background: #f3f3f3;
	font-weight: bold;
	font-size: 120%;
}
/* IE7 hack */
*:first-child+html .inductionButton { display:inline; zoom:1; }


/* 日替わりカウンター */
#higawari {
	height:34px;
	position:relative;
	margin-bottom:5px;
}
#higawari.special { height:45px; }

#CDT{
	position:absolute;
	top:1px;
	left:130px;
	height:40px;
	line-height:30px;
	line-height /*\**/: 32px\9;
	font-size:18pt;
/*	color:#ffffff;*/
}
#CDT .hour,#CDT .min{
	margin-right:5px;
}

#higawari.special #CDT {
	font-size: 20pt;
	right: 20px;
	top: 10px;
	left: auto;
}

/* トップページウィークリーセール */
ul#weekrysale_wrap {
	margin:0 10px;
	padding:0;
}

ul#weekrysale_wrap li {
	display: inline;
	margin:2px 10px;
}

ul#weekrysale_wrap li a{
	display: inline-block;
	margin: 2px 0;
	/*
	margin: 2px;
	border: 1px solid #ccc;
	*/
}

/* ポイントセール
====================================== */
#point_bnr_ttl, #weekry_bnr_ttl { display: none; }	/* 一律値引きセール　タイトルを非表示 */

#pointsale_wrap h4 {
	margin: 0 0 5px;
	/*
    margin: 0 0 5px 0;
    padding: 0 0 8px 0;
    font-size: 16px;
    border-bottom: 2px solid #B0E5FF;
    font-family: Meiryo UI;
    */
}
#pointsale_wrap .point_cat_wrap{ margin-bottom: 30px; }
#pointsale_wrap ul { margin: 0; padding: 0; list-style: none; }

#pointsale_wrap .point_item_list { display: table; width: 100%; }
.point_item_list .point_item{
	display: block;
	float: left;
	margin: 5px;
	width: 200px;
	height: 300px;
	font-size: 12px;
}
.point_item_list .point_item a{
	border: 1px solid #ddd;
	position: relative;
	display: block;
}
.point_item_list .point_item a:hover{ background: #fffff0; }
.point_item_list .point_item .img{ margin: 6px; }
.point_item_list .point_item .img img{ max-width: 100%; max-height: auto; }

@media screen and (min-width: 850px) {
	/* 画像が伸びる現象 */
	.point_item_list .point_item a .img img{
		width: 186px;
		height: 186px;
	}
}

.point_item .description{ height: 2.3em; padding : 2px 6px; }
.point_item .description .name{ line-height: 146%; margin: 0; }
.point_item .point{
	display: block;
	color: #ff1d25;
	font-size: 120%;
	text-align: right;
	padding: 5px 6px 0 0;
	height: 40px;
}
.point_item a .point span{
	font-size: 200%;
	font-weight: bold;
	line-height:1.1em;
}
/* IE7 hack */
*:first-child+html .point_item a .point span{ font-size:190%; }

.point_item a .sale_end_date{
	display: block;
	background: #efefef;
	width: 100%;
	text-align: center;
	padding: 4px 0;
}

/* ポイントセール　ロングバナー（横1/1）
====================================== */
.point_item_list .point_item.long {
	width: 830px;
	width: calc(100% - 30px);
	height: auto;
}
.point_item.long a { padding: 2px; }
.point_item.long .img img {
	margin-top: -20%;
}
@media screen and (min-width: 850px) {
	/* 画像が伸びる現象 */
	.point_item_list .point_item.long a .img img{
		width: 260px;
		height: 260px;
	}
}
.point_item.long .img {
	width: 40%;
	max-width: 260px;
	overflow: hidden;
	height: 130px;
	margin: 0;
	float: left;
}
.point_item.long .description { height: 40px; }
.point_item.long .description .name { font-size: 20px; }
.point_item.long .point {
	font-size: 160%;
	font-weight: bold;
}
.point_item.long .sale_end_date {
	margin: 0;
	width: 55%;
	max-width: 300px;
	position: absolute;
	bottom: 5px;
	right: 5px;
	border-radius: 5px;
}

/* ポイントセール　ミドルバナー（横1/2）
====================================== */
.point_item_list .point_item.medium {
	width: 410px;
	width: calc(100% / 2 - 20px);
	height: auto;

}
.point_item.medium .img { float: right; width: 160px; height: 160px;  }
.point_item.medium .img img { max-width: 100%; max-height: 100%; }
.point_item.medium .description { height: 90px; }
.point_item.medium .description .name {
    font-size: 140%;
    line-height: 140%;
    margin: 5px;
}
.point_item.medium .sale_end_date {
	width: 228px;
	width: calc(100% - 180px);
	position: absolute;
	bottom: 5px;
	left: 5px;
	border-radius: 5px;
}
.point_item.medium .point {
   font-weight: bold;
   font-size: 160%;
}
.point_item.medium .point span { font-size: 160%; }

/* ポイントセール　ショートバナー（横1/3）
====================================== */
.point_item_list .point_item.short {
	width: 270px;
	width: calc(100% / 3 - 16px);
}
.point_item.short .img { text-align: center;  }
.point_item.short .description .name {
    font-size: 110%;
    line-height: 110%;
}
.point_item.short .point {
   font-weight: bold;
   font-size: 120%;
}

/*
 * スマホ用メディアクエリ
 *----------------------------------------*/
@media screen and (max-width: 1024px) {
/* コンテンツカラムより小さい */

	.spcial_topsale{
		margin:0px;
		padding:0px;
		width:100%;
		list-style: none outside;
	}

	.spcial_topsale li{
		float:left;
		width: 24%;
		margin:2px;
		overflow: hidden;
		border:1px solid #ccc;
	}
	.spcial_topsale li * {
		cursor: pointer;
		margin:0;
		padding:0
	}

	.spcial_topsale li:first-child,
	.spcial_topsale li:nth-child(4n+1){
		margin-left: 1px;
	}

	.spcial_topsale li img{
		border:0;
	}

	.spcial_topsale li a{
		display: block;
		width:100%;
		height:120px;
		color:#222222;
		text-decoration:none;
		text-align:left;
		position:relative;
	}
	.spcial_topsale .sp_pet{
		position:absolute;
		top:0;
		right:0;
		z-index: 10;
	}

	.spcial_topsale .sp_pet_dog,
	.spcial_topsale .sp_pet_cat,
	.spcial_topsale .sp_pet_aqu,
	.spcial_topsale .sp_pet_lat,
	.spcial_topsale .sp_pet_aml,
	.spcial_topsale .sp_pet_gnd,
	.spcial_topsale .sp_pet_fsh,
	.spcial_topsale .sp_pet_mzk,
	.spcial_topsale .sp_pet_umi
	{
		display:inline-block;
		position:absolute;
		top:0;
		right:0;
		z-index: 10;
		width:23%;
		height:35%;
		-moz-background-size:contain;
		background-size:contain;
	}


	.sp_pet_dog{background:url(http://www.shopping-charm.jp/userarea/image/sale/icon/ctgicon_dog.png) top left no-repeat;}
	.sp_pet_cat{background:url(http://www.shopping-charm.jp/userarea/image/sale/icon/ctgicon_cat.png) top left no-repeat;}
	.sp_pet_aqu{background:url(http://www.shopping-charm.jp/userarea/image/sale/icon/ctgicon_aqu.png) top left no-repeat;}
	.sp_pet_lat{background:url(http://www.shopping-charm.jp/userarea/image/sale/icon/ctgicon_lat.png) top left no-repeat;}
	.sp_pet_aml{background:url(http://www.shopping-charm.jp/userarea/image/sale/icon/ctgicon_aml.png) top left no-repeat;}
	.sp_pet_gnd{background:url(http://www.shopping-charm.jp/userarea/image/sale/icon/ctgicon_gnd.png) top left no-repeat;}
	.sp_pet_fsh{background:url(http://www.shopping-charm.jp/userarea/image/sale/icon/ctgicon_fsh.png) top left no-repeat;}
	.sp_pet_mzk{background:url(http://www.shopping-charm.jp/userarea/image/sale/icon/ctgicon_mzk.png) top left no-repeat;}
	.sp_pet_umi{background:url(http://www.shopping-charm.jp/userarea/image/sale/icon/ctgicon_umi.png) top left no-repeat;}


	.spcial_topsale .sp_image{
		position:absolute;
		width:auto;
		height: 70%;
		bottom: 0;
		right:0;
		z-index:0;
	}
	.spcial_topsale .sp_cont{
		position:relative;
		left: 0;
		top: 0;
		width:100px;
		height: 100%;
		font-size:13px;
	}

	.spcial_topsale .sp_name{
		display: block;
		height:70px;
		position:relative;
		font-size:12px;
		line-height: 13px;
		left:5px;
	}
	.spcial_topsale .sp_price{
		position: absolute;
		left:5px;
		font-size:20px;
		line-height:20px;
		color:#F4063A;
		font-weight: bold;
	}

	.spcial_topsale .sp_lstdays{
		position:absolute;
		right:0;
		bottom:0;
		width:55%;
		line-height:15px;
		text-align:right;
		background:url('http://www.shopping-charm.jp/userarea/image/sale/icon/salebg_days.png') top left no-repeat;
		overflow: visible;
		background-size: 100%;
	}
	.spcial_topsale .sp_lstdays p{
		margin:0;
		padding: 0;
		display: inline;
		position:relative;
		color: #fff;
		width:100%;
		font-size:10px;
		padding-right:5px;
	}

	.spcial_topsale .sp_meker{
		margin-left:5px;
		width: 70px;
		height: 28px;
	}

	.spcial_topsale .sp_name,
	.spcial_topsale .sp_price{

		filter:dropshadow(color=#ffffff,offX= 0,offY=-1)
				dropshadow(color=#ffffff,offX= 1,offY= 0)
				dropshadow(color=#ffffff,offX= 0,offY= 1)
				dropshadow(color=#ffffff,offX=-1,offY= 0)
	    color: #000;
	    text-shadow:
	        0 2px 0 #fff,
	        2px 0 0 #fff,
	        0 -2px 0 #fff,
	        -2px 0 0 #fff,
	        -2px -2px 0 #fff,
	        2px -2px 0 #fff,
	        -2px 2px 0 #fff,
	        2px 2px 0 #fff;
	   text-shadow:
	        0 1px 0 #fff,
	        1px 0 0 #fff,
	        0 -1px 0 #fff,
	        -1px 0 0 #fff,
	        -1px -1px 0 #fff,
	        1px -1px 0 #fff,
	        -1px 1px 0 #fff,
	        1px 1px 0 #fff;
	}

	.spcialtop_timer{
		width: 850px;
		height:45px;
		position:relative;
		margin-bottom:5px;
	}
	.timer_title {
		width: 850px;
		/* height:45px; */
	}

	/* ３列用 class:threecolumn */
	ul.spcial_topsale.threecolumn li a { width: 275px; }
	ul.spcial_topsale.threecolumn .sp_cont { width: 150px; }

	.spc_spceial_topsale h1 img,
	.spc_spceial_topsale h2 img,
	.spc_spceial_topsale h3 img,
	.spc_spceial_topsale h4 img{ width: 100%; height: auto; }

	.spc_spceial_topsale h1,
	.spc_spceial_topsale h2,
	.spc_spceial_topsale h3,
	.spc_spceial_topsale h4{ padding: 2px 0; background: #fff; }

	.spcialtop_timer,
	.timer_title { width: 100%; height: auto; }
	.spcialtop_timer #CDT { bottom:5px; font-size:2em; }

	.spcialtop_lngbnr { width:100%; height: auto; }

	/* トップセール */
	#dailysale_point_wrap h4,
	#pointsale_wrap h4 { background: none; }

	.point_item a .point { font-size: 110%; }

}

@media screen and (max-width: 860px) {
/* メインコンテンツカラムより小さい */
	#Footer {
		background: #F1F1F1;
		padding: 10px;
		border-top: 1px solid #CCC;
		margin: 10px 0 0;
	}
	#RightContent {
		margin: 0px auto;
		float: none;
	}
	#higawari,
	.hr_background
	{
		display: none;
	}

	body {
		background: none;
		margin: 0 10px;
	}
	#PickupItem,
	#chWkRank
	{
		width: 100%;
	}
	#PickupItem ul li .name,
	#chWkRank ul li .name{
		font-size: 84%;
	}
	#right_under_box {
		float: none;
		max-width: 560px;
		width: 100%;
		margin: 20px auto;
		clear: both;
	}
	#right_under_box .under_box_banner {
		float: right;
	}
	#left_under_box {
		float:none;
		display: block;
		margin: 20px auto;
		/* margin: 0px auto; */
	}
	#PickupItem a { text-decoration:none; }

	.PickupItem4 .test {
		margin: 3px;
	}
	.PickupItem4 .test li {
		margin: 0;
		padding: 2px;
		width: 25%;
		float: left;
	}
	.PickupItem4 .test a img {
		width: 100%;
	}

	/* 4カラムの子要素を縮小 */
	#PickupItem .category_block
	{
		width: 25%;
		margin: 0;
	}
	/* 3カラムの子要素を縮小 */
	.PickupItem3 a img
	{
		width: 33.33%;
		margin: 0;
	}


	/* ウィークリーセール */
	#saletitle_point_wrap h4 { padding:0; background:none; }
	#saletitle_point_wrap .inductionButton { text-decoration: none; width: 46%; margin-right:1%; }
	#saletitle_point_wrap .inductionButton:last-child { margin-right: 0; }
	#dailysale_point_wrap ul#weekrysale_wrap li {
		margin:2px 0.5%;
		width: 33.33%;
		display: inline-block;
	}
	ul#weekrysale_wrap { margin:0; }
	ul#weekrysale_wrap li#cates_tankset {
		width: 100%
	}
	#dailysale_point_wrap h4 { padding:0; background:none; }

	/* ポイントセール */
	#pointsale_wrap h4 { overflow: hidden; max-width: 100%; }
	#point_cat_wrap h4 img { min-width:500px; }
	#pointsale_wrap .point_item_list{
		margin: 3px;
	}
	.point_item_list .point_item{
		width: calc(100% / 3 - 5px);
		height: auto;
		margin: 0;
		padding: 2px;
	}
	.point_item a .point{
		font-size: 106%;
		line-height: 100%;
		bottom: 30px;
	}



}

/*
 * トップページ ipad ipadmini 適応
 *----------------------------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

	#right_under_box {
	}

	#right_under_box .block_info .title {
		background-image: url(http://www.shopping-charm.jp/SP/UserArea/image/index/info_lb_bg.gif);
	}

	.clearfix .bnrboxbtm {
		float: left;
		width: 30%;
		margin-left: 15px;
		margin-bottom: 10px;
	}


	/* ウィークリーセール */
	ul#weekrysale_wrap li { margin:2px 5px; }

	/* トップページ */
	.spcial_topsale .sp_price{ font-size: 18px; line-height:18px; left:5px; bottom:10px; }
	.spcial_topsale .sp_name { font-size: 11px; left:5px; }

	.spcialtop_timer #CDT { bottom:5px; font-size:1.5em; font-weight: bold;}

	.sp_image { width:65%; height:auto; }

	.sp_meker { width: 60px; height: 24px; }
	.spcial_topsale .sp_lstdays { width:64%; }
	.spcial_topsale .sp_lstdays p { font-size:10px;  }

}
@media screen and (max-width: 736px) {
/* iPhone 6 Plus */

	/* ヘッダー情報 */
	#HeadlineLink ul{ list-style: none; margin: 0; padding:0; }
	#HeadlineLink ul li{ margin: 0; float: left; width: 50% }
	#HeadlineLink ul li a { display: block; padding: 0 5px; line-height: 3rem; }
	#HeadlineLink ul li a:before{ content: "\f105"; font-family: FontAwesome; display: block; float:right; font-size: 2rem; margin-right: 10px; }

	body {
		background: none;
	}
	#left_under_box {
		display: none;
	}
	#right_under_box {
	}

	#right_under_box .block_info {
	}

	#right_under_box .block_info .title {
		background: #FFFFFF;
		border-bottom: 2px solid #00AFE3;
		height: 32px;
		width: 100%;
		position: relative;
	}

	.block_info .title img {
		position: absolute;
		bottom: -2px;
		left: 0px;
	}


	#right_under_box
	{
		text-align: center;
	}

	/* 4カラム→3カラム */
	.ce_cate img
	{
		width: 33.33%;
	}
	#PickupItem {
		margin: 0;
	}
	#PickupItem .category_block {
		width: 50%;
		/*width: 33.333%;*/
		/*font-size: 10px;*/
	}
	#PickupItem ul li .image img {
		height: 50px;
		width: 50px;
		}


	/* 日替わり */
	#dailysale_wrap #higawari {
		width:97%;
		height:55px !important;

	}

	/* トップセール */
	.spcial_topsale .sp_price{ font-size: 18px; line-height:18px; left:5px; bottom:10px; }
	.spcial_topsale .sp_name { font-size: 11px; left:2px; }

	.spcialtop_timer #CDT { bottom:5px; font-size:1.5em; font-weight: bold;}

	.sp_image { width:65%; height:auto; }

	.sp_meker { width: 60px; height: 24px; }
	.spcial_topsale .sp_lstdays { width:64%; }
	.spcial_topsale .sp_lstdays p { font-size:10px;  }

	/* ウィークリーセール */
	#saletitle_point_wrap .inductionButton {
		width: 46%;
		font-size: 110%;
	}
	ul#weekrysale_wrap li {
		margin: 1px 0.5%;
	}

	/* 新商品スライダー */
	#NewItemList { display: none; }


	.PickupItem4 .test li {
		width: 33.33%;
	}

}
@media screen and (max-width: 645px) {
/* メインコンテンツカラム3/4より小さい */

	/* ポイントセール */
	.point_item_list .point_item {
		width: calc(100% / 2 - 5px);
	}
	.point_item_list .point_item.medium {
		width: 100%;
	}

}

@media screen and (max-width: 573px) {
/* メインコンテンツカラム2/3より小さい */
	.px480_hide,
	.koushin_frame
	{
		display: none;
	}
	/* 3カラム→2カラム */
	.PickupItem3 a img
	{
		width: 48%;
	}
	.tokushu img {
		width: 100%;
	}
	#right_under_box .block_info {
		float: none;
		max-width: 97%;
		margin: 10px auto;
	}
	#right_under_box .under_box_banner {
		float: none;
		max-width: 260px;
		width: 100%;
		margin: 0 auto;
	}
	/* 日替わり */
	#higawari.special #CDT{
		right:0;
		top:4px;
	}
	#dailysale_wrap #higawari #CDT span{
		left:0;
		font-size:12px;
	}

	/* トップセール */
	.spcial_topsale li { width: 48%; }
	.spcial_topsale li a { width: 100%; }

	.sp_image { width:44%; height:auto; }
	.sp_meker { width: 80px; height: 32px; }

	.spcial_topsale .sp_pet_dog,
	.spcial_topsale .sp_pet_cat,
	.spcial_topsale .sp_pet_aqu,
	.spcial_topsale .sp_pet_lat,
	.spcial_topsale .sp_pet_aml,
	.spcial_topsale .sp_pet_gnd,
	.spcial_topsale .sp_pet_fsh,
	.spcial_topsale .sp_pet_mzk,
	.spcial_topsale .sp_pet_umi
	{
		width :18%;
		height : 36%;
		-moz-background-size:contain;
		background-size:contain;
	}

	.spcialtop_timer #CDT { bottom:5px; font-size:1.4em; font-weight: bold;}

	/* ウィークリーセール */
	#saletitle_point_wrap .inductionButton {
		margin-right: 0;
		width: 99%;
	}
	ul#weekrysale_wrap li {
		margin: 2px 1%;
		width: 48%;
	}


}

@media screen and (max-width: 430px) {
/* メインコンテンツカラム1/2より小さい */

	/* ヘッダー情報 */
	#HeadlineLink ul li{ width: 100%; float: none; border-bottom: 1px dotted #eee; }
	#HeadlineLink ul li:last-child { border-bottom: 0px; font-size: .92em; }
	#HeadlineLink ul li a:before{ margin:0; }

	/* 2カラム→1カラム */
	.PickupItem2 a img
	.large img
	{
		width: 100%;
	}

	/* 4カラム→2カラム */
	.ce_cate img
	{
		width: 100%;
	}
	#PickupItem .category_block {
		width: 50%;
	}

	/* ウィークリーセール */
	ul#weekrysale_wrap li {
		display: inline-block;
		margin:1px 1px;
		width:50%;
	}

	/* トップセール */
	.inductionButton { padding: 10px 0; font-size: 1em; }
	.spcial_topsale li { width: 50%; }
	.spcial_topsale li a { width: 100%; }

	.spcial_topsale .sp_pet_dog,
	.spcial_topsale .sp_pet_cat,
	.spcial_topsale .sp_pet_aqu,
	.spcial_topsale .sp_pet_lat,
	.spcial_topsale .sp_pet_aml,
	.spcial_topsale .sp_pet_gnd,
	.spcial_topsale .sp_pet_fsh,
	.spcial_topsale .sp_pet_mzk,
	.spcial_topsale .sp_pet_umi
	{
		width :25%;
		height : 33%;
		-moz-background-size:contain;
		background-size:contain;
	}

	.spcial_topsale .sp_name { font-size: 10px; line-height: 11px; }

	.sp_image { width:60%; height:auto; }
	.sp_meker { width: 60px; height: 24px; }

	.spcial_topsale .sp_lstdays { width:55%; }
	.spcial_topsale .sp_lstdays p { font-size: 7px; }

	.spcialtop_timer { display:none; }

	/* ポイントセール */
	.point_item_list .point_item {
		font-size: 1.12rem;
	}
	.point_item a .description .name{
		line-height:140%;
	}
	.point_item a .point{
		font-size: 95%;
	}
	.point_item a .point span{
		font-size:180%;
	}
	.point_item.medium .img {
		width: 140px; height: 140px;
	}
	.point_item.medium .sale_end_date { width: calc(100% - 160px); }

}


@media screen and (max-width: 320px) {

	/* ポイントセール */
	.point_item a .point span {
		font-size: 150%;
	}

}

@media screen and (max-width: 286px) {
/* メインコンテンツカラム1/3より小さい */
	/* 3カラム→1カラム */
	.PickupItem3 a img
	{
		width: 100%;
	}
	.tokushu,
	.label
	{
		display: none;
	}

	/* トップセール */
	.spcial_topsale li { width: 48%; }
	.spcial_topsale li a { width: 100%; }

}


/*
 * 上記メディアクエリを上書きするID・クラス
 *----------------------------------------*/
.ce_cate h2 img {
	width: 100%;
}
.ce_cate h3 img {
	width: 100%;
}



/*----------------------------------------
 * チャームのポイント
 *----------------------------------------*/

.sect-features {
	padding: 0px;
	border-radius: 6px;
	font-size: 12px;
	font-family: 'Meiryo UI';
}
.sect-features img {
	max-width: 100%;
}
.sect-features h3 {
	color: #532b13;
	font-size: 100%;
	margin: 0 0 4px 0;
	font-size: 135%;
}
.sect-features .right .features {
	position: relative;
	display: table-cell;
	width: 20%;
	padding: 0;
	border-left:  2px solid #eee;
	position: relative;
	*display: inline;
	*width: 106px;
	*vertical-align: top;
}
.sect-features .right h3 {
	color: #532b13;
	font-size: 100%;
	padding: 2px 0;
	font-size: 135%;
	text-align: center;
	background: #f5f5f5;
}
.sect-features .right .num {
	line-height: 1em;
	position: absolute;
	top: 8px;
	left: 8px;
	color: #1E89BD;
}
.sect-features .right .inner {
	display: block;
	text-decoration: none;
	padding: 2px;
}
.sect-features .right .features:hover {
	background: #FFFDEB;
}
.sect-features .right .inner:hover {
	color: #000;
}
.sect-features .comment {
	padding: 4px;
	font-size: 90%;
}
.sect-features .right .features.souryo {
	border-left: none;
}
.sect-features .right .icon {
	text-align: center;
}
.sect-features .right img {
	width: 80px;
}

.sect-features .speed {
	border-bottom: 2px solid #eee;
	padding-bottom: 20px;
}
.sect-features .speed .head {
	font-size: 120%;
	font-weight:bold;
	padding: 4px 0px 4px 10px;
}
.sect-features .speed .map {
	float: right;
	width: 50%;
}
.sect-features .speed .text {
	float: left;
	width: 48%;
}
.sect-features .speed .time {
	color:#E87400;
}

