@charset "Shift_JIS";
/* --------------------------------------------------------------------
	ユーザー定義　ページロード
--------------------------------------------------------------------- */
#loader_bg{
	position: absolute;
	top: -20px;
	left: 0;
	background: #fff;
	width: 100%;
	z-index: 100;
	padding-bottom: 20px;
}
#loader{
	width: 16px;
	margin: 20% auto 0 auto;
}
/* --------------------------------------------------------------------
	ユーザー定義　ヘッダー
--------------------------------------------------------------------- */
#header {
	width: 100%;
	min-width: 1024px;
	height: 36px;
	background: #dedfdf;
	position: relative;
	z-index: 1;
	line-height: 130%;
}
#header #sitelogo {
	margin: 0;
	padding: 0;
}
/*下層画面用*/
#header #sitelogo.cart_{
	position: absolute;
	bottom: -95px;
	left: 20px;
}
/**/
#header #globalnav {
	width: 58%;
	min-width: 520px;
	float: left;
	overflow: hidden;
}
#header #globalnav li {
	float: left;
	color: #221814;
	text-align: center;
	width: auto;
}
#header #globalnav li a {
	padding: 10px 8px;
	display: block;
	color: #221814;
	font-size: 10px;
	width: 100%;
}
#header #globalnav li a:hover, #header #globalmenu li#login a:hover, #header #globalmenu li#mypage a:hover {
	color: #E50011;
	text-decoration: none;
}
#header #globalmenu {
	margin-right: 20px;
	letter-spacing: -0.4em;
	text-align: right;
	width: 40%;
	float: right;
}
#header #globalmenu form {
	margin: 0 8px;
}
#header #globalmenu form{
	position: relative;
}
#header #globalmenu form input[type="image"]{
	position: absolute;
	top: 10px;
	right: 10px;
}
#header #globalmenu input[type="text"] {
	background: #f6f6f6;
	padding: 0.5em 2em 0.6em 0.4em;
	width: 9em;
	border: none;
	border-bottom: 1px solid #221814;
	border-radius: 0;
}
#header #globalmenu li {
	display: inline-block;
	letter-spacing: normal;
	height: auto;
}
#header #globalmenu li:first-of-type{
	background: #f6f6f6;
}
.top_wrapper_ #header #globalmenu li{
	background: #dedfdf;
}
#header #globalmenu li#search a{
	display: block;
	color: #FFFFFF;
	padding: 0 15px;
	background: #F39700;
	height: 35px;
	line-height: 35px;
}
#header #globalmenu li #price{
	padding-left: 10px;
}
#header #globalmenu li #price a{
	padding-left: 20px;
	background: url(../img/usr/icon_cart.png) left center no-repeat;
}
#header #globalmenu li#login, #header #globalmenu li#mypage {
	position: relative;
	background: #9F9FA0;
	width: 58px;
}
#header #globalmenu li#login, #header #globalmenu li#mypage, #header #globalmenu li#mypage > p, #header #globalmenu li#price {
	padding: 10px;
}
#header #globalmenu li#price, #header #globalmenu li#mypage > p {
	background: #C9C9CA;
}
#header #globalmenu li#mypage > p {
	display: none;
	position: absolute;
	width: 58px;
	top: 35px;
	left: 0;
	z-index: 21;
}
#header #globalmenu li#login a, #header #globalmenu li#mypage a {
	text-decoration: none;
	display: block;
	width: 100%;
	text-align: center;
	color: #221814;
}
/* --------------------------------------------------------------------
	ユーザー定義　バナーレイアウト
--------------------------------------------------------------------- */
/* バナー1列 */
.banner01_ {
	margin-bottom: 50px;
	width: 100%;
	overflow: hidden;
}
.banner01_ li img {
	width: 100%;
}
/* バナー2列 */
.banner02_ {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}
.banner02_ li {
	width: 47.5%;
	float: left;
	margin-right: 5%;
}
.banner02_ li:last-of-type {
	margin-right: 0;
}
.banner02_ li img {
	width: 100%;
}
/* バナー3列 */
.banner03_ {
	margin-bottom: 50px;
	overflow: hidden;
}
.banner03_ h2 {
	margin-bottom: 20px
}
.banner03_ li {
	width: 31%;
	height: auto;
	float: left;
	margin-right: 3.5%;
}
.banner03_ li:last-of-type {
	margin-right: 0;
}
.banner03_ li img {
	width: 100%;
}
/* --------------------------------------------------------------------
	ユーザー定義　閲覧履歴
--------------------------------------------------------------------- */
#footer {
	position: relative;
}
#footer #pagetop.cart_{
	bottom: 30px;
	left: 90%;
}
#itemHistory {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	min-width: 1024px;
	max-width: 9000px;
	z-index: 100;
}
#itemHistory h2 {
	width: 162px;
	height: 20px;
	margin-left: 15px;
	background: url(../img/usr/history_btn.png) no-repeat;
	cursor: pointer;
	color: #000;
	padding: 8px 0 0 10px;
	position: absolute;
	top: -27px;
}
#itemHistory h2.open {
	background: url(../img/usr/history_btn_on.png) no-repeat;
}
#itemHistoryDetail {
	display: none;
	background-color: rgba(201, 201, 202, 0.95);
	overflow: hidden;
	padding-top: 15px;
	border-top: 1px solid #000000;
}
div#itemHistoryDetail {
	/*height: 80px;
	padding-left: 30px;*/
}
#itemHistoryDetail ul{
	width: 100%;
	height: 328px;
	overflow:hidden;
}
#itemHistoryDetail li {
	float: left;
	width: 105px;
	height: auto;
	min-height: 80px;
	margin: 0 0 15px 20px;
}
#itemHistoryDetail li img {
	width: 100%;
	height: auto;
}
#historyCaution{
	padding-left: 30px;
}
#historyCaution #itemHistoryButton{
	margin: 0;
}
#itemHistoryButton{
	margin: 0 0 15px 30px;
}
/* --------------------------------------------------------------------
	ユーザー定義　タブ切り替え
--------------------------------------------------------------------- */
.ttl_area_{
	letter-spacing: -0.4em;
	margin-bottom: 20px;
	min-width: 668px;
}
.ttl_area_ h2 {
	width: 15%;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	vertical-align: middle;
	background: #dedfdf;
	letter-spacing: normal;
	text-indent: 0.5em;
	margin-bottom: 0;
}
/*ページャー*/
.ttl_area_  #item_num{
	float: right;
	margin-right: 2%;
}
/*//ページャー*/
.btn_area_, .rank_btn_area_ {
	display: inline-block;
	vertical-align: middle;
	width: 85%;
	min-width: 567px;
	background: #dedfdf;
	letter-spacing: -0.4em;
	text-align: right;
}
.rank_btn_area_ {
}
.ranking_tab_no_js_{
	overflow: hidden;
	float: right;
}
.tab_, .ranking_tab_ {
	width: 460px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}
