@charset "Shift_JIS";

/* --------------------------------------------------------------------
	ユーザー定義　画像hover表現
--------------------------------------------------------------------- */
a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	background-color:transparent\0/;
}

/* --------------------------------------------------------------------
	ユーザー定義　ヘッダー
--------------------------------------------------------------------- */
#header {
	width: 100%;
	zoom:1;
}
#header.cart_ {
	border-bottom: 1px solid #444;
}
#header:after,
#header .header_inner_:after,
#header #headernav:after,
#header ul.customer_menu_:after,
#header #globalnav:after {
	content: "";
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
#header .header_inner_ {
	width: 1120px;
	margin: 0 auto;
	zoom:1;
}
#header #headernav {
	height: 68px;
	padding: 11px 0 9px;
	box-sizing: border-box;
	zoom:1;
}
#header #sitelogo {
	float:left;
	margin: 13.5px 0 0;
	padding: 0;
}
#header #hnav_cart {
	position: relative;
	float: right;
}
#header #hnav_cart .btn_cart_ {
	cursor: pointer;
	background: #000;
	border-radius: 7px;
}
#header #hnav_cart .btn_cart_ a {
	display: block;
	width: 190px;
	height: 48px;
	text-indent: -9999px;
	background: url(../img/usr/common/btn_cart.png) center center no-repeat;
}
#header #hnav_cart:hover .btn_cart_ a,
#header #hnav_cart.open_ .btn_cart_ a {
	opacity: 0.8;
}
#header #hnav_login {
	float: right;
}
#header ul.customer_menu_ {
	float:right;
	margin: 13px 28px 0 0;
}
#header ul.customer_menu_:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#header ul.customer_menu_ li {
	float: left;
	font-size: 11px;
	margin: 0 0 0 20px;
}
#header ul.customer_menu_ li a {
	color: #444;
	text-decoration: none;
	padding-left: 12px;
	background: url(../img/usr/common/arrow_gray_r.png) left center no-repeat;
}
#header ul.customer_menu_ li a:hover {
	text-decoration: underline;
}
#header #hnav_login {
	margin: 0 10px 0 0;
}
#header #globalnav {
	position: relative;
	width: 100%;
	background: -webkit-linear-gradient(90deg, #444444 0%, #1c1c1c 100%);
	background: -moz-linear-gradient(90deg, #444444 0%, #1c1c1c 100%);
	background: -o-linear-gradient(90deg, #444444 0%, #1c1c1c 100%);
	background: -ms-linear-gradient(90deg, #444444 0%, #1c1c1c 100%);
	background: linear-gradient(0deg, #444444 0%, #1c1c1c 100%);
	background: #444\9;
	zoom:1;
}
#header #globalnav > ul {
	width: 1120px;
	padding: 2px 0 2px 1px;
	margin: 0 auto;
}
#header #globalnav > ul:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 4px;
	width: 1px;
	height: 36px;
	background: #424242;
}
#header #globalnav > ul:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#header #globalnav > ul > li {
	width: 153px;
	height: 44px;
	float: left;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: center;
	padding: 4px 0;
	box-sizing: border-box;
}
#header #globalnav > ul > li > a {
	display: block;
	height: 36px;
	line-height: 36px;
	color: #fff;
	text-decoration: none;
	padding: 0 12px 0 0;
	border-right: 1px solid #424242;
	border-left: 1px solid #000;
	background: url(../img/usr/common/arrow_white_b.png) 132px center no-repeat;
}
#header #globalnav > ul > li > a:hover,
#header #globalnav > ul > li > a.open_ {
	text-decoration: none;
	background-color: #565656;
}
#header #globalnav > ul > li > a.open_ {
	background: #565656 url(../img/usr/common/arrow_white_t.png) 132px center no-repeat;
}
#header #globalnav > ul > li.last_ > a {
	border-right: none;
}
#header #globalnav > ul > li#gnav_search {
	position: relative;
	float: right;
	width: 44px;
	padding: 0;
}
#header #globalnav > ul > li#gnav_search > a {
	height: 44px;
	text-indent: -9999px;
	border: none;
	background: url(../img/usr/common/icon_search.png) center center no-repeat;
}
#header #globalnav > ul > li#gnav_search > a.open_ {
	background: url(../img/usr/common/icon_search_close.png) center center no-repeat;
}

