@charset "utf-8";

/********************************************
smartphone only
*********************************************/
@media (max-width: 767px) {

/*モールトップ コンテンツ*/
#page-body.grandtop{line-height:0;}

/*レイアウト*/
.row .span3{width:100%;}
.row .span9,
.row-fluid .span9{width:100%; float:none;}

/*ボタン*/
.form-actions .btn{width:100% !important; line-height:1em !important; padding:12px 0 !important; margin:15px 0 0 !important;}
.form-actions > .btn:first-child{margin-top: 0 !important;}
.form-actions .btn:before,
.form-actions .btn:after{content:normal !important;}

/*ヘッダー*/
#head-bar .utility-nav li.last-child{padding-right:8px;}
.navbar-fixed-top .navbar-inner .container {margin: 10px auto 0;}

/*フッター*/
#page-footer{border-top: 2px solid #F2F3F3; margin:10px -10px 0 -10px;}
#page-footer .container{padding:15px 10px 0;}

#page-footer .row-fluid > div,
#page-footer .row-fluid > div:first-child{border:none; margin-bottom:0; padding:0; width:50%; float:left; min-height: 210px;}
#page-footer .copyright{padding:10px 0; margin: 0 -10px;}
#page-footer .row-fluid div{margin-top: 24px;}
#page-footer .row-fluid div.span3:nth-child(3){clear:both;}
#page-footer .footer-social-box{margin-top: 0;}
#page-footer .row-fluid > div.span3:nth-of-type(1),
#page-footer .row-fluid > div.span3:nth-of-type(2),
#page-footer .row-fluid > div.span3:nth-of-type(3),
#page-footer .row-fluid > div.span3:nth-of-type(4),
#page-footer .row-fluid .span3.pull-right{width:50%;}

#page-footer .row-fluid > div.span3:nth-of-type(3),
#page-footer .row-fluid > div.span3:nth-of-type(4){
	min-height: 125px;
}

#page-footer .row-fluid > div.span3:nth-of-type(5){
	min-height: 100px;
}

#page-footer .row-fluid .span3.pull-right .footer-title {
	text-align: left;
}

#page-footer .row-fluid > div.span3:nth-of-type(5) div{
	margin-top:0;
}