.more_ {
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid #fff;
	width: 108px;
	height: 45px;
	letter-spacing: normal;
}
.more_ a {
	display: block;
	color: #FFFFFF;
	text-align: center;
	line-height: 45px;
	background: #F39700;
	width: 100%;
	height: 45px;
}
.tab_ li, .ranking_tab_ li,
.tab_ li, .ranking_tab_no_js_ li {
	float: left;
	width: 114px;
	min-width: 63px;
	height: 45px;
	background: #dedfdf;
	border-left: 1px solid #fff;
	letter-spacing: normal;
}
.tab_ li:first-child, .ranking_tab_ li:first-child,
.tab_ li:first-child, .ranking_tab_no_js_ li:first-child{
}
.tab_ li a, .ranking_tab_ li a,
.tab_ li a, .ranking_tab_no_js_ li a {
	display: block;
	width: 100%;
	height: 45px;
	text-align: center;
	color: #221814;
	line-height: 45px;
}
.tab_ li.tab_active_ a:hover{
	text-decoration: none;
	cursor: default;
}
.tab_ li.tab_active_, .ranking_tab_ li.tab_active_,
.tab_ li.tab_active_, .ranking_tab_no_js_ li.tab_active_ {
	background: #E60012;
}
.tab_ li.tab_active_ a, .ranking_tab_ li.tab_active_ a, .tab_ li.tab_active_ a:hover, .ranking_tab_ li.tab_active_ a:hover, .ranking_tab_no_js_ li.tab_active_ a, .ranking_tab_no_js_ li.tab_active_ a:hover {
	color: #FFFFFF;
}
.tab_list_, .ranking_tab_list_ {
	display: none;
}
/* --------------------------------------------------------------------
	ユーザー定義　スタッフスナップ
--------------------------------------------------------------------- */
.staff_snap_ {
	margin-bottom: 50px;
	overflow: hidden;
}
.staff_snap_ h2 {
	margin-bottom: 20px;
	letter-spacing: -0.4em;
	background: none;
	text-indent: 0;
}
.staff_snap_.column05_ h2.event_title_{
	letter-spacing: normal;
	height: 30px;
}
.staff_snap_ h2 span,
.staff_snap_ h2 a{
	display: table-cell;
	letter-spacing: normal;
	vertical-align: top;
}
.staff_snap_ h2 span{
	width: auto;
	height: 45px;
	line-height: 45px;
	background: #dedfdf;
	letter-spacing: normal;
	text-indent: 0.5em;
}
.staff_snap_ h2 a{
	color: #FFFFFF;
	text-align: center;
	line-height: 45px;
	font-weight: normal;
	font-size: 12px;
	background: #F39700;
	width: 108px;
	height: 45px;
}
h2.staff_snap_name_img_ {
	width: 96%;
	text-align: center;
}
h2.staff_snap_name_img_ img {
	width: 400px;
}
.staff_snap_ .staff_snap_inner_ {
	display: block;
	float: left;
	height: auto;
	margin-bottom: 50px;
	margin-right: 3.3%;
	width: 22.5%;
}
.ectop_wrapper_ .staff_snap_ .staff_snap_inner_{
	margin-bottom: 50px;
}
.staff_snap_.column01_ .staff_snap_inner_ {
	width: 96%;
}
.staff_snap_.column02_ .staff_snap_inner_ {
	width: 46%;
}
.staff_snap_.column03_ .staff_snap_inner_ {
	width: 30%;
}
.staff_snap_.column04_ .staff_snap_inner_ {
	width: 22.5%;
}
.staff_snap_.column05_ .staff_snap_inner_ {
	width: 18%;
	margin-right: 2.5%;
}
.staff_snap_.column04_ .staff_snap_inner_:nth-of-type(4n) ,
.staff_snap_.column05_ .staff_snap_inner_:nth-of-type(5n) {
	margin-right: 0;
}
.staff_snap_ .staff_snap_inner_ img {
	width: 100%;
	margin-bottom: 5px;
}
.staff_snap_ .staff_snap_inner_ .snap_title_ {
	margin-bottom: 3px;
}
/*詳細*/
#staff_snap_desc {
	margin: 30px 0;
}
#staff_snap_desc dl {
	margin-bottom: 15px;
}
#staff_snap_desc dt {
	font-weight: bold;
	margin-bottom: 5px;
}
.block_of_sale_item h2.event_title_{
	background: none;
	height: 30px;
}
/* --------------------------------------------------------------------
	ユーザー定義　ブランドトップ
--------------------------------------------------------------------- */
.top_wrapper_ .contents_ {
}
.top_wrapper_ #globalmenu li {
	padding: 10px 8px;
}
.top_wrapper_ #globalmenu li a {
	color: #221814;
}
.top_wrapper_ #globalmenu li.current_ {
	color: #E50011;
}
.top_wrapper_ #globalmenu li#twitter, .top_wrapper_ #globalmenu li#facebook {
	padding: 6px 8px;
}
.top_wrapper_ div.container_ div.mainframe_ {
	/*min-width: 1024px;*/
	width: 100%;
	margin: 0 0 0 197px;
	overflow: hidden;
}
.top_wrapper_ div.container_ div.mainframe_ div.contents_{
	width: 100%;
	height: auto;
	padding-top: 0;
	overflow: hidden;
}
.top_wrapper_ .leftmenuframe_ {
	z-index: 50;
}
.top_wrapper_ .rightmenuframe_ {
	display: none;
}
/*スライダー*/
.top_wrapper_ .visual_ {
	width: 100%;
	min-width: 1024px;
}
ul.brand_mv_ li {
}
ul.brand_mv_ li a img {
	width: auto;
	height: 100%;
}
.top_wrapper_ .visual_ .bx-controls {
	position: absolute;
	right: 80px;
	z-index: 10;
}
.right_on_ .bx-controls{
	right: 280px;
}
.right_off_ .bx-controls{
	right: 40px;
}
.top_wrapper_  .visual_ .bx-prev, .top_wrapper_ .visual_ .bx-next {
	display: inline-block;
	width: 25px;
	height: 43px;
	text-indent: -9999px;
}
.top_wrapper_ .visual_ .bx-prev {
	background: url(../img/usr/slider_prev.png) center no-repeat;
	margin-right: 50px;
}
.top_wrapper_ .visual_ .bx-next {
	background: url(../img/usr/slider_next.png) center no-repeat;
}
/*右メニュー*/
#on_right_menu {
	display: none;
	position: absolute;
	left: -38px;
	width: 38px;
	height: 1px;
	padding-top: 38px;
	overflow: hidden;
	background: #EEEFEF url(../img/usr/rightframe_on.png) center no-repeat;
	cursor: pointer;
}
#off_right_menu {
	width: 38px;
	height: 1px;
	padding-top: 38px;
	overflow: hidden;
	background: #EEEFEF url(../img/usr/rightframe_off.png) center no-repeat;
}
#inner_right_menu .newslist_.column02_ .newslist_body_ .newsthumbnail_ {
	width: 48px;
	height: auto;
}
#inner_right_menu .newslist_.column02_ .newslist_body_ .newsinfo_ {
	margin-left: 60px;
}
#inner_right_menu .newslist_.column02_ .newslist_body_ .newsinfo_ h2, #inner_right_menu .newslist_.column02_ .newslist_body_ .newsinfo_ .newsdate_ {
	margin-bottom: 0;
	font-size: 10px;
	line-height: 1.2em;
}
#inner_right_menu .newslist_.column02_ .newslist_body_ .newsinfo_ h2 a {
	color: #221814;
}
#inner_right_menu .newslist_.column02_ .newslist_body_ li {
	margin-bottom: 15px;
}