#header #globalnav .gnav_box_frame_ {
	display: none;
	position: absolute;
	left: 0;
	top: 48px;
	width: 100%;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	z-index: 1000;
}
#header #globalnav .gnav_box_ {
	background: url(../img/usr/common/common_bg.jpg) left top repeat;
	box-shadow: 1px 2px 2px 2px rgba(0,0,0,0.2) inset;
}
#header #globalnav .gnav_box_inner_ {
	width: 1120px;
	padding: 18px 0 25px;
	margin: 0 auto;
}
#header #globalnav .gnav_box_inner_:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#header #globalnav .gnav_category_ {
	float: left;
	width: 480px;
	text-align: left;
}
#header #globalnav .gnav_category_:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#header #globalnav .gnav_category_ h2 {
	line-height: 28px;
	padding: 0 0 10px 36px;
	margin: 0 0 15px;
	background: url(../img/usr/common/icon_category.png) left top no-repeat;
}
#header #globalnav .gnav_category_ ul {
	float: left;
	width: 50%;
	padding: 0 5px 0 0;
	box-sizing: border-box;
}
#header #globalnav .gnav_category_ ul li {
	margin: 0 0 5px;
}
#header #globalnav .gnav_category_ ul li a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.6px;
	padding-left: 15px;
	background: url(../img/usr/common/arrow_gray_r.png) left center no-repeat;
}
#header #globalnav .gnav_recommend_ {
	float: right;
	width: 600px;
	text-align: left;
}
#header #globalnav .gnav_recommend_ h2 {
	line-height: 28px;
	padding: 0 0 10px 36px;
	margin: 0 0 15px;
	background: url(../img/usr/common/icon_recommend.png) left top no-repeat;
}
#header #globalnav .gnav_recommend_ .gnav_recommend_line_ {
	margin: 0 0 8px;
}
#header #globalnav .gnav_recommend_ .gnav_recommend_line_:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#header #globalnav .gnav_recommend_ .gnav_recommend_item_ {
	float: left;
	width: 144px;
	margin: 2px 4px 2px 2px;
	text-align: center;
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
}
#header #globalnav .gnav_recommend_ .gnav_recommend_item_:last-of-type {
	margin-right: 2px;
}
#header #globalnav .gnav_recommend_ .gnav_recommend_item_ .img_ {
	display: table-cell;
	width: 144px;
	height: 109px;
	text-align: center;
	vertical-align: middle;
}
#header #globalnav .gnav_recommend_ .gnav_recommend_item_ .img_ a {
	position: relative;
	display: table-cell;
	width: 144px;
	height: 109px;
	text-align: center;
	vertical-align: middle;
}
#header #globalnav .gnav_recommend_ .gnav_recommend_item_ .img_ a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/usr/common/cover.png) center bottom repeat-x;
	background-size: auto 100%;
}
#header #globalnav .gnav_recommend_ .gnav_recommend_item_ .img_ img {
	max-width: 144px;
	max-height: 109px;
}
#header #globalnav .gnav_recommend_ .gnav_recommend_item_ .name_ {
	font-size: 12px;
	letter-spacing: 0.6px;
	line-height: 18px;
	text-align: left;
	padding: 15px 10px 20px;
}
#header #globalnav .gnav_recommend_ .gnav_recommend_item_ .name_ a {
	font-weight: normal;
}

/* --------------------------------------------------------------------
	サイドボックス　カート
-------------------------------------------------------------------- */
#hnav_cart .cart_count_ {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 42px;
	height: 48px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 12px 0 0 0;
	box-sizing: border-box;
}
#hnav_cart:hover .cart_count_,
#hnav_cart.open_ .cart_count_ {
	color: #ccc;
}
#hnav_cart .cart_frame_ {
	display: none;
	position: absolute;
	right: 0;
	top: 48px;
	padding-top: 9px;
	z-index: 100;
}
#hnav_cart .cart_frame_ .inner_ {
	padding: 8px 7px 10px 20px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	background: #ccc url(../img/usr/bg.jpg) center center repeat;
}
#hnav_cart #cart_close {
	cursor: pointer;
	float: right;
}
#hnav_cart .cart_title_ {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 6px 0 20px;
}
#hnav_cart ul.cart_goods_ {
	clear: both;
	overflow: auto;
	width: 255px;
	max-height: 290px;
}
#hnav_cart .cart_goods_ li {
	margin: 0 0 10px;
}
#hnav_cart .cart_goods_ li dl {
	display: table;
	width: 100%;
	padding: 0 10px 0 0;
	box-sizing: border-box;
}
#hnav_cart .cart_goods_ li dt,
#hnav_cart .cart_goods_ li dd {
	display: table-cell;
	vertical-align: middle;
}
#hnav_cart .cart_goods_ li dt {
	width: 80px;
	height: 60px;
	padding-right: 10px;
}
#hnav_cart .cart_goods_ li dt img {
	max-width: 80px;
	max-height: 60px;
}
#hnav_cart .cart_goods_ li dd {
	font-size: 12px;
	letter-spacing: 0.6px;
	line-height: 18px;
}
#hnav_cart .cart_goods_ li dd a {
	color: #0066ee;
}