/*サブナビ*/
.subnav{margin-left:-10px; margin-right:-10px;}
.subnav h2{background-color:#f2f3f3; margin-bottom:0; padding:4px 10px; font-size:20px !important;}
.subnav .nav-list > li > a{padding: 7px 10px; border-bottom:solid 1px #f2f3f3;}
.our-stores .subnav > div{border-top:none; padding-top:0;}

/*サイドバナー*/
.side_bannerarea{margin-left:-10px; margin-right:-10px;}
.side_bannerarea ul li{width:49.5%;margin-left:1%;margin-bottom:1%;float:left;text-align:center;}
.side_bannerarea ul li:nth-child(2n-1){margin-left:0%;}

/*可変テーブル*/
.liquid-table > tbody > tr > td:first-child{
  border-top:solid 1px #f2f3f3;
  margin-top:5px;
  padding-top:5px;
}

/*インデックス*/
#grandtop-main{margin-left:-10px; margin-right:-10px;}
#news-list .news-text{height:auto;}

/*調整*/
.box-title{padding-bottom:8px;}
#news-list > .row-fluid{padding-top:0;}
#checked-items{margin-top:10px;}
.catbnrs-top,
.catbnrs-bottom{margin-right:-5px;}
.catbnrs-top ul li,
.catbnrs-bottom ul li{margin:0 0 5px; padding:0 5px 0 0;}
.guide .page-header{margin:0;}
.guide [id*="guide"] .page-header{margin:50px 0 0;}
.press .page-header{margin-top:0;}
.mypage-area h1{margin-top:0;}

/*ニュース*/
#news-list > .row-fluid > div,
#news-list > .row-fluid > div:first-child{border:none; padding:0; width:100%;}

.news-event section{margin-bottom:20px;}
.news-event .row-fluid [class*="span"]{margin-bottom:10px; padding-bottom:10px;}

/*詳細検索*/
.select-color td{width:32%; float:left;}

/*商品一覧系共通*/
.list .row-fluid [class*="span"]{padding:0 10px;}
.list .row-fluid [class*="span"] figure{margin:0 0 10px;}
.sectionContent li.first-child{clear:none;}
.list-child-visual .cat-img-right img{width:80%;}
.list .row-fluid [class*="span"]:nth-child(2n-1){
  clear:both;
}

/*ソート*/
.sort table td{padding-right:0; float:left;}
.sort table td select{font-size:10px;}

/*商品詳細*/
.select_quantity_default select.ds2_select_cs{width:170px !important;}
.select_quantity_default select.ds2_select_quantity{width:110px !important;}
.color-pattern ul li .color-name{max-width: 52px!important;}

/*関連商品*/
#selection ul.slides > li,
#related-items ul.slides > li{border:none; padding:0px;}
#selection ul.slides > li:first-child,
#related-items ul.slides > li:first-child{border:none;}
#selection ul.slides > li figure,
#related-items ul.slides > li figure{margin:0 0 10px;}
#selection ul.slides > li .list-item-text,
#related-items ul.slides > li .list-item-text{border:none; height:110px;}

/* フロー */
.action-steps{font-size:10px; display:table; table-layout: fixed; width:100%;}
.action-steps li{float:none; display:table-cell !important; vertical-align:middle; line-height:12px; padding:5px 2px;}
.action-steps li:before,
.action-steps li:after{content:normal !important;}
.cart-area .action-steps.step6 li{width:20.5%;}
.action-steps.step2 li{width:49%;}
.action-steps.step3 li{width:33.3%;}
.action-steps.step4 li{width:25%;}

/* マイページ */
.mypage-menu .row-fluid > div{width:48%; margin-bottom:15px;}
.mypage-menu .row-fluid [class*="span"]{margin-left:4%;}
.mypage-menu .row-fluid > div:nth-child(2n-1){margin-left:0;}

/*コントラクト，ウェディング*/
.corp{
  margin-bottom:20px;
}
.corp .image-area{
  width:100%;
  text-align:center;
}
#corp-main.flexslider{
  margin-bottom:50px;
}
#corp-main .flex-control-nav{
  display:inherit;
  bottom:-27px;
  width:75%;
  text-align:left;
}
#corp-main .flex-direction-nav a{
  text-indent:-9999px;
  width:25px;
  height:25px;
  bottom:-30px;
}
#corp-main.flexslider:hover .flex-prev,
#corp-main .flex-direction-nav .flex-prev{
  right:38px;
  background:url("/assets/images/contract_prev.jpg") no-repeat;
  z-index:9998;
}
#corp-main.flexslider:hover .flex-next,
#corp-main .flex-direction-nav .flex-next{
  right:6px;
  background:url("/assets/images/contract_next.jpg") no-repeat;
  z-index:9998;
}
#corp-main .flex-control-paging li a{
  width:6px;
  height:6px;
  box-shadow:none;
  background:#eeeeee;
}
#corp-main .flex-control-paging li a.flex-active{
  background:#000000;
}

/*ガイド テーブル*/
/***地域***/
.guide .region-table{
  table-layout:auto;
}
.guide .region-table th{
  width:20%;
  border-right:solid 1px #ddd;
}
.guide .region-table td{
  width:26%;
  float:left;
  border:0;
  padding:2px 8px;
}
.guide .region-table td.none{
  display:none;
}

/***配送料***/
.guide .delivery-charge-table{
  table-layout:auto;
}
.guide .delivery-charge-table{
  float:none;
  width:100% !important;
}
.guide .delivery-charge-table.left{
  border-right:solid 1px #ddd;
}
.guide .delivery-charge-table tbody th{
  width:20% !important;
}
.guide .delivery-charge-table .vp{
  display:table-cell;
}
/*店舗情報*/
.shop_main_photo img{
	width:100%;
}
.shop_detail_photo ul{
	margin:0;
}
.shop_detail_photo ul li.ph_large, .shop_detail_photo ul li.ph_large02{
	float:none !important;
	width:100%;
	margin:0 0 2% 0;
}


/*ユーティリティ*/
.ratio-sp-10 { width: 10%!important;}
.ratio-sp-20 { width: 20%!important;}
.ratio-sp-30 { width: 30%!important;}
.ratio-sp-40 { width: 40%!important;}
.ratio-sp-50 { width: 50%!important;}
.ratio-sp-60 { width: 60%!important;}
.ratio-sp-70 { width: 70%!important;}
.ratio-sp-80 { width: 80%!important;}
.ratio-sp-90 { width: 90%!important;}
.ratio-sp-100 { width: 100%!important;}