/*右サイドボックス　レコメンド*/
.top_wrapper_ #recommender_pc1111{
	width: 100%;
	min-width: 200px;
}
.recommendedlist_ .dv_rc_items {
	width: 100%;
	margin-bottom: 15px;
	float: none;
}
.recommendedlist_ div.dv_rc_items div.dv_rc_img img{
	width: 200px;
}
#recommender_pc1111 div[class^="dv_rc_icon_"],
#recommender_pc1111 .dv_rc_name,
#recommender_pc1111 .dv_rc_description,
#recommender_pc1111 .dv_rc_price,
#recommender_pc2111 div[class^="dv_rc_icon_"],
#recommender_pc2111 .dv_rc_name,
#recommender_pc2111 .dv_rc_description,
#recommender_pc2111 .dv_rc_price,
#recommender_pc2211 div[class^="dv_rc_icon_"],
#recommender_pc2211 .dv_rc_name,
#recommender_pc2211 .dv_rc_description,
#recommender_pc2211 .dv_rc_price,
#recommender_pc1211 div[class^="dv_rc_icon_"],
#recommender_pc1211 .dv_rc_name,
#recommender_pc1211 .dv_rc_description,
#recommender_pc1211 .dv_rc_price{
	display: none;
}
/* --------------------------------------------------------------------

	ユーザー定義　店舗情報TOP

--------------------------------------------------------------------- */

