body{ /* 基本の文字色 */
	color: #333333;
}

a{ /* リンク文字の設定 */
	color: #333333;
	text-decoration: underline !important;
}

a:hover,
a:focus,
a:active,
button:hover,
button:focus,
button:active{ /* リンク文字にフォーカスが当たった時、アクションがあった時等の設定 */
	text-decoration: none;
	opacity: 0.7; /* 20170529変更 */
}

a:hover img{ /* リンク付き画像にフォーカスが当たった時、アクションがあった時等の設定 */
	opacity: 0.7;
}

h1{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #333333;
}

h2{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 2px solid #333333;
}

.attention{
	color: #FF0000;
}

.attention_big{
	font-size: 24px;
	font-size: 2.4rem;
	color: #FF0000;
	font-weight: bold;
}

/* btn */

.btn {
	color: #FFFFFF;
	text-decoration: none !important;
	background: #333333;
	border: none;
	 border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.btn-lg{padding:10px 16px;font-size:16px;line-height:1.3333333}
.btn-sm{padding:8px 10px;font-size:12px;line-height:1.5;font-weight: normal;}
.btn-xs{padding:5px 8px;font-size:10px;line-height:1.5;font-weight: normal;}

.btn .cb {
    margin: 0 5px;
}

.btn-block{
	width: 250px;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	display: block;
	color: #FFFFFF;
	text-decoration: none !important;
	background: #333333;
	border: none;
	 border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.btn-block:hover{ /* 20170529追加 */
	color: #FFFFFF;
}

.btn-sub {
	color: #333333;
	text-decoration: none !important;
	background: #CCCCCC;
	 border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border: none;
	padding: 5px 20px;
}

#confirm_side .btn_order{
	background: #E80019;
	text-decoration: none !important;
	 border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	padding: 8px 0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #FFFFFF;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn-block:hover,
.btn-block:focus,
.btn-block:active,
.btn-sub:hover,
.btn-sub:focus,
.btn-sub:active,
.btn_order:hover,
.btn_order:focus,
.btn_order:active{
	opacity: 0.8;
}

/* ロゴ */
.header_logo img{
	max-width: 360px; /* ロゴ画像の幅を設定 */
}
/* 商品アイコン */
.item_icon{
	font-size: 0;
	margin: -5px 0 0 -5px;
	overflow: hidden;
	z-index: 0;
}

.item_icon li{
	font-size: 12px;
	font-size: 1.2rem;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 0;
	margin: 5px 0 0 5px;
	width: 54px;
	height: 20px;
	text-align: center;
	float: left;
}

.item_icon .icon1{
	background: #F5974A;
}

.item_icon .icon2{
	background: #FF5983;
}

.item_icon .icon3{
	background: #80AF20;
}

.item_icon .icon4{
	background: #913982;
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: normal;
	padding: 3px 0;
}

.item_icon .icon5{
	background: #388DD1;
	font-size: 9px;
	font-size: 0.9rem;
	font-weight: normal;
	padding: 4px 0;
}

.item_icon .icon6{
	background: #FF2626;
}

/* ヘッダーメニュー */
.member_link a{
	text-decoration: none;
	padding-left: 35px;
}

.member_link a.menu_member{ 
	background:url(../img/icon_member.gif) no-repeat 10px;
}

.member_link a.menu_history{
	padding-left: 40px;
	background:url(../img/icon_history.gif) no-repeat 10px;
}

.member_link a.menu_favorite{
	padding-left: 40px;
	background:url(../img/icon_favorite.gif) no-repeat 10px;
}

.member_link a.menu_login{
	background:url(../img/icon_login.gif) no-repeat 10px;
}

.member_link a.menu_cart{
	padding-left: 43px;
	background:url(../img/icon_basket.gif) no-repeat 10px;
	position: relative;
}
.member_link a.menu_cart span{
	position: absolute;
	top: 0;
	left: 18px;
	background-color:#FF4000;
    border-radius:10px;
}

/* ヘッダーメニュー end */
/* メインビジュアル */
.slider-nav button.slick-arrow{
	position: absolute;
	z-index: 2;
	background: rgba(0,0,0,0.6);
	border: none;
	width: 60px;
	height: 40px;
	left: 50%;
	margin-left: -30px;
	border-radius: 4px;
	text-indent: -9999px;
}

.slider-nav button.slick-prev{
	top: 5px;
}

.slider-nav button.slick-prev::before{
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	border-top: solid 2px #FFFFFF;
    border-left: solid 2px #FFFFFF;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	top: 50%;
	left: 50%;
	margin-top: -4px;
	margin-left: -9px;
}

.slider-nav button.slick-next{
	bottom: 0;
}

.slider-nav button.slick-next::before{
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	border-top: solid 2px #FFFFFF;
    border-left: solid 2px #FFFFFF;
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
	top: 50%;
	left: 50%;
	margin-top: -14px;
	margin-left: -9px;
}

/* メインビジュアル end */
/* 人気のキーワード */

#public_keyword dl dt{
	background: #333333;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
}

#public_keyword dl dd div{
	border: 1px solid #CCCCCC;
	border-left: none;
}