.smp-fl { float:left!important;}
.smp-fr { float:right!important;}

/*お問い合わせページ*/
.controls ul.inquiry_detail li{width:100% !important; margin-left:0;}

/*hidden-phone*/
.hidden-phone{
	display:none;
}

.visible-phone{
	display:inherit;
}


/*ニュース一覧*/

.grandtop-middle-banner #news_list .span12 table td.news-text p.text-area a{
 height:auto;
}



/*****************************************************************************
インデックス
*****************************************************************************/

/******************画像余白調性・width**********************/
.grandtop-middle-banner .row-fluid {
 margin-bottom:0;
}

.grandtop-middle-banner .row-fluid img{
 width:100%;
}

.grandtop-middle-banner .row-fluid .span6 a,
.grandtop-middle-banner .row-fluid li:first-child,
.grandtop-middle-banner .row-fluid .span9 ul.selection_span9_inner li:first-child,
.grandtop-middle-banner .row-fluid .span9 ul.selection_span9_inner li:last-child,
.grandtop-middle-banner .row-fluid li,
.grandtop-middle-banner .row-fluid .span9,
.grandtop-middle-banner .row-fluid .span9 ul.selection_span9_inner li{
 margin:0px;
}

.grandtop-middle-banner .row-fluid #news_list,
.grandtop-middle-banner .row-fluid .visible-phone img,
.grandtop-middle-banner .row-fluid .span6,
.grandtop-middle-banner .row-fluid .span9{
 width:100% !important;
}

.grandtop-middle-banner .row-fluid .span3{
 width:	50%;
}


#news_list .span12,
.grandtop-middle-banner .row-fluid .span6,
.grandtop-middle-banner .row-fluid .visible-phone{
 margin-bottom:1.5% !important;
}

.grandtop-middle-banner .row-fluid .span3 a{
margin-bottom:4%;
display:block;
}

/*hover時調性*/
.grandtop-middle-banner .row-fluid #news_list a.reccomend_banner_01 span,
.grandtop-middle-banner .row-fluid .span9 ul.selection_span9_inner li .item-ttl,
.grandtop-middle-banner .row-fluid li span .item-ttl{
	display:none;
}


.grandtop-middle-banner .row-fluid #news_list a.reccomend_banner_01 .item-ttl{
	height:65%;
}
.grandtop-middle-banner .row-fluid li span .item-ttl{
	height:65%;
}
.grandtop-middle-banner .row-fluid .span9 ul.selection_span9_inner li .item-ttl{
	height:65%;
}

.grandtop-middle-banner .row-fluid.liquid-column3 li.left,
.grandtop-middle-banner .row-fluid.liquid-column3 li.right,
.grandtop-middle-banner .row-fluid.liquid-column3 li img{
  float:left;
  width:100% !important;
}

.grandtop-middle-banner .row-fluid.liquid-column3 li.right,
.grandtop-middle-banner .row-fluid.liquid-column3 li.left{
  margin:1.5% 0 0 !important;
}


/******************メインビジュアルバナー**********************/
#category_bnr_area div, #main_visual_area div {
padding: 5px 5px;
height:auto;
}

#category_bnr_area div h2, #main_visual_area div h2 {
font-size: 12px;
}

.grandtop-middle-banner .main_banner_5 div {
 height: auto !important;
}

.grandtop-middle-banner .row-fluid #category_bnr_area div{
display: block;
float: left;
width: 96%;
padding: 2%;
text-align: left;
}

.grandtop-middle-banner .row-fluid .smp_column_2 {
margin-left: 0;
width:50%;
float:left;
margin-bottom:1.5%;
}

.grandtop-middle-banner .row-fluid .smp_column_2 a{
width:100%;
float: left;
margin:0;
}

/*********************ニュースエリア***************************/
.grandtop-middle-banner #news_list {
width: 100%;
margin-left: 0;
float:left;
}


/******************カテゴリーバナーエリア**********************/
#category_bnr_area {
position:relative;
background-color: #f2f2f1;
text-align: left;
}

.grandtop-middle-banner .row-fluid #category_bnr_area div {
position:absolute;
bottom:0;
background-color: #f2f2f1;
opacity:1;
-moz-opacity:1;
-ms-opacity:1;
-o-opacity:1;
-webkit-opacity:1;
height:35px;
overflow:hidden;
}