#sidebox_shop {
	padding: 5px 5px 0px 5px;
}
#sidebox_shop p {
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}
#sidebox_shop p:hover {
	cursor: pointer;
}
#sidebox_shop ul li {
	margin: 0px 0px 5px 0px;
}
#sidebox_shop ul li a {
	color: #221814;
}
#sidebox_shop ul li img{
	margin-left: 5px;
}
#sidebox_shop ul {
	display: none;
	margin: 0px 5px 5px 5px;
}
.shop_ h1 {
	margin: 0px 0px 20px 0px!important;
	;
}
/* --------------------------------------------------------------------

	ユーザー定義　店舗情報詳細

--------------------------------------------------------------------- */

#sidebox_shopdetail {
	padding: 5px 5px 0px 5px;
}
#sidebox_shopdetail p {
	margin-left: 5px;
	margin-bottom: 5px;
}
#sidebox_shopdetail .shopname {
	font-weight: bold;
	margin-left: 0px;
	margin-bottom: 40px;
}
#shopmark {
	margin: 10px 0px 0px 0px;
}
#shopbackbtn {
	text-align: center;
	width: 100%;
}
#shopphoto {
	margin: 10px 0px 10px 0px!important;
	text-align: center;
}
#shopbackbtn a {
	background: url(../img/usr/shopbackbtn.png) no-repeat;
	width: 78px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	margin: 0 auto;
	display: block;
	color: #221814;
}
#shopbackbtn a:hover {
	text-decoration: none;
}

