@charset "Shift_JIS";

/*========================================
左カラム
========================================*/
.contents_side img {
	max-width:100%;
	height:auto;
}

.contents_side .navi_link {
	margin:0 1em;
	margin-top:0.5em;
}

.contents_side .contents_box {
	border:1px solid #ccc;
	padding-bottom:1em;
	background:#fff;
}

.contents_side ul.bn_layout1 { margin:1em 0; }

.contents_side .contents_box + .contents_box { border-top:none; }

#pickup_news,
#secure,
#cm { border-top:1px solid #ccc; }

#support { margin-bottom:1em; }

.contents_side .contents_box .title {
	background:#004098;
	border:0.2em solid #fff;
	color:#fff;
	font-size:1.2em;
	text-align:center;
	padding:0.5em;
	margin-bottom:0.5em;
	font-weight:bold;
}

.contents_side .contents_box > ul { padding:0 1em; }

.contents_side .navi_list a {
	padding-top:0.4em;
	padding-bottom:0.4em;
}

/*----------------------------------------
サイドバナー
----------------------------------------*/
.banner_list li { margin-bottom:8px; }

/*----------------------------------------
ご利用ガイド
----------------------------------------*/
li.beginner a {
	background:none;
	padding-left:0;
}

li.beginner img {
	width:1.2em;
	height:auto;
	vertical-align:middle;
	margin-right:2px;
}

/*----------------------------------------
カタログ
----------------------------------------*/
.catalog_img {
	text-align:center;
	margin:1em auto;
}

.catalog_img img {
	width:83px;
	border:1px solid #ccc;
	margin:2px;
}

/*----------------------------------------
CM
----------------------------------------*/
.cm_box { padding:0 1em; }

.cm_box img { margin-bottom:0.5em; }

/*----------------------------------------
プレゼント企画
----------------------------------------*/
#present.contents_box li { margin-top:0.5em; }

/*----------------------------------------
サポート体制
----------------------------------------*/
#support li {
	clear:both;
	border-bottom:1px dotted #ccc;
	padding:7px 0;
}

#support .img_box {
	width:50px;
	height:3em;
	margin-right:7px;
	float:left;
	overflow:hidden;
	border:1px solid #ccc;
	padding-top:3px;
}

#support img { width:100%; }

#support strong { font-size:1.5em; }

/*========================================
global_box
========================================*/

.global_box {
	clear:both;
	padding:1.5em 0;
/*	border-top:1px solid #666;*/
}

/*clearfix*/
.global_box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.global_box { min-height: 1px; }

* html .global_box { /*height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

/*========================================
アプリから探す
========================================*/
#app li:not(:last-child) {
margin-bottom:0.5em;
}

#app li a {
	display:table;
	width:100%;
	table-layout:fixed;
}

#app li .img_box,
#app li .txt_box {
    display: flex;
    vertical-align: middle;
    margin: 0 auto;
    padding-top: 0.5em;
    justify-content: center;
}

#app .img_box { width:80px; }

#app .txt_box { padding-left:0.5em; }

#app .copy { display:none; }

/*========================================
セキュリティについて
========================================*/	
#secure { padding:1em; }

/* #secure p { margin:0 1em; } */

/*========================================
左カラムランキング
========================================*/
#dailyranking_bg { background:#fff; }

#dailyranking_bg a img {
	width:70%;
	padding:0.5em;
	border:0.1em solid #ccc;
}

#dailyranking_bg li:before {
	content:"\e939第1位\e939";
	color:#c0b283;
	letter-spacing:0.2em;
	display:block;
	margin-bottom:0.3em;
	font-size:1.2em;
}

/*========================================
左カラムデジカタ
========================================*/

ul.catalog { text-align:center; }

ul.catalog li { margin:1em 0; }

ul.catalog img {
	display:block;
	margin:0 auto 0.3em;
	border:1px solid #ccc;
	width:90%;
}
/*総TOPの商品番号注文絵文字を暫定相殺*/
body:not(#body_sitetop) .contents_side #catalog .navi_btn {
margin-bottom:0;
}
body:not(#body_sitetop) .contents_side #catalog .navi_btn a:before {
content:"";
}

/*========================================
左カラムサブカテゴリリスト 
========================================*/

.contents_side .summary_menu {
	border:0.1em solid #ccc;
	background:#fff;
}

.contents_side .summary_menu h3 { display:none; }

.contents_side .summary_menu dt {
	background-color:#004098;
	display:block;
	font-weight:bold;
	padding:0.5em;
	border:0.2em solid #fff!important/*アパレルの個別cssを相殺*/;
	color:#fff;
	font-size:1.2em;
	text-align:center;
}

.contents_side .summary_menu dt a {
	color:#fff;
	text-decoration:none;
}

.contents_side .summary_menu dt a:after {
	content:"\e96a";
	margin-left:0.3em;
	font-family:icomoon;
	color:#fff!important;
}

.contents_side .summary_menu dd { padding:0.7em; }

.contents_side .summary_menu dd .title {
	padding:0.6em 0.5em 0.5em;
	border:0.1em solid #ccc;
	margin-bottom:0.5em;
	/*letter-spacing:0.1em;*/
	font-size:1.1em;
}

.contents_side .summary_menu dd a {
	display:block;
	text-decoration:none;
}

.contents_side .summary_menu dd li a:hover { background:#f0f0f0; }

.contents_side .summary_menu dd .title a {
	position:relative;
	padding-right:1em;
}

.contents_side .summary_menu dd .title a:after {
	display:block;
	width:1em;
	height:1em;
	line-height:1;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
	content:"\e96a";
	font-weight:normal;
	font-family:icomoon;
}

.contents_side .summary_menu dd li a:hover { border-color:#000; }

/*clearfix*/
.summary_menu ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.summary_menu ul { min-height: 1px; }

* html .summary_menu ul { /*height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

.summary_menu ul { margin-bottom:0.5em; }

.contents_side .summary_menu li a {
	border:none;
	padding:0.4em 0;
	margin:0;
	padding-left:1.2em;
}

.contents_side .summary_menu li a:before {
	content:"\e96a";
	display:inline-block;
	text-decoration:none;
	margin-right:0.1em;
	text-indent:-1.2em;
}

.contents_side .summary_menu li a:hover { text-decoration:underline; }

/*========================================
おすすめ：左カラムカテTOP/サマリー/詳細
========================================*/

.contents_side #recommend {
	display:none;
	background:#fff;
}

#skindetail #recommend,
#healthdetail #recommend,
#dietdetail #recommend,
#mensdetail #recommend,
#fooddetail #recommend,
#fashiondetail #recommend,
#innerdetail #recommend,
#petdetail #recommend,
#bookdetail #recommend,
#otherdetail #recommend,
#winedetail #recommend,
#idenshidetail #recommend,
#body_cart #recommend { display:block; }

.contents_side #recommend li { padding:0.5em 0.8em; }
.contents_side #recommend li:not(:first-child) {
border-top:0.1em dotted #ccc;
padding-top:1em;
}

.contents_side #recommend li { float:none; }

.contents_side #recommend .goods_set { margin:0;/*相殺*/ }

.contents_side #recommend .img_box {
	width:40%;
	float:left;
}

.contents_side #recommend .img_box img {
	padding:0;
	border:0;
}

.contents_side #recommend .txt_box {
	margin-left:45%;
	text-align:left;
}

.contents_side #recommend .txt_box .name_box { font-size:1em; }

.contents_side #recommend .cp_box { display:none; }