#category_bnr_area div span{
height: 15px;
overflow:hidden;
}

/*********************メールマガジン***************************/

.grandtop-middle-banner .row-fluid .mailmagazine {
height: auto;
}

.grandtop-middle-banner .row-fluid .visible-phone{
float:left;
width:50%;
}


/*********************レコメンドバナー*************************/
.grandtop-middle-banner .row-fluid .span9 ul.selection_span9_inner{
list-style-type:none;
}

.grandtop-middle-banner .row-fluid .span9 ul.selection_span9_inner li{
float:left;
}

.grandtop-middle-banner .row-fluid .span9 ul.selection_span9_inner li:first-child{
 width:100%;
 margin-bottom:1.5%;
}

.grandtop-middle-banner .row-fluid .span9 ul.selection_span9_inner li{
 width:50%;
}

/*****************************************************************************
インデックス END
*****************************************************************************/

/*****************************************************************************
詳細検索ページ
*****************************************************************************/
#searchDetailArea #searchDetailAreaInner,
#searchDetailArea #searchDetailAreaInner h3.box-title,
#searchDetailArea #searchDetailAreaInner .fillinArea,
#searchDetailArea #searchDetailAreaInner .select-item,
#searchDetailArea #searchDetailAreaInner .select-price,
#searchDetailArea #searchDetailAreaInner .select-off_rate,
#searchDetailArea #searchDetailAreaInner .select-color,
#searchDetailArea #searchDetailAreaInner .select-price ul.inline > li > select,
#searchDetailArea #searchDetailAreaInner .select-off_rate ul.inline > li > select,
#searchDetailArea #searchDetailAreaInner .form-actions{
 width:100%;
}

#searchDetailArea #searchDetailAreaInner .select-price ul.inline > li,
#searchDetailArea #searchDetailAreaInner .select-off_rate ul.inline > li{
 width: 40%;
}

#searchDetailArea #searchDetailAreaInner .select-price ul.inline > li:nth-child(3n+2),
#searchDetailArea #searchDetailAreaInner .select-off_rate ul.inline > li:nth-child(3n+2){
 width: 15%;
 text-align:center;
}

#searchDetailArea #searchDetailAreaInner .detail_search_area{
 padding: 10px 0;
}

#searchDetailArea #searchDetailAreaInner .form-actions {
 padding: 20px 0 0 0;
}

#searchDetailArea .sp-actions {
    width: 100%;
}

}