/*

店舗情報終わり

*/
/*ECtop*/
.contents_ > div[id^="block_of_"]{
	margin-bottom: 25px;
}
.contents_ > div[id="block_of_lpo"]{
	margin-bottom: 0;
}
.top_wrapper_ .contents_ > div[id^="block_of_"]{
	border-bottom: 0;
	margin-bottom: 0;
}
.contents_ > div#block_of_lpo,
.contents_ > div#block_of_staff_snap{
	border-bottom: none;
}
/* --------------------------------------------------------------------

	ユーザー定義　ECトップ　slider

--------------------------------------------------------------------- */
ul.banner_slider_ img,
ul.banner_slider_ a{
	width: 100%;
}
.ectop_wrapper_ .visual_{
	position: relative;
}
.ectop_wrapper_ .visual_ .bx-controls-direction a[class^="bx-"]{
	display: block;
	position: absolute;
	width: 36px;
	height: 36px;
	top: 45%;
	overflow: hidden;
	text-indent: -999px;
	z-index: 1000;
}
.ectop_wrapper_ .visual_ .bx-prev{
	background:url(../img/usr/bn-prev.png) no-repeat;
	left: 0;
}
.ectop_wrapper_ .visual_ .bx-next{
	background:url(../img/usr/bn-next.png) no-repeat;
	right: 0;
}
.ectop_wrapper_ .bx-pager{
	letter-spacing: -0.4em;
	text-align: right;
	margin-top: 15px;
}
.ectop_wrapper_ .bx-pager .bx-pager-item{
	letter-spacing: normal;
	vertical-align: top;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right:10px;
}
.ectop_wrapper_ .bx-pager .bx-pager-item:last-of-type{
	margin-right: 0;
}
.ectop_wrapper_ .bx-pager .bx-pager-item a{
	display:block;
	width: 20px;
	height: 1px;
	padding-top: 20px;
	overflow: hidden;
	background: #dedfdf;
}
.ectop_wrapper_ .bx-pager .bx-pager-item a.active{
	background: #9F9FA0;
}
/* --------------------------------------------------------------------

	ユーザー定義　ECトップ　コラボレーションアイテム

--------------------------------------------------------------------- */
#block_of_collaborationlist h2{
	letter-spacing: -0.4em;
	margin-bottom: 20px;
}
#block_of_collaborationlist h2 span,
#block_of_collaborationlist h2 a{
	display: table-cell;
	letter-spacing: normal;
	vertical-align: top;
}
#block_of_collaborationlist h2 span{
	width: auto;
	height: 45px;
	line-height: 45px;
	background: #dedfdf;
	letter-spacing: normal;
	text-indent: 0.5em;
}
#block_of_collaborationlist h2 a{
	color: #FFFFFF;
	text-align: center;
	line-height: 45px;
	font-weight: normal;
	font-size: 12px;
	background: #F39700;
	width: 108px;
	height: 45px;
}
#block_of_collaborationlist .banner02_ li{
    margin: 0 0 25px 3.5%;
    width: 31%;
}
#block_of_collaborationlist .banner02_ li a{
	display: block;
	margin-bottom: 10px;
}
#block_of_collaborationlist .banner02_ li:nth-of-type(3n+1){
	margin-left: 0;
}
/* --------------------------------------------------------------------

	ユーザー定義　一覧　表示切替

--------------------------------------------------------------------- */
/*表示切替*/
#select_area{
	width: auto;
	height: 35px;
	background: #dedfdf;
	padding: 5px 0 5px 10px;
	margin-bottom: 15px;
}
#select_area .ttl_{
	font-weight: bold;
	padding-right:20px;
}
#select_area .select_{
	margin-right: 20px;
}
#select_area .select_ select{
	width: 130px;
}
#select_area .easy-select-box .esb-item:first-of-type{
	color: #221814;
}
#select_area .easy-select-box .esb-item:first-of-type:hover{
	color:#fff;
}
/*タイトル*/
.navi_area_{
	overflow: hidden;
}
.navi_area_ .navitopicpath_{
	float: left;
	width: auto;
	position: static;
}
.navi_area_ .ttl_area_{
	float: right;
	width: auto;
	min-width: 495px;
	text-align: right;
}
.navi_area_ .ttl_area_ h2{
	width: auto;
	height: auto;
	background: none;
	line-height: 100%;
	float: none;
	padding-right: 15px;
	font-weight: normal;
	display: inline-block;
}
.navi_area_ .ttl_area_ p#item_num{
	float: none;
	letter-spacing: normal;
	display: inline-block;
}
/* --------------------------------------------------------------------

	ユーザー定義　　コラボレーションアイテム詳細

--------------------------------------------------------------------- */

.collaboration_detail_ h2.event_name_img_ {/* タイトルを画像にした場合 */
	display: table-cell;
	padding-bottom: 20px;
	width: 30%;
}
.collaboration_detail_ .top_comment_ {
	padding-bottom: 25px;
	display: table-cell;
	padding-left: 2%;
	vertical-align: top;
}
.collaboration_detail_ .top_comment_ b{
	display: block;
}