/* --------------------------------------------------------------------
	ユーザー定義　TOPページヘッダー 検索
--------------------------------------------------------------------- */
#header_search {
	display: none;
	position: absolute;
	right: 0;
	top: 44px;
	padding-top: 6px;
	z-index: 50;
}
#header_search .header_inner_ {
	width: 640px;
	padding: 18px 20px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	background: #ccc url(../img/usr/bg.jpg) center center repeat;
	box-sizing: border-box;
}
#header_search_box {
	margin: 0 0 15px;
}
#header_search_box:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#header_search_box input#keyword {
	float: left;
	width: 500px;
	height: 34px;
	line-height: 34px;
	color: #444;
	font-size: 14px;
	font-weight: normal;
	padding: 0 10px;
	margin: 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
#header_search_box input[type=image] {
	float: right;
	padding: 0;
}
#header_search_keyword {
	float: left;
	width: 500px;
	zoom:1;
}
#header_search_keyword:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#header_search_keyword dt {
	float: left;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	padding: 3px 10px;
	background: #ddd;
	border-radius: 4px;
}
#header_search_keyword dd {
	margin: 0 0 0 135px;
}
#header_search_keyword dd ul {
	text-align: left;
}
#header_search_keyword dd ul li {
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	margin: 0 3px;
}
#header_search_keyword dd ul li a {
	color: #444;
	text-decoration:underline;
}
#header_search .to_searchdetail {
	float: right;
	width: 90px;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
}
#header_search .to_searchdetail a {
	color: #444;
	text-decoration:underline;
	padding-left: 15px;
	background:url(../img/usr/common/arrow_gray_r.png) left center no-repeat;
}

/* --------------------------------------------------------------------
	ユーザー定義　お知らせ
--------------------------------------------------------------------- */
#information {
	background: #fff;
}
#information p {
	width: 1120px;
	margin: 0 auto;
	text-align: center;
}
#information p span {
	display: inline-block;
	color: #000;
	font-size: 12px;
	letter-spacing: 0.6px;
	padding: 9px 10px 9px 25px;
	background: url(../img/usr/common/icon_info.png) left center no-repeat;
}

/* --------------------------------------------------------------------
	ユーザー定義　ビジュアル
--------------------------------------------------------------------- */
#mainvisual {
	overflow: hidden;
	position: relative;
	height: 390px;
}
#mainvisual .inner_ {
	position: relative;
	width: 800px;
	text-align: center;
	margin: 0 auto;
}
#mainvisual .flex-viewport {
	overflow: inherit !important;
}
#mainvisual .slides:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#mainvisual .flex-control-nav {
	font-size: 0;
	text-align: center;
	margin: 13px 0 0;
}
#mainvisual .flex-control-nav li {
	display: inline-block;
	list-style: none;
	margin: 0 12px;
}
#mainvisual .flex-control-nav li a {
	display: block;
	width: 16px;
	height: 16px;
	background: #ccc;
	border-radius: 50%;
	cursor: pointer;
	transition: transform 0.2s;
	-webkit-transition: transform 0.2s;
	-moz-transition: transform 0.2s;
}  
#mainvisual .flex-control-nav li a:hover {
	background: #aaa; 
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);

}
#mainvisual .flex-control-nav li a.flex-active {
	background: #e60012;
}
#mainvisual .flex-prev,
#mainvisual .flex-next {
	position: absolute;
	top: 50%;
	display: block;
	width: 40px;
	height: 40px;
	margin-top: -35px;
	text-indent: -9999px;
}
#mainvisual .flex-prev {
	left: -50px;
	background: url(../img/usr/visual/prev.png) center center no-repeat;
}
#mainvisual .flex-next {
	right: -50px;
	background: url(../img/usr/visual/next.png) center center no-repeat;
}
#mainvisual .cover_ {
	position: absolute;
	bottom: 28px;
	left: 0;
	width: 100%;
}
#mainvisual .cover_ img {
	width: 100%;
}

/* --------------------------------------------------------------------
	ユーザー定義　イベントバナー[静的]
--------------------------------------------------------------------- */
div.event_pickup_banner_ {
	margin: 0 0 25px;
}
div.event_pickup_banner_ ul {
}
div.event_pickup_banner_ ul:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
div.event_pickup_banner_ ul li {
	margin: 0 0 10px;
}
div.event_pickup_banner_ ul li:nth-of-type(odd) {
	clear: both;
	float: left;
}
div.event_pickup_banner_ ul li:nth-of-type(even) {
	float: right;
}
div.event_pickup_banner_ ul li a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	background-color:transparent\0/;
}