/********************************************
smartphone to tablet
*********************************************/
@media (max-width: 979px) {
/*ヘッダースライドメニュー*/
#page-header,
#page-body,
#page-footer{background-color:#ffffff;}
body:before{left:-13px; width:13px; /*background:none; border-left:3px solid #000;*/}
.show-navi body {background-color: #f8f8f6;/* margin-left: -10px;*/}
.show-navi body:before{left:247px;}
.show-navi .nav-bottom{width: 230px; top: 0; left: -250px;}
.show-navi #page-header,
.show-navi #page-footer{/*left: 270px;*/}
.show-navi #page-body{/*left: 260px;*/}

/*カテゴリー*/
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a{font-size: 14px; color: #333132; border-top:solid 1px #bbb; margin-bottom:0; border-radius:0;}
.nav-collapse #global-navi{/*margin-top:15px;*/ border-bottom:solid 1px #bbb;}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {padding: 14px 15px;}

/*ヘッダー*/
.navbar-fixed-top{margin-bottom:5px;}
.navbar-fixed-top .navbar-inner{padding:0;}
.navbar .btn-navbar{background:none; margin:0 2px 0 0; padding:3px 4px; border-radius:0; border-width: 1px; border-style: solid; color:#BCBEC0; text-shadow: none; float: right;}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled]{color:#000; text-shadow:none;}

.navbar .btn-navbar .icon-list{margin-top:0;}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled]{background-color:transparent;}
#head-bar .utility-nav {float: left; padding-top: 2px;}
#head-bar{padding-top:4px;}

/*プルダウンメニューの非表示*/
/*#global-navi .dropdown-menu,*/
#head-sub-menu .dropdown-menu{display:none;}


/*ロゴ*/
.navbar .brand{margin:0; padding:0;}
.logo-wrap{width:80%; float:none; text-align:center; margin:10px auto 0; padding-bottom:10px;}
#head-sub-menu{float:none; margin-top:12px;}
#head-sub-menu ul li{width:31%; height:auto;}
#head-sub-menu ul li.dropdown a.hidden-phone{display:none !important}
#head-sub-menu ul li.dropdown a.visible-phone{display:block !important}
#head-sub-menu ul li a{padding:5px 0; font-size:10px; display:block; text-align:center; color: #636466;}

#head-sub-menu ul li{border-right: solid 1px #bbbbbb;}
#head-sub-menu ul li:nth-child(3){border-right:none;}
#head-sub-menu ul li a i{margin-bottom:5px;}

/*検索フォーム*/
.search-wrap{
  float:none;
  margin-top:12px;
  width:auto;
  position:relative;
  width: 98%;
  clear: both;
  display: inline-block !important;
  float: left;
  margin-bottom: 0;
  margin-top: 12px;
  position: relative;
  height:30px;
  margin-left: 1%;
}
.search-wrap .navbar-form{
  width: 71%;
  height: 30px;
  border: none;
  padding: 0;
  margin: 0 0;
  float: left;
}
.search-wrap .navbar-form input.search-text {
  width: 100%;
  padding: 0;
  font-size: 12px;
  line-height: 12px;
  text-indent: 5px;
  border:1px solid #bbb;
  top:0;
}
.search-wrap .navbar-form input.searchBtn {
  position: absolute;
  top: 0;
  right: 0px;
  padding: 10px;
}
.show-navi .search-text{
  width:100%;
  margin-right:0;
  border-radius:0;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.search-wrap a.search{
  background-color: #4c4c4c;
  width: 24%;
  margin: 0 0 0 1%;
  padding: 5px 2%;
  top: 0;
  float: left;
  font-size: 11px;
}
.head-info{
  float:none;
  margin:15px 0 15px;
  width:auto;
  text-align:center;
}
.head-info a{
  letter-spacing: 0;
}
.breadcrumb{
  margin-bottom:15px;
}



/*商品詳細 ボタン*/
.item_submit_btn_block{text-align:center;}
.item_submit_btn_block .btn{float:none; width:100%; line-height:1em; padding:12px 0; margin:20px auto 0;}
.item_submit_btn_block .btn.disabled,
.item_submit_btn_block .btn[disabled]{padding:11px 0;}
#ds2_add_button_disable .btn_cart[disabled]{padding:11px 0;}
.item_submit_btn_block .btn:first-child{margin-top:0;}

/*商品一覧*/
.sort, .pager{float:none;}
.pager li > a{padding:5px 12px;}
.pager .pageNumber .pager_active a{background-color:#f2f2f3; text-decoration:none;}
.pager .pageNumber .pager_prev a,
.pager .pageNumber .pager_next a{padding:5px 0;}

/*お気に入りボタン*/
#view #item-detail .productFavorite{
  text-align: center;
  padding-top: 12px;
  margin: 3% auto;
  width: 99.5%
}
/*お問い合わせページ*/
.controls ul.inquiry_detail li{width:250px; margin-left:0;}


/*最近チェックした商品*/
#checked-items h2.box-title {
width:100%;
}

#checked-items .flexslider ul li:nth-child(3n+3){
	border-right:1px solid #FFF;
}

#checked-items{
	padding:10px 0 50px 0;
}

#checked-items .flexslider .flex-direction-nav {
position: relative;
top: 8px;
}

/*タブレット・SMP隠す、表示する*/
.hidden-phone-tablet{
display:none;
}

.visible-phone-tablet{
display:block;
}

/*タブレット・SMP隠す、表示する(inherit)*/
.hidden-phone-tablet-inline{
display:none !important;
}

.visible-phone-tablet-inline{
display:inline !important;
}

/*Gナビ*/
.navbar .nav, .head-navi-inner{
width: auto;
}

#head-sub-menu-under{
float:none;
}

#head-navi {
height: auto;
background-color: #f8f8f6;
width:100%;
overflow:hidden;
margin: 0 0 0;
}

#head-navi .head-navi-inner ul#global-navi.gloval-navi-top{
width:100%;
background-color:#4c4c4c;
}

#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li{
width:33.333333333333333333%;
text-align:center;
padding:10px 0;
color:#FFFFFF;
border-right:1px solid #FFF;
border-bottom:1px solid #FFF;
box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box;
cursor: pointer;
}