/* 人気のキーワード end */
/* カテゴリ */
#category h2{ /* カテゴリタイトル */
	font-size:18px;
	font-size: 1.8rem;
	text-align: center;
	padding: 6px 0;
	border-top: 2px solid #333333;
	border-bottom: 2px solid #333333;
}

#category ul.category-nav > li > a{
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 8px 0 8px 25px;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
}

#category ul.category-nav ul li a{
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 8px 0 8px 35px;
	border-bottom: 1px solid #CCCCCC;
}

#category ul.category-nav ul li ul li a{
	padding-left: 45px;
}

#category ul.category-nav ul li ul li ul li a{
	padding-left: 55px;
}

#category ul.category-nav li:hover,
#category ul.category-nav li:focus,
#category ul.category-nav li:active{ /* カーソルが乗った時の指定 */
	background: #F8F8F8;
}

ul.category-nav > li > a::before{
	content: "";
	width: 0;
	height: 0;
	border: 3px solid transparent;
	border-left: 4px solid #333333;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -3px;
}

ul.category-nav > li:hover > a::before,
ul.category-nav > li:focus > a::before,
ul.category-nav > li:active > a::before{ /* カーソルが乗った時の指定 */
	border: 3px solid transparent;
	border-top: 4px solid #FF4000;
	margin-top: -2px;
	left: 8px;
}

#category ul.category-nav li:hover > ul,
#category ul.category-nav li:focus > ul,
#category ul.category-nav li:active > ul{ /* カーソルを乗せたら次階層表示 */
	display: block;
}

ul.category-nav > li > a.active::before {
	border: 3px solid transparent;
	border-top: 4px solid #FF4000;
	margin-top: -2px;
	left: 8px;
}
/* カテゴリ end */
/* カレンダー */
#calendar table tr td{
	border-bottom: 1px dotted #CCCCCC;
}

#calendar table tr th#sunday{
	color: #FF0000;
}

#calendar table tr th#saturday{
	color: #0040FF;
}

#calendar table tr td.holiday{
	color: #FF0000;
	background: #FFCDD2;
}
/* カレンダー end */
/* ランキング */
#sales_ranking .label-warning{
	font-family: Aparajita;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}

#sales_ranking .no1{
	padding-left: 25px;
	color: #B28500;
	background: url(../img/no1.gif) no-repeat 0 3px;
}

#sales_ranking .no2{
	padding-left: 25px;
	color: #CCCCCC;
	background: url(../img/no2.gif) no-repeat 0 3px;
}

#sales_ranking .no3{
	padding-left: 25px;
	color: #B22D00;
	background: url(../img/no3.gif) no-repeat 0 3px;
}
.pickup_item a{
	text-decoration: none !important;
}

/* ランキング end */

/* おすすめ */
.item_comment{
	color: #666666;
}
/* おすすめ end */
/* トップページ商品用スライダー矢印 */
#sales_ranking button.slick-arrow,
#advice button.slick-arrow,
#checkeditem button.slick-arrow{
	background-color: rgba(0,0,0,0.6);
	width: 40px;
	height: 60px;
	border: none;
	border-radius: 4px;
	text-indent: -9999px;
}

#sales_ranking button.slick-prev::before,
#advice button.slick-prev::before,
#checkeditem button.slick-prev::before{
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	border-top: solid 2px #FFFFFF;
    border-left: solid 2px #FFFFFF;
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
	top: 50%;
	left: 20px;
	margin-top: -9px;
	margin-left: -4px;
}

#sales_ranking button.slick-next::before,
#advice button.slick-next::before,
#checkeditem button.slick-next::before{
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	border-top: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	top: 50%;
	left: 5px;
	margin-top: -9px;
}

#sales_ranking button.slick-prev,
#advice button.slick-prev,
#checkeditem button.slick-prev{
	position: absolute;
	top: 30%;
	left: 0;
	z-index: 99;
}

#sales_ranking button.slick-next,
#advice button.slick-next,
#checkeditem button.slick-next{
	position: absolute;
	top: 30%;
	right: 0;
	z-index: 99;
}