/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */
.change_mode_ {
	text-align: center;
	padding: 20px 0;
}
.change_mode_ a ,
.change_mode_ span {
	display: inline-block;
	line-height: 1;
	padding: 0 10px;
}
.change_mode_ span {
	border-left: 1px solid #000;
}

#footer {
	margin-top: 100px;
	background: url(../img/usr/common/common_bg.jpg) center center repeat;
}
#footer .footer_inner_ {
}
#footer .footer_inner_ .inner_ {
	position:relative;
	width: 1120px;
	padding: 30px 0 65px;
	margin: 0 auto;
}
#footer #footer_pagetop {
	display: none;
	position: fixed;
	left: auto;
	bottom: 50px;
	width: 64px;
	margin-left: 1120px;
	z-index: 1000;
}
#footer #footer_pagetop a {
	display: inline-block;
	width: 64px;
	text-align: center;
	padding: 10.5px 0;
	background-color:  rgba(68, 68, 68, 0.5);
	border-radius: 6px;
} 
#footer #footer_pagetop a:hover {
	background-color:  rgba(68, 68, 68, 0.7);
}
#footer .footer_box_ {
	border-left: 1px dotted #000;
}
#footer .footer_box_:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#footer .footer_block_ {
	float: left;
	width: 373px;
	padding: 15px 30px;
	border-right: 1px dotted #000;
	box-sizing: border-box;
}
#footer .footer_block_ h2 {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 20px;
}
#footer .footer_block_ h2.f_delivery_ {
	line-height: 35px;
	padding-left: 60px;
	background: url(../img/usr/common/icon_delivery.png) left center no-repeat;
}
#footer .footer_block_ h2.f_payment_ {
	line-height: 35px;
	padding-left: 55px;
	background: url(../img/usr/common/icon_payment.png) left center no-repeat;
}
#footer .footer_block_ h2.f_company_ {
	line-height: 39px;
	padding-left: 52px;
	background: url(../img/usr/common/icon_company.png) left center no-repeat;
}
#footer .footer_block_ h2.f_contact_ {
	line-height: 25px;
	padding-left: 52px;
	background: url(../img/usr/common/icon_mail.png) left center no-repeat;
}
#footer .footer_block_ dl {
	letter-spacing: 0.4px;
	margin: 0 0 20px;
}
#footer .footer_block_ dt {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 1px 5px;
	margin: 0 0 10px;
	background: rgba(0,0,0,0.1);
	border-radius: 12px;
}
#footer .footer_block_ dd {
	font-size: 12px;
	line-height: 18px;
}
#footer .footer_block_ .company_info_ {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.4px;
	margin: 0 0 25px;
}
#footer .footer_block_ .btn_contact_ {
	margin: 30px 0 0;
	box-shadow: 0px 3px 0px 0px rgba(13, 4, 8, 0.05);
	border-radius: 6px;
}
#footer .footer_block_ .btn_contact_ a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 10.5px 0;
	background: -webkit-linear-gradient(90deg, #787878 0%, #6a6a6a 100%);
	background: -moz-linear-gradient(90deg, #787878 0%, #6a6a6a 100%);
	background: -o-linear-gradient(90deg, #787878 0%, #6a6a6a 100%);
	background: -ms-linear-gradient(90deg, #787878 0%, #6a6a6a 100%);
	background: linear-gradient(0deg, #787878 0%, #6a6a6a 100%);
	background: #787878\9;
	box-shadow: 0px 3px 0px 0px rgba(13, 4, 8, 0.2);
	border-radius: 6px;
}
#footer .footer_block_ .btn_contact_ a:hover {
	opacity: 0.8;
}
#footernav {
	padding: 32px 0 30px;
	border-bottom: 2px solid #0075c1;
	background: #333;
}
#footernav ul {
	text-align: center;
}
#footernav li {
	display: inline-block;
	font-size: 12px;
	line-height: 12px;
	border-left: 1px solid #ccc;
}
#footernav li:first-child {
	border-left: none;
}
#footernav li a {
	color: #ccc;
	padding: 0 14px;
}
#footernav li a:hover {
	color: #787878;  
	text-decoration:none;
}
#footer_bottom {
	text-align: center;
	padding: 35px 0;
	border-top: 2px solid #e60012;
	background: #212121;
}
#footer_bottom p {
	color: #666666;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.6px;
	margin: 0 0 25px;
}
#footer_bottom p#copyright {
	font-size: 10px;
	margin: 0;
}