#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li:nth-child(3n-2){
border-right:none;
}

#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.active a,
#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li a:hover{
padding:5px;
color:#000000;
background-color:#FFFFFF;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.outlet a:hover,
#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.outlet a{
padding:0;
color:#FFFFFF;
background-color:#4c4c4c;
box-shadow: none;
}

#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.active.outlet a,
#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.active.outlet{
background-color:#FFF;
}

#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.active.outlet a{
color:#636466;
}

#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.open{
background-color:#FFFFFF;
color:#000000;
}

#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.categiry_open{
padding: 0 0 5px;
background-color:#FFF;
border-top:1px solid #FFF;
}

#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.categiry_open,
#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.categiry_open ul{
width:100%;
}

#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.categiry_open ul{
height:auto;
overflow:hidden;
background-color:#FFF;
display:none;
}

#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.categiry_open ul.open{
display:block;
border-bottom: 1px solid #cdcdcd;
}

#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.categiry_open ul li{
float: left;
list-style-type: none;
text-align: left;
color: #333;
width: 50%;
padding:0;
}

#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.categiry_open ul li:nth-child(2n-1){
clear:both;
}

#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.categiry_open ul li a{
color:#333;
display:block;
padding:10px;
font-weight:bold;
font-size:11px;
}

#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.categiry_open ul li.active a,
#head-navi .head-navi-inner ul#global-navi.gloval-navi-top li.categiry_open ul li a:hover{
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
background-color:#4c4c4c;
color:#FFF;
}

/*2015/03/18 add g-navi*/
.nav-collapse.collapse {float: none;}
.nav-collapse .nav {margin-bottom: 0px;}
.navbar .nav > li > .dropdown-menu {width: 100%;}
.nav-collapse .dropdown-menu li.dropdown-child a {font-weight:normal; color:#636466; font-size: 12px;}
#global-navi .dropdown-menu a {border-top: solid 1px #edeeee; padding: 14px 15px;}
#global-navi .dropdown-menu li {background-color: #fff;}
#global-navi .dropdown.hidden-desktop a.dropdown-toggle {background: url("/assets/images/icon_plus_1.jpg") no-repeat 98% 21px;}
#global-navi .dropdown.hidden-desktop.open a.dropdown-toggle {background: url("/assets/images/icon_bar_1.jpg") no-repeat 98% 21px;}
#global-navi .pulldown00 .dropdown-menu > li > a {padding: 14px 15px;}
#global-navi li.dropdown.active > .dropdown-toggle {background-color: #e5e5e5;}
/* hover cut */
.navbar .nav-collapse .dropdown-menu li.dropdown-child a:hover {background: none;}
.navbar .nav > li > .dropdown-menu > li.inner-left > ul > li > .dropdown-menu > li.active > a,
.navbar .nav > li > .dropdown-menu > li.inner-left > ul > li > .dropdown-menu > li > a:hover,
.navbar .nav > li > .dropdown-menu > li.inner-left > p > a:hover,
.navbar .nav > li > .dropdown-menu > li.inner-left > ul > li > a:hover,
.pulldown00 .dropdown-menu > li > a:hover{color:#636466; background: none;}
/*slider indent*/
#grandtop-main .flexslider {margin-bottom:13px;}

/*ニュース対応*/
/*news*/
.entrybody table.news,
.entrybody table.news tbody,
.entrybody table.news tbody tr,
.entrybody table.news tbody tr th,
.entrybody table.news tbody tr td{
  display:block;
  width:100%;
  height:auto;
  overflow:hidden;
}
.entrybody table.news{
  border-top:1px solid #bbb;
}
.entrybody table.news tbody tr{
  border-bottom:1px solid #bbb;
  padding: 10px 0 0;
}
.entrybody table.news tbody tr th{
  text-align: left;
  margin:0 ;
}
.entrybody table.news tbody tr td{
  margin:0 0 10px;
  float:left;
  padding:0;
}

.entrybody table.news tbody tr td.img{
  text-align:center;
}

}


/********************************************
tablet only
*********************************************/
@media (min-width:768px) and (max-width: 979px) {
.row .span3{/*width:180px;*/}
.row .span9{width:538px;}

/*ヘッダー*/
/*.nav-collapse, .nav-collapse.collapse {height: auto; overflow: visible;}*/
#page-header.navbar .container{/*width:724px;*/ width: 100%;}

/*ユーティリティ*/
.ratio-tb-10 { width: 10%!important;}
.ratio-tb-20 { width: 20%!important;}
.ratio-tb-30 { width: 30%!important;}
.ratio-tb-40 { width: 40%!important;}
.ratio-tb-50 { width: 50%!important;}
.ratio-tb-60 { width: 60%!important;}
.ratio-tb-70 { width: 70%!important;}
.ratio-tb-80 { width: 80%!important;}
.ratio-tb-90 { width: 90%!important;}
.ratio-tb-100 { width: 100%!important;}

.tb-fl { float:left!important;}
.tb-fr { float:right!important;}



/*************************************************************************************
インデックス
*************************************************************************************/


/********************************インデックス全体************************************/
.grandtop-middle-banner .row-fluid .span3 a,
.grandtop-middle-banner .row-fluid {
 margin-bottom:6px;
}

.grandtop-middle-banner .row-fluid li:first-child{
  margin:none;
}

.grandtop-middle-banner .row-fluid li{
 margin-left:6px;
}

.grandtop-middle-banner .row-fluid .span3{
 width:	176px;
}

.grandtop-middle-banner .row-fluid .span3 a{
display:block;
margin-bottom:6px;
}

/*hover時対応*/

.grandtop-middle-banner .row-fluid #news_list a.reccomend_banner_01 .item-ttl,
.grandtop-middle-banner .row-fluid li span .item-ttl,
.grandtop-middle-banner .row-fluid .span9 ul.selection_span9_inner li .item-ttl{
	font-size:8px;
	line-height:12px;
}

.grandtop-middle-banner .row-fluid #news_list a.reccomend_banner_01 .hover,
.grandtop-middle-banner .row-fluid li span .hover,
.grandtop-middle-banner .row-fluid .span9 ul.selection_span9_inner li .hover{
   display:block;
}

.grandtop-middle-banner{
	margin-right: -10px;
	margin-left: -10px;
}

.grandtop-middle-banner .row-fluid li span{
	width:100%;
	height:100%;
	display:block;
}

.grandtop-middle-banner .row-fluid.liquid-column3 li.left,
.grandtop-middle-banner .row-fluid.liquid-column3 li.right{
  float:left;
  width:49.5%;
}

.grandtop-middle-banner .row-fluid.liquid-column3 li.left{
  margin: 0 0.5% 0 0;
}

.grandtop-middle-banner .row-fluid.liquid-column3 li.right{
  margin: 0 0 0 0.5%;
}



/**************************************NEWS LIST*************************************/
.grandtop-middle-banner #news_list{
 width: 176px;
 margin-left:6px;
}


.grandtop-middle-banner #news_list .span12 {
margin-bottom: 6px;
height:114px;
}