/* トップページ商品用スライダー矢印 end */
/* 新着情報 */
#news_area .newslist{
	margin-top: 5px;
	background: #F8F8F8;
}

.newslist dt .news_title {
    text-decoration: underline;
}

.newslist dt .angle-circle{
    position: absolute;
    right: 16px;
	top: 20px;
    display: inline-block;
    width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 10px solid #333333;
}

.newslist dt .angle-circle::before{
	content: "";
	position: absolute;
	top: -11px;
	left: -10px;
    display: inline-block;
    width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 9px solid #F8F8F8;
}

.newslist dt.active .angle-circle{
    position: absolute;
    right: 16px;
	top: 10px;
    display: inline-block;
    width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 10px solid #333333;
}
.newslist dt.active .angle-circle::before{
	content: "";
    position: absolute;
	top: -8px;
    display: inline-block;
    width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 9px solid #F8F8F8;
}

.newslist dd {
	border-top: 1px dotted #999999;

}

/* 新着情報 end */
/* パンクズリスト */
#topicpath ol {
}
#topicpath li {
    font-size: 12px;
    font-size: 1.2rem;
}
/* パンクズリスト end */
/* 商品一覧上部のナビ */
#page_navi_top{
	margin-top: 10px;
}

#page_navi_top strong{
	color: #FF0000;
}
#page_navi_top strong span{
	color: #FF0000;
}
/* 商品一覧上部のナビ end */
/* 商品一覧 */
#item_list a{
	text-decoration: none !important;
}
/* 商品一覧ページャー */
.pagination ul {
    list-style-type: none;
    margin: 0 0 0 -5px;
}
.pagination ul li {
    min-width: 29px;
    padding: 0 0 0 5px;
    text-align: center;
}

.pagination ul li a {
    color: #525263;
    line-height: 1.8;
    padding: 0 10px;
    text-decoration: none !important;
}
.pagination ul li a:hover, .pagination ul li a:focus {
    background: #f1f1f1;
}
.pagination ul li.active a {
    background: #F3F3F3;
    text-decoration: none;
}
.pagination ul li.active a:hover, .pagination ul li.active a:focus {
    background: #F3F3F3;
}
.pagination ul li.disabled a {
    color: #9797A0;
    text-decoration: none;
}
.pagination ul li.disabled a:hover, .pagination ul li.disabled a:focus {
    color: #9797A0;
}
/* 商品一覧ページャー */
/* 商品詳細 */
#item_photo_area .detail_slider-nav .slick-arrow{
	position: absolute;
	top: 50%;
	margin-top: -20px;
	text-indent: -9999px;
	z-index: 100;
	background: rgba(225,225,225,0.6);
	border: none;
	border-radius: 4px;
	height: 40px;
	width: 20px;
}

#item_photo_area .detail_slider-nav .slick-prev{
	left: 0;
}

#item_photo_area .detail_slider-nav .slick-next{
	right: 0;
}
	
#item_photo_area .detail_slider-nav .slick-prev::before{
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	border-top: solid 2px #333333;
    border-left: solid 2px #333333;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(315deg);
	top: 50%;
	left: 10px;
	margin-top: -9px;
	margin-left: -4px;
}

#item_photo_area .detail_slider-nav .slick-next::before{
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	border-top: solid 2px #333333;
    border-right: solid 2px #333333;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	top: 50%;
	left: -5px;
	margin-top: -9px;
}

.cart_area #detail_cart_box__cart_quantity dd button#favorite{ /* お気に入りボタンデザイン */
	background: #F8F8F8;
	border: 1px solid #333333;
	padding: 5px 10px 5px 30px;
	border-radius: 4px;
	position: relative;
	background: url(../img/item_img1.gif) no-repeat 5px;
}


/* 商品詳細 end */
/* マイページ */
.local_nav li:first-child{
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.local_nav li:last-child{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.local_nav li.active a { /* カーソルが乗った時、該当ページに居る時の指定 */
    color: #DE5D50;
	background: #F8F8F8;
	position: relative;
}

.local_nav li.active a::before{ /* カーソルが乗った時、該当ページに居る時の指定 */
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	margin-left: -3px;
	bottom: 3px;
	border: 3px solid transparent;
	border-top: 4px solid #FF4000;
}

/* マイページ end */
/* フッター */
#footer .container-fluid ul{
	background: #F8F8F8;
	padding: 15px 0;
}

.footer_logo_area .copyright {
    font-size: 12px;
    font-size: 1.2rem;
	color: #666666;
}

/* フッター end */

/* ヘッダーログイン者情報 */
#login_user_info {
	float: right;
	width: 100%;
	padding-right: 20px;
	text-align: right;
}