.grandtop-middle-banner #news_list .span12 table td.news-text p.link-viewall {
padding: 5px 10px 5px;
}


.grandtop-middle-banner #news_list .span12 table td.news-text p.text-area {
padding: 5px 5px 0;
}

.grandtop-middle-banner #news_list .span12 table td.news-text p.text-area a {
height: 73px;
line-height:18px;
}




/*************************インデックス メインビジュアル******************************/

.grandtop-middle-banner .row-fluid .smp_column_2 a {
margin-bottom: 0px;
}

.grandtop-middle-banner .row-fluid .span6{
 width:359px;
}

.grandtop-middle-banner .row-fluid .span6 a{
display:block;
margin-bottom:0px;
}

.grandtop-middle-banner .main_banner_5 div {
height: 45px !important;
}

#category_bnr_area div, #main_visual_area div {
padding: 5px 5px;
height:43px;
}

#category_bnr_area div h2, #main_visual_area div h2 {
font-size: 12px;
margin-bottom:0px;
}


#category_bnr_area div, #main_visual_area div{
font-size:10px;
line-height:14px;
}

#category_bnr_area div span, #main_visual_area div span {
height: 35px;
}

/*********************メールマガジン********************/

.grandtop-middle-banner .row-fluid .mailmagazine {
 height:116px;
}

.grandtop-middle-banner .row-fluid .mailmagazine a{
 margin-bottom: 0px;
 padding: 0 0 0 0;
 display: block;
 height: 116px;
}

.grandtop-middle-banner .row-fluid li span.mailmagazine_title{
  display:block;
  height:15px;
  padding:5px 0 0 5px;
  width:215px;
  overflow:hidden;
  line-height:15px !important;
}

.grandtop-middle-banner .row-fluid li span.mailmagazine_txt{
  display: block;
  height: 85px !important;
  margin: 5px 0 5px 5px;
  width: 165px !important;
  overflow: hidden;
  line-height: 18px !important;
}

.mailmagazine_icon{
	display:none;
}


.grandtop-middle-banner .row-fluid .mailmagazine a span:nth-of-type(1),
.grandtop-middle-banner .row-fluid .mailmagazine a span:nth-of-type(2){
 color:#FFFFFF;
 letter-spacing:1px;
}

.grandtop-middle-banner .row-fluid .mailmagazine a span:nth-of-type(1){
 font-size:12px;
 line-height: 20px;
}

.grandtop-middle-banner .row-fluid .mailmagazine a span:nth-of-type(2){
 font-size:10px;
 line-height: 14px;
}

.grandtop-middle-banner .row-fluid .mailmagazine a img{
 position:absolute;
 bottom:10px;
 right:10px;
}

/*******************メールマガジン END******************/


/******************************カテゴリーメニューエリア*******************************/
.grandtop-middle-banner .row-fluid .smp_column_2 {
 margin-left: 6px;
}

/******************************カテゴリーメニューエリア*******************************/

.grandtop-middle-banner .row-fluid .span9{
margin-left:0px;
width: 548px;
}

.grandtop-middle-banner .row-fluid .span9 ul.selection_span9_inner{
list-style-type:none;
}

.grandtop-middle-banner .row-fluid .span9 ul.selection_span9_inner li:first-child{
margin-left:6px;
width: 268px;
}

.grandtop-middle-banner .row-fluid .span9 ul.selection_span9_inner li:last-child{
margin-right:0;
}

.grandtop-middle-banner .row-fluid .span9 ul.selection_span9_inner li{
float:left;
margin-left:10px;
width: 127px;
}



/*フッター対応*/
#page-footer .row-fluid {
width: 720px;
}

#page-footer .row-fluid > div.span3:nth-of-type(1) {
width: 160px;
}
#page-footer .row-fluid > div.span3:nth-of-type(2) {
width: 180px;
}
#page-footer .row-fluid > div.span3:nth-of-type(3) {
width: 135px;
}
#page-footer .row-fluid > div.span3:nth-of-type(4) {
width: 155px;
}
#page-footer .row-fluid > div {
padding: 0 5px 0 0;
}

#page-footer .row-fluid .span3.pull-right {
padding: 0;
width: 90px;
}


#checked-items {
width: 640px;
margin:40px auto 0;
padding:15px 80px 30px 0;
}

#checked-items .flexslider .flex-direction-nav {
position: relative;
bottom: 185px;
left: 65px;
top: -185px;
}

/*お気に入りボタン*/
#view #item-detail .productFavorite{
  text-align: center;
  padding-top: 12px;
  margin: 5% auto;
  width: 192px;
}

}

/********************************************
pc only
*********************************************/
@media (min-width:980px) {
/*ユーティリティ*/
.ratio-pc-10 { width: 10%!important;}
.ratio-pc-20 { width: 20%!important;}
.ratio-pc-30 { width: 30%!important;}
.ratio-pc-40 { width: 40%!important;}
.ratio-pc-50 { width: 50%!important;}
.ratio-pc-60 { width: 60%!important;}
.ratio-pc-70 { width: 70%!important;}
.ratio-pc-80 { width: 80%!important;}
.ratio-pc-90 { width: 90%!important;}
.ratio-pc-100 { width: 100%!important;}

.width-pc-10 { width: 10px!important;}
.width-pc-20 { width: 20px!important;}
.width-pc-30 { width: 30px!important;}
.width-pc-40 { width: 40px!important;}
.width-pc-50 { width: 50px!important;}
.width-pc-60 { width: 60px!important;}
.width-pc-70 { width: 70px!important;}
.width-pc-80 { width: 80px!important;}
.width-pc-90 { width: 90px!important;}
.width-pc-100 { width: 100px!important;}

.pc-fl { float:left!important;}
.pc-fr { float:right!important;}

}

@media (max-width: 365px) {

#head-bar .utility-nav li {border-right: solid 1px #bbbbbb; padding: 0 5px 0 5px; line-height: 1em; font-size:11px;}

}