@charset "utf-8";

/********************
追記
********************/

/*矢印*/

.y_down{
	position: relative;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-top-color: #99CC99;
	margin-right: auto;
	margin-left: auto;
}

.y_down:after{
  position: absolute;
  content: '';
  top: -32px;
  left: -8px;
  width: 16px;
  height: 16px;
  background: #99CC99;
}

.page-header_top {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #39F;
}

.indent1{
	text-indent: 15px;
}

.center_p{
	text-align: center;
}

.no_effect{
	color: #CCCCCC;
	font-size: 11px;
}




.vWrap{
	position: relative;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	padding-bottom: 50%;
	padding-top: 69px;
	overflow: hidden;
}
 
.vWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.body_top{
	background-image: url(http://yamakawa-sr.net/new/images/sn_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}



/********************
追記おわり
********************/


@font-face {
  font-family: 'HelveticaNeueLTStd75Bold'; font-weight: normal; font-style: normal;
  src: url('../font/helveticaneueltstd-bd-webfont.eot#') format('embedded-opentype'),
       url('../font/helveticaneueltstd-bd-webfont.woff') format('woff'),
       url('../font/helveticaneueltstd-bd-webfont.ttf')  format('truetype'),
       url('../font/helveticaneueltstd-bd-webfont.svg#webfontzfmor2Fd') format('svg');
}
body, input, button, select, textarea {
	color:#000000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
}
label, input, button, select, textarea {
  font-size:12px;
}
h1 {
  color:#22AABB;
  font-size:16px;
  letter-spacing:1px;
  border-left:solid 5px #22AABB;
  margin:0 0 20px;
  padding-left:8px;
}
.sp-wrap h1,
.sp_main h1,
#brand-wrap h1{
  letter-spacing:normal;
  margin:0 0 25px;
  border-left:none;
  padding-left:0;
}

.box-title .sub,
h1 .sub {
  font-size:11px;
  margin-left:10px;
}
h2 {
  font-size: 14px;
}
h3 {
  font-size: 12px;
}
.label {
  font-size:11px;
}
.text-center {
  text-align:center !important;
}
a {
  color:#5b5b5b;
  text-shadow:none !important;
  outline:none !important;
  font-size:11px;
}
a:hover,
a:focus{
  color:#22AABB;
  text-decoration:none;
}
strong { font-weight: normal; }

/********************
レイアウト
********************/
.row .span9,
.row-fluid .span9,
.row .span9_5,
.row-fluid .span9_5 {
  float:right;
}
.span12{
  width: 1200px;
}

/* ナビ全般 */
.navbar-inner {
  filter:none;
}
.navbar .nav > li > a {
  text-shadow:none;
}
.navbar .nav li.dropdown.open > .dropdown-toggle {
  box-shadow:none;
  background-color: transparent;
}
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  box-shadow:none;
  background-color:#efefef;
}
/*リスト*/
ul.outside-slide,
ol.outside-slide {
  margin-left:25px;
}
/*色*/
.blue{
  color:#22AABB;
    /*color:#36afc2;*/
}

/*スペース*/
.border-spacer{
  border-bottom: solid 3px #dad8d3;
}

/********************
ヘッダー
********************/


.top{
	margin:0 auto;
	background-image: url(../images/top_top.png);
	background-repeat: no-repeat;
	background-position: center;
}

.top_in{
	position:relative;
	width:960px;
	height:200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#head-bar {
	color:#000000;
	background-color:#FFFFFF;
	height: auto;
	padding: 0 0 0 0;
	position: relative;
}
#head-bar a {
  color:#5b5b5b;
}
.navbar .brand {
  letter-spacing:1px;
  font-weight:bold;
}
#head-sub-menu {
  float:right;
}
*+html #head-navi {
  clear:both;
}

#header-area {
  margin: 24px auto 20px;
}

#header-area .header-left {
  width: 360px;
  height: 48px;
  float: left;
  margin:10px 0;
}
#header-area .header-left .header-left-top {
  width: 100%;
  height: 48px;
}
#header-area .header-left .header-left-top ul li {
  margin: 0 1px 0 0;
  background: #FFFFFF;
  display: inline;
  float:left;
  font-size:11px;
  line-height: 24px;
}
#header-area .header-left .header-left-top ul li a.outlet{
  color: #8c002c;
}
#header-area .header-left .header-left-top ul li.last {
  width: 170px;
  background: #FFFFFF;
  padding: 10px 10px 10px 35px;
}
#header-area .header-left .header-left-top ul li:after{
  content:'|';
  padding:0 10px;
}
#header-area .header-left .header-left-top ul li.bar_null:after{
  content:'';
  padding:0 5px;
}
.ie8 #header-area .header-left .header-left-top ul li.last {
  width: 150px;
}

#header-area .header-center {
  width: 505px;
  height:68px;
  float:left;
}
#header-area .header-center h1.header-logo {
	width: 200px;
	height: 83px;
	border: 0 none;
	padding: 0;
/*  text-indent: -99999px;
  background: url('../images/logo_header_Actus.png') no-repeat center;*/
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
  margin: auto;
}
#header-area .header-center h1.header-logo a {
  width: 200px;
  height: 83px;
  display:block;
}

#header-area .header-right {
  width: 335px;
  height: auto;
  float: right;
  font-size:11px;
}
#header-area .header-right .header-right-top{
  width: 100%;
  height: auto;
  clear: both;
  overflow:hidden;
}
#header-area .header-right .header-right-top ul.arrow{
  float:left;
}
#header-area .header-right .header-right-top ul.user-menu-extension{
  float:right;
}
#header-area .header-right .header-right-top ul li{
  float:left;
  padding-top:10px;
  margin-left:20px;
}
#header-area .header-right .header-right-top ul li:first-child{
  margin-left:0;
}

#header-area input.span2.search-text,
#header-area .menu-search-form .btn{
  padding: 3px 6px;
}
/*検索窓*/
.search-wrap {
  float:left;
}
.search-wrap li {
  margin-left:5px;
}
input.search-text {
  font-size:11px;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.search-buttom{
  background: #f4f4f4;
}

#header-area .header-right .header-right-top ul li.menu-search-button{
  background-color: #FFFFFF;
  padding: 5px 13px;
  margin: 0 0 0 2px;
}
#header-area .header-right .header-right-top ul li.menu-search-form{
  padding: 0;
}
#header-area .header-right .header-right-top ul li.menu-search-form form{
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#header-area .header-right .header-right-bottom{
  width: 100%;
  height: auto;
  overflow: hidden;
}
#header-area .header-right .header-right-bottom ul{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin:12px 0 0;
}
#header-area .header-right .header-right-bottom ul li{
  width: 33%;
  margin:0;
}
#header-area .header-right .header-right-bottom ul li a {
  display: block;
  text-align: center;
  padding: 3px 0;
  background-color: #565656;
  color: #ffffff !important;
  font-size:10px;
}
#header-area .header-right .header-right-bottom ul li:nth-child(3n-1) a{
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
}
#header-area .header-right .header-right-bottom ul li:nth-child(3n-2) a{
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
#header-area .header-right .header-right-bottom ul li:nth-child(3n-3) a{
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}


.navigation {
  width: 100%;
  background: #ededed;
}


#head-navi .nav {
  margin: 0 auto -1px;
  width: 80%;
  float:none;
}
#head-navi .nav > li {
  float: left;
  text-align: center;
}
#head-navi .nav > li > a{
  margin: 0;
  padding: 14px 0;
  display: block;
  border-bottom: none;
  position: relative;
}
#head-navi .nav > li > a:hover{
  color:#22AABB;
}
#head-navi .nav > li > a > span{
  display:block;
  text-indent:0;
  height:15px;
  margin:0 auto;
  border-right: 1px solid #c8c8c8;
}
#head-navi .nav > li.active > a{
  color: #22AABB;
}
#head-navi .nav > li:first-child span{
  border-left: 1px solid #c8c8c8;
}
#head-navi .nav > li.open > a{
  border-bottom: none;
}
#head-navi.navigation_15 .nav > li {
  width: 6.666666%;
}
#head-navi.navigation_14 .nav > li {
  width: 7.142857%;
}
#head-navi.navigation_13 .nav > li {
  width: 7.692307%;
}
#head-navi.navigation_12 .nav > li {
  width: 8.333333%;
}
#head-navi.navigation_11 .nav > li {
  width: 9.090909%;
}
#head-navi.navigation_10 .nav > li {
  width: 10%;
}
#head-navi.navigation_9 .nav > li {
  width: 11.111111%;
}
#head-navi.navigation_8 .nav > li {
  width: 12.5%;
}
#head-navi.navigation_7 .nav > li {
  width: 14.28%;
  position: static;
}
#head-navi.navigation_6 .nav > li {
  width: 16.666666%;
  position: static;
}
#head-navi.navigation_5 .nav > li {
  width: 20%;
}
#head-navi.navigation_4 .nav > li {
  width: 25%;
}
#head-navi.navigation_3 .nav > li {
  width: 33.333333%;
}
#head-navi.navigation_2 .nav > li {
  width: 50%;
}
#head-navi.navigation_1 .nav > li {
  width: 100%;
}
#head-navi.navigation_7 .nav > li.outlet_nav a{
  color: #8c002c;
}


/* Item Menu Smartphone */
@media (max-width: 767px) {
  #head-navi .nav > li > a > span {
    background-size:90%;
  }
  #head-navi .nav > li.pulldown03 > a > span{
    width:70px;
  }
}

/*プルダウンメニュー*/
#head-navi{
  position: relative;
}
#head-navi .arrow_Pos {
  top: 13px;
  position: absolute;
  display: inline-block;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  z-index: 1000;
}

#head-navi .dropdown-menu{
  box-shadow:none;
  width: 980px;
  height: auto;
  position: absolute;
  background: #fff;
  padding: 40px 60px;
  top: 60px;
  left: -72px;
  border: solid 1px #d3d3d3;
}

#head-navi .dropdown-menu:before{
  content: "";
  position: absolute;
  top: -18px;
  left: 27.2%;
  margin-left: -9px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 19px 19px 19px;
  border-color: transparent transparent #fff transparent;
  z-index: 1;
}
#head-navi .dropdown-menu:after{
  content: "";
  position: absolute;
  top: -20px;
  left: 27.2%;
  margin-left: -10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #d3d3d3 transparent;
  z-index: -1;
}
#head-navi li:nth-child(3) .dropdown-menu:before,
#head-navi li:nth-child(3) .dropdown-menu:after{
  left: 42%;
}
#head-navi li:nth-child(4) .dropdown-menu:before,
#head-navi li:nth-child(4) .dropdown-menu:after{
  left: 56.5%;
}
#head-navi li:nth-child(5) .dropdown-menu:before,
#head-navi li:nth-child(5) .dropdown-menu:after{
  left: 71%;
}
#head-navi li:nth-child(6) .dropdown-menu:before,
#head-navi li:nth-child(6) .dropdown-menu:after{
  left: 85.5%;
}
/*ログイン後*/
#head-navi.navigation_7 .dropdown-menu:before{
  left: 24.2%;
}
#head-navi.navigation_7 .dropdown-menu:after{
  left: 24.2%;
}
#head-navi.navigation_7 li:nth-child(3) .dropdown-menu:before,
#head-navi.navigation_7 li:nth-child(3) .dropdown-menu:after{
  left: 37%;
}
#head-navi.navigation_7 li:nth-child(4) .dropdown-menu:before,
#head-navi.navigation_7 li:nth-child(4) .dropdown-menu:after{
  left: 49%;
}
#head-navi.navigation_7 li:nth-child(5) .dropdown-menu:before,
#head-navi.navigation_7 li:nth-child(5) .dropdown-menu:after{
  left: 61.5%;
}
#head-navi.navigation_7 li:nth-child(6) .dropdown-menu:before,
#head-navi.navigation_7 li:nth-child(6) .dropdown-menu:after{
  left: 74%;
}



#head-navi .dropdown-menu ul > li{
  padding: 5px 10px 4px 30px;
  line-height: 24px;
}
#head-navi li.dropdown:first-child .dropdown-menu ul > li{
  background: url('../images/icon/arrow_right_gray.png') center left no-repeat;
}
#head-navi li.dropdown:first-child .dropdown-menu{
  width: auto;
  left: 0;
}
#head-navi li.dropdown:last-child .dropdown-menu{
  display: none;
}

#head-navi > .nav > li > .dropdown-menu{
  left:-110px;
}
#head-navi .dropdown-submenu > .dropdown-menu{
  border-radius:0;
  margin-left:0;
  left: 100%;
}
/*#head-navi .pulldown05 .dropdown-submenu > .dropdown-menu{
  left: -100%;
}
*/
#head-navi .dropdown-menu ul > li.toggle-menu li{
    padding: 0;
}
#head-navi .dropdown-menu li{
  position: relative;
}

#head-navi .dropdown-menu .all_view{
  text-align: left;
  display: table;
  margin-bottom: 30px;
}

#head-navi .dropdown-menu li > a,
#head-navi .dropdown-menu li > a:focus,
#head-navi .dropdown-menu li > a:active{
  text-align: left;
  display: block;
  background-color: #fff;
  background-image: none;
  background: #fff;
  background-color: #fff;
  background-image: none;
  filter:none;
  color: #000;
}
#head-navi .dropdown-menu li > a:hover{
  color:#0088cc;
}
.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after{
  content:normal;
}

#head-navi .dropdown-submenu > a:after{
  display:none;
}

#head-navi .dropdown-menu .item_menu{
  width: 80%;
  float: left;
}
#head-navi .dropdown-menu .item_menu > ul{
  float: left;
  width: 33.3333%;
}

#head-navi .dropdown-menu li span.toggle-btn{
  color: #333333;
  position: absolute;
  top: 6px;
  left: 0;
  cursor: pointer;
  text-indent: -999999px;
  width: 10%;
  height: 20px;
}
#head-navi .dropdown-menu li span.toggle-btn:before,
#head-navi .dropdown-menu li span.toggle-btn:after{
  content:'';
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
}
#head-navi .dropdown-menu li span.toggle-btn:before {
    border-right: 2px solid #c3c3c3;
    border-top: 2px solid #c3c3c3;
    top: 9px;
}
#head-navi .dropdown-menu li span.toggle-btn:after {
  border-left: 2px solid #c3c3c3;
  border-bottom: 2px solid #c3c3c3;
  top: 4px;
  left: 5px;
}
#head-navi .dropdown-menu li span.open.toggle-btn:before {
  border-right: none;
}
#head-navi .dropdown-menu li span.open.toggle-btn:after {
  border-left: none;
}
#head-navi .dropdown-menu li > ul{
  display: none;
}
#head-navi .dropdown-menu .navi_recommend{
  display: inline-block;
  width: 20%;
}
#head-navi .dropdown-menu .navi_recommend h2{
  font-size: 14px;
  font-weight: bold;
  display: block;
  color: #000;
  margin-bottom: 35px;
  font-family: HelveticaNeueLTStd75Bold;
}
#head-navi .dropdown-menu .submenu-description {
  padding-top: 18px;
}
#head-navi .dropdown-menu .navi_recommend .subClass-text{
  font-size: 11px;
  font-weight: bold;
}
/********************
フッター
********************/
#pagetop-area {
  overflow: hidden;
  margin-bottom: 0;
  position: fixed;
  bottom: 45px;
  right: 45px;
}
#pagetop {
  color: #000;
  display: block;
  font-size: 10px;
  background: url("../images/arrow_btn_top.jpg") no-repeat center center;
  width: 24px;
  height: 24px;
  text-indent: 0;
  padding: 19px;
  background-color: #f5f5f5;
  border-radius: 40px;
  text-indent: -9999px;
  text-align: left;
}
#pagetop [class^="icon-"] {
  background: none;
  width: 0;
  height: 0;
}

#pagetop:hover{
  color: #22AABB;
}

#page-footer {
  background: none;
  padding:10px 0 30px;
  overflow:hidden;
}
#page-footer .navbar{
  margin-bottom: 0;
}
#page-footer .navbar-inner {
  background: transparent;
  border: 0 none;
  box-shadow: none;
  filter: none;
  padding-left: 0;
  padding-right: 0;
}
#page-footer .nav > li > a {
  color:#000;
  font-size: 10px;
  background: url("../images/icon/arrow_right.png") 0 50% no-repeat;
  padding:6px 10px;
  margin-right:8px;
}
#page-footer .nav > li > a:hover {
  color: #22AABB;
  background: url("../images/icon/arrow_right_blue.png") 0 50% no-repeat;
}

.footer_logo {
  text-align: center;
}
.copyright {
  font-size:9px;
  color: #000;
  text-align: center;
  margin: 5px 0 0;
}

/********************
ボタン
********************/
.btn {
  font-size:12px;
  text-shadow:none;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
}
.btn-row {
  margin-right:15px;
}
.form-horizontal .form-actions {
  padding-left: 20px;
  border-top: none;
}
.form-cfm-btn{
  padding-right: 0px;
}
.form-horizontal .btn:active {
  background-image: none;
}

.btn-mini{
  padding: 5px 23px 4px 20px;
  width: auto;
  text-align: left;
}
.btn-under{margin-top:10px;}

.btn-primary {
  font-size:14px;
  border-bottom: solid 1px #2a8b9c;
  border-radius: 0;
  margin-left: 5px;
  background: #35aec3;
  margin:0;
  border: none;
  box-shadow: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: #27A1B6;
}

.entry-action .btn-primary,
.middle-btn-area .btn-primary,
.form-actions .btn-primary {
  font-size:14px;
  width: 220px;
  padding: 12px 10px;
  background: #35aec3
}

.form-actions .btn-primary.address_btn{
  width: 240px;
}

.btn-back {
  font-size:14px;
  width: 220px;
  padding: 12px 10px 13px;
  background: #f3f3f3;
  border: none;
  box-shadow: none;
  border-radius: 0px!important;
  margin:0;
}
.btn-back:hover,
.btn-back:focus,
.btn-back:active{
  background: #f3f3f3;
}
input.btn-back {
  width: 240px!important;
}
.btn.btn-primary.btn-row {
    margin-right: 10px;
}


/********************
テキスト
*********************/
/*コンテンツタイトル*/
.box-title {
  font-size:14px;
  margin-bottom:5px;
}
.help-block {
  margin-top:5px !important;
}
.help-block a{
  text-decoration:underline;
}
/********************
サブナビ
*********************/
.subnav h2 {
  margin-bottom:10px;
}
.subnav .nav-list {
  padding-left:0;
  padding-right:0;
}

/*パーツ 詳細検索 */
.sidearea .form-set {
  margin: 0 0 60px;
}
.sidearea .form-set p {
  margin: 0 0 10px;
}
.sidearea .side-detailsearch .caption {
  margin-bottom: 10px;
}
.sidearea .side-detailsearch .form-ttl {
  font-size: 13px;
  color: #000;
  margin-bottom: 5px;
}
.sidearea .side-detailsearch .detailsearch-btn-area {
  margin-top: 10px;
  text-align: center;
  background: #ededed;
}
.sidearea .form-set .select-price,
.sidearea .form-set .select-off_rate,
.sidearea .form-set .brand-rate,
.sidearea .form-set .item_keyword {
  margin: 0 0 25px;
}
.sidearea .form-set .item_keyword input {
  height: 32px;
  line-height: 32px;
  padding: 0;
  width: 100%;
  text-indent: 10px;
  margin: 0;
  font-size: 12px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
}
.sidearea .form-set .select-price ul.inline > li,
.sidearea .form-set .select-off_rate ul.inline > li {
  padding: 0;
}
.sidearea .form-set .select-price ul.inline > li.first,
.sidearea .form-set .select-off_rate ul.inline > li.first,
.sidearea .form-set .select-price ul.inline > li.last,
.sidearea .form-set .select-off_rate ul.inline > li.last {
  padding: 0;
  width: 40%;
}
.sidearea .form-set .select-price ul.inline > li.center,
.sidearea .form-set .select-off_rate ul.inline > li.center {
  width: 15%;
  text-align: center;
}
.sidearea .form-set .select-price ul.inline li.first select,
.sidearea .form-set .select-price ul.inline li.last select,
.sidearea .form-set .select-off_rate ul.inline li.first select,
.sidearea .form-set .select-off_rate ul.inline li.last select,
.sidearea .form-set .brand-rate select {
  height: 34px;
  line-height: 34px;
  margin: 0 0 0;
  width: 100%;
  font-size: 11px;
}
.sidearea .select-off_rate ul.inline > li > select,
.sidearea .select-price ul.inline > li > select {
  width: 100%;
}
.sidearea .detailsearch-btn-area input,
.sidearea .detailsearch-btn-area input:focus,
.sidearea .detailsearch-btn-area input:active {
  background: url(../images/btn_search.png) center center no-repeat #f5f5f5;
  text-indent: -9999px;
  border: none;
  box-shadow: none;
  text-shadow: none;
  color: #000;
  display: block;
  padding: 12px 0px;
  width: 100%;
  margin-left: 0px;
}

/*サイドエリア　新着*/
.sidearea .side-newarrival .caption{
    color: #000000;
    padding: 5px 0;
    margin-bottom: 35px;
    font-size: 18px;
}
.sidearea .side-newarrival ul{
    margin: 0 0 60px;
}
.sidearea .side-newarrival ul li{
  list-style-type: none;
  padding: 6px 0;
  line-height: 16px;
}

/*パーツ カテゴリー */
.list-category .caption {
  color: #000000;
  padding: 5px 0;
  margin-bottom: 35px;
  font-size: 16px;
  font-family: HelveticaNeueLTStd75Bold;
}
.list-category h2 {
  font-size: 12px;
  position: relative;
  margin: 0 0 6px;
}
.list-category h2 a {
  display: block;
  font-weight: bold;
  padding: 0 0 20px 30px;
  line-height: 16px;
}
.list-category h2 a:hover {
  text-decoration: none;
}
.list-category h2.active a {
  color: #22AABB;
}
.list-category h2 .toggle-btn {
  color: #333333;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  background: none;
  cursor: pointer;
  text-indent: -999999px;
  width: 15%;
}
.list-category h2 .toggle-btn:before {
  border-right: 2px solid #c3c3c3;
  border-top: 2px solid #c3c3c3;
  top: 9px;
  content: '';
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
}
.list-category h2 .open.toggle-btn:before{
  border-right: none;
  width: 7px;
}
.list-category h2 .toggle-btn:after {
/*  width: 0px;
  height: 0;
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  border: 4px solid transparent;
  border-bottom: 7px solid #000000;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
  margin: 10px;*/
    border-left: 2px solid #c3c3c3;
    border-bottom: 2px solid #c3c3c3;
    top: 4px;
    left: 5px;
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
}
.list-category h2 .open.toggle-btn:after {
  border-left: none;
  width: 7px; 
}
/*.list-category h2 .toggle-btn.open:after {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
  top: 5px;
  right: 6px;
}*/
.list-category h2 .toggle-btn:hover {
  opacity: 0.8;
  cursor: pointer;
}
.list-category .nav-list {
  padding-left: 0;
  padding-right: 0;
  display: none;
}
.list-category .nav-list > li {
  position: relative;
}
.list-category .nav-list > li > a {
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 10px 30px;
  line-height: 16px;
}

/*子カテゴリー*/
.list-category .nav-list > li > .toggle-btn {
  color: #333333;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  background-image: none;
  cursor: pointer;
  text-indent: -9999px;
}
.list-category .nav-list > li > .toggle-btn:before {
  border-right: 2px solid #c3c3c3;
  border-top: 2px solid #c3c3c3;
  top: 9px;
  content: '';
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
}
.list-category .nav-list > li > .toggle-btn:after {
/*  width: 0px;
  height: 0;
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: -5px;
  border: 4px solid transparent;
  border-bottom: 7px solid #000000;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
  margin: 10px;*/
    border-left: 2px solid #c3c3c3;
    border-bottom: 2px solid #c3c3c3;
    top: 4px;
    left: 5px;
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
}
.list-category .nav-list > li > .toggle-btn.open:before {
  border-right: none;
  width: 7px;
}
.list-category .nav-list > li > .toggle-btn.open:after {
/*  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
  top: 0;*/
  border-left: none;
  width: 7px; 
}

.list-category .nav-list.child-category > li > a {
  text-indent: 0em;
  margin: 0 0 6px;
}

/*孫カテゴリー*/
.list-category .nav-list.child-category > li > .grandchild-category > li > a {
  text-indent: 1em;
  margin: 0 0 6px;
}

/*サイドナビ*/
.side-newarrival .caption{
  color: #000000;
  padding: 5px 0;
  margin-bottom: 35px;
  font-size: 18px;
}
.side-newarrival ul li{
  font-size: 12px;
  margin: 0 0 6px;
  list-style-type: none;
  padding: 6px 0;
  line-height: 16px;
}

/********************
サブナビ END
*********************/



/********************
スライダー
********************/
.flex-direction-nav .flex-next,
.flexslider:hover .flex-next{
  right:5px;
}
.flex-direction-nav .flex-prev,
.flexslider:hover .flex-prev{
  left:5px;
}

/*グランドトップ メインヴィジュアル*/
#grandtop-area{
  overflow: hidden;
  position:relative;
}
#grandtop-area #grandtop-main{
  clear:both;
  width: 960px;
  margin: 0 auto;
}
#grandtop-area #grandtop-main .flexslider {
  margin-bottom: 60px;
}
#grandtop-area #grandtop-main .flexslider .flex-viewport{
  overflow: inherit !important;
}
#grandtop-area #grandtop-main .flexslider .slides > li{
  position:relative;
}
#grandtop-area #grandtop-main .flexslider .slides > li img{
  width: 100%;
}
#grandtop-area #grandtop-main .flexslider .slides > li a,
#grandtop-area #grandtop-main .flexslider .slides > li a:hover{
  color:#000;
}
#grandtop-area #grandtop-main .flexslider .slides > li span{
  position:absolute;
  bottom:0;
  background-color: #ccc;
  display: block;
  width: 96%;
  padding: 2%;
  opacity: 0.7;
}
#grandtop-area #grandtop-main .flexslider .slides > li span font{
  display: none;
  padding: 1% 0 0 0;
}
#grandtop-area #grandtop-main .flex-direction-nav a {
  background:none;
  top:auto;
  bottom:-39px;
  margin:0;
  width:33px;
  height:34px;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
  -ms-opacity: 0.7;
  -o-opacity: 0.7;
  position:absolute;
  top: 40%;
  color:#000;
}
#grandtop-area #grandtop-main .flex-direction-nav .flex-next {
  right:-12%;
  background:url("../images/btn_arrow_right.png") no-repeat right center;
}
#grandtop-area #grandtop-main .flex-direction-nav .flex-prev {
  left:-12%;
  background:url("../images/btn_arrow_left.png") no-repeat left center;
}
#grandtop-area #grandtop-main .flex-control-paging li a{
  background:#ededed;
  box-shadow:none;
}
#grandtop-area #grandtop-main .flex-control-paging li a:hover {
  background:#22AABB;
}
#grandtop-area #grandtop-main .flex-control-paging li a.flex-active {
  background:#22AABB;
}
#grandtop-area #grandtop-main .flex-control-nav{
  bottom:-35px;
  height: 10px;
}
#grandtop-area #grandtop-main .flex-control-nav li{
  margin:0 8px;
}
#grandtop-area #grandtop-main .flex-control-nav li a{
  width: 10px;
  height: 10px;
}


/********************
ヒューチャー　カテゴリー
********************/
.featured_categroy{
  margin: 0 0 80px;
}
.featured_categroy ul {
  overflow: hidden;
}
.featured_categroy ul li{
  list-style-type: none;
  float: left;
  border-right: 1px solid #e0e0e0;
  padding: 0 0.5%;
  letter-spacing: 1px;
  font-size:11px;
}
.featured_categroy ul li:first-child{
  padding: 0 0.5% 0 0;
}
.featured_categroy ul li:last-child{
  padding: 0 0 0 0.5%;
  border-right:none;
}
.featured_categroy ul li a{
  background-color: #f5f5f5;
  padding:16px 0;
  display: block;
  text-align: center;
  letter-spacing: 0;
  color:#5b5b5b;
}
.featured_categroy .category_10 ul li,
.featured_categroy .category_11 ul li,
.featured_categroy .category_12 ul li{
  padding: 0 0.3%;
  font-size: 10px;
  letter-spacing: 0px;
}
.featured_categroy .category_10 ul li:first-child,
.featured_categroy .category_11 ul li:first-child,
.featured_categroy .category_12 ul li:first-child{
  padding: 0 0.3% 0 0;
}
.featured_categroy .category_10 ul li:last-child,
.featured_categroy .category_11 ul li:last-child,
.featured_categroy .category_12 ul li:last-child{
  padding: 0 0 0 0.3%;
}
.featured_categroy .category_1 ul li{
  width: 100%;
}
.featured_categroy .category_2 ul li{
  width: 49.45%;
}
.featured_categroy .category_3 ul li{
  width: 32.60%;
}
.featured_categroy .category_4 ul li{
  width: 24.18%;
}
.featured_categroy .category_5 ul li{
  width: 19.13%;
}
.featured_categroy .category_6 ul li{
  width: 15.76%;
}
.featured_categroy .category_7 ul li{
  width: 13.35%;
}
.featured_categroy .category_8 ul li{
  width: 11.54%;
}
.featured_categroy .category_9 ul li{
  width: 10.14%;
}
.featured_categroy .category_10 ul li{
  width: 9.38%;
}
.featured_categroy .category_11 ul li{
  width: 8.47%;
}
.featured_categroy .category_12 ul li{
  width: 7.70%;
}

/********************
ニュース
********************/
#news-list {
  margin: 0 0 80px;
}
#news-list > .row-fluid > ul {
  overflow:hidden;
  padding:10px 0 0;
}
#news-list .news-text {
  padding-left:10px;
  list-style-type: none;
  overflow: hidden;
  padding: 0;
  position:relative;
}
#news-list .news-text p {
  margin-bottom:3px;
  font-size:11px;
  line-height:1.4;
  width: 90%;
  float: left;
  font-weight: normal;
  color:#5b5b5b;
  padding: 0 0 20px 5%;
  line-height: 18px;
  border-left:1px solid #c4c4c4;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  margin: 0;
}
#news-list .news-text p a{
  color:#5b5b5b;
  display: block;
}
#news-list .news-text p a:after{
  content:'';
  border-top:2px solid #c4c4c4;
  border-left:2px solid #c4c4c4;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 25%;
  right: 5px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
#news-list .news-text p.news-date {
  font-size:12px;
  width: 10%;
  padding: 0 5% 0 0;
  border:none;
}
/********************
ニューアイテム
********************/
#newarrival-items{
  overflow: hidden;
  margin: 0 0 80px;
}
#newarrival-items ul li{
  list-style-type: none;
  width: 19.5%;
  margin: 0 0.3%;
  position:relative;
}
#newarrival-items ul li.first-child{
  margin: 0 0.3% 0 0;
}
#newarrival-items ul li.last-child{
  margin: 0 0 0 0.3%;
}
#newarrival-items ul li .list-item-text .icon{
  text-align: center;
  padding-top: 10px;
}

#newarrival-items ul li .list-item-text {
  text-align: center;
  line-height: 16px;
}
#newarrival-items ul li .list-item-text .item-price{
  position: static;
  font-weight: normal;
  color:#5b5b5b;
}
#newarrival-items ul li .list-item-text .item-ttl {
  margin: 20px 0 5px;
}
#newarrival-items ul li a{
  display: block;
}
#newarrival-items ul li figure a{
  position: relative;
}
#newarrival-items ul li:hover figure a:after{
  content:'';
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top:0;
  left:0;
  border:8px solid #22AABB;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
}
#newarrival-items ul li .icon{
  display: none;
}

/********************
ランキング
********************/
#salesranking .prd-box {
  position:relative;
}
#salesranking .prd-box .badge{
  display:block;
  position:absolute;
  top: 10px;
  left: 10px;
  border-radius:0;
  z-index:10;
  background: none;
  padding:0;
}

/*ランキングページ
-------------------*/
#salesranking.ranking-wrap .list-item-text{
  height:auto;
  padding-bottom:10px;
  line-height: 16px;
}
#salesranking.ranking-wrap .list-item-text .item-price{
  position:static;
}
#salesranking.ranking-wrap .set1 .item-ttl h2{
  font-size:16px;
  margin:6px 0 10px;
}

#salesranking.ranking-wrap .prd-box .badge{text-indent:-9999px;}
#salesranking.ranking-wrap .prd-box .badge.rank1{background:url("../images/icon/rank1.png") no-repeat; width:45px; height:45px;}
#salesranking.ranking-wrap .prd-box .badge.rank2{background:url("../images/icon/rank2.png") no-repeat; width:35px; height:35px;}
#salesranking.ranking-wrap .prd-box .badge.rank3{background:url("../images/icon/rank3.png") no-repeat; width:35px; height:35px;}
#salesranking.ranking-wrap .prd-box .badge.rank4{background:url("../images/icon/rank4.png") no-repeat; width:25px; height:25px;}
#salesranking.ranking-wrap .prd-box .badge.rank5{background:url("../images/icon/rank5.png") no-repeat; width:25px; height:25px;}
#salesranking.ranking-wrap .prd-box .badge.rank-under{
  background:url("../images/icon/rank_under.png") no-repeat;
  width:25px;
  height:20px;
  padding-top:6px;
  text-indent:inherit;
  text-align:center;
  text-shadow:none;
  font-family:serif;
  font-size:12px;
}
#salesranking.ranking-wrap .prd-box figure img{
  border:solid 1px #dddddd;
  width:100%;
}
#salesranking.ranking-wrap .set2{
  width:48%;
  margin-left:4%;
}
#salesranking.ranking-wrap .set2:first-child{
  margin-left:0;
}
#salesranking.ranking-wrap .set3{
  margin-bottom:2.12766%
}
#salesranking.ranking-wrap .set3.first-child{
  margin-left:0;
}


/*グランドトップ
-------------------*/
.ranking_date ul li{
  display: none;
  font-size:12px;
  color:#5b5b5b;
}
.ranking_date ul li.active{
  display: block;
  padding-top: 5px;
}

#salesranking.top-ranking{
  margin: 0 0 80px;
}
#tab_ranking {
  overflow: hidden;
  list-style: none;
  border-right: solid 1px #ddd;
  margin-bottom: 20px;
}
#tab_ranking li {
  float: left;
  width: 33.333333%;
  text-align: center;
}
#tab_ranking li a,
#tab_ranking li a:hover {
  display: block;
  border: solid 1px #ddd;
  border-right: none;
  color: #848484 !important;
  padding: 14px 0;
  font-size:12px;
}
#tab_ranking li.active a {
  background-color:#2dafc3;
  color:#ffffff !important;
}

#content_ranking{
}
#content_ranking .content_ranking_inner{
  display: none;
}
#content_ranking .content_ranking_inner.active{
  display: block;
}

/********************
商品詳細
********************/
#item-name .icon {
  text-align:left;
  padding:15px 0 0 0;
}
#item-name .icon span {
  margin-top:0;
}

.tech-mark {
/*  margin-bottom:20px;*/
}

.tech-mark table img {
  width:80px;
  height:auto;
  max-width:none;
}

.tech-mark table td.designer-img {
  vertical-align:top;
}

.tech-mark table td.designer-text{
  padding:0 10px 10px;
  font-size:11px;
}

.tech-mark table .designer-name {
  color:#22AABB;
  text-decoration:underline;
}


/*プルダウン選択式用*/
#csSelectType select {
  display:block;
}
#csSelectType .item_submit_btn_block,
#csSelectType .btn_cart,
#csSelectType .addToCart,
#csSelectType .soldOut,
#csSelectType .rearrivalAlert,
#csSelectType .productFavorite {
  display:block;
  padding:8px 0;
}
#csSelectType .btn_cart,
#csSelectType .addToCart,
.soldOut {
  margin-bottom:6px;
}
#csSelectType .item_submit_btn_block {
  overflow:hidden;
}
#csSelectType .btn_cart {
  width:100%;
}
#csSelectType .addToCart {
  width:100%;
}
#csSelectType .soldOut {
  width:100%;
}
#csSelectType .rearrivalAlert {
  width:48%;
  float:right;
}
#csSelectType .productFavorite {
  width:48%;
  float:left;
}
#csSelectType .favoriteEnabled {/*display:block!important;*/
}
/********************
アウトレットカテゴリ商品一覧用ナビ
********************/
#outletNav {
  margin: 15px 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 0;
}
#outletNav ul{
  overflow: hidden;
}
#outletNav li{
  float: left;
  /*margin: 0 18px;*/
  list-style-type: none;
  background: url("http://online.actus-interior.com../images/icon/arrow_right_blue.png") left no-repeat;
  text-indent: 15px;
  line-height: 28px;
  width: 20%;
}

#outletNav ul {
	padding: 0 0 0 2%;
}


/********************
ページャー
********************/
.pager ul{
  overflow:hidden;
}
.pager li{
  float:left;
  margin:0;
  text-align: center;
}
.pager li > a,
.pager li > span{
  color:#000000;
  border:solid 1px #fff;
  width: 30px;
  height:22px;
  line-height:22px;
  padding:0;
  font-weight: bold;
  font-size:12px;
}
.pager .pageNumber{
  display: inline-block;
}
.pager .pageNumber .pager_active a{
  color:#22AABB;
  border:solid 1px #fff;
  background-color: #fff;
  cursor:default;
}
.pager .pageNumber .pager_prev,
.pager .pageNumber .pager_next{
  margin:0;
  width: 24px;
}
.pager .pageNumber .pager_prev a,
.pager .pageNumber .pager_next a{
  text-indent:-9999px;
  border:none;
  width:61px;
  height:24px;
  padding:0;
}
.pager .pageNumber .pager_prev a{
  background:url("../images/pager_prev.png") no-repeat center center;
  margin-right:0;
  width: 24px

}
.pager .pageNumber .pager_next a{
  background:url("../images/pager_next.png") no-repeat center center;
  margin-left:0;
  width: 24px
}

/********************
新着一覧
********************/
.newarrival-date{
  margin-top:5px;
}
.newarrival-date .nav-list{
  padding:0;
  overflow:hidden;
  margin-bottom:10px;
}
.newarrival-date .nav-list > li{
  float:left;
  margin-right:10px;
}

/********************
商品一覧
********************/
.empty_message{
  margin:30px 0 60px;
}

.product-color-set {
  display: none;
  position: absolute;
  top: 0;
  right: -45px;
  z-index: 0;
}
.product-color-tip {
  padding: 5px;
  list-style: none;
  background-color: #ffffff;
}
.product-color-tip > li {
  width:60px;
}

/********************
アイコン
********************/
.icon .label{
  min-width:50px;
  font-size:10px;
  text-align:center;
  margin: 0 0 5px;
}
.label-new{
  background-color:#d79f9f;
}
.label-rearrival{
  background-color:#0068b7;
}
.label-soldout{
  background-color:#626262;
}
.label-sale{
  background-color:#e48e32;
}
.label-magazine{
  background-color:#66aa00;
}
.label-gift{
  background-color:#ffdd00;
}

.label-gift_noshi{
  background-color:#22AABB;
}

.label-gift_ribbon{
  background-color:#22AABB;
}


/*矢印*/

.y_down{
	position: relative;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-top-color: #22AABB;
	margin-right: auto;
	margin-left: auto;
}

.y_down:after{
  position: absolute;
  content: '';
  top: -32px;
  left: -8px;
  width: 16px;
  height: 16px;
  background: #22AABB;
}


/********************
詳細検索
********************/
.detailPagerArea {
  margin-bottom:10px;
}
#searchDetailArea {
  float:none;
  margin:0 auto;
}
#searchDetailArea .box-title {
  margin-top:20px;
}
#selectBrand label img {
}
#originalsearch_form ul.inline > li.first {
    padding-left: 0px;
}
.select-color table {
  width:100%;
  table-layout:fixed;
}
/*.select-price ul.inline > li.first {
  padding-left: 0px;
}*/
.select-color table {
  width:100%;
  table-layout:fixed;
}
.select-color table {
  width:100%;
  table-layout:fixed;
}
.select-color .color-tip {
  display:block;
  float:left;
  width:12px;
  height:12px;
  margin:4px 5px 0 0;
}
.select-color .tip-white {
  background-color:#ffffff;
  border:solid 1px #cccccc;
}
.select-color .tip-blue {
  background-color:#4783BF;
}
.select-color .tip-black {
  background-color:#000000;
}
.select-color .tip-purple {
  background-color:#AF60BF;
}
.select-color .tip-gray {
  background-color:#A1A1A1;
}
.select-color .tip-yellow {
  background-color:#FAE05C;
}
.select-color .tip-brown {
  background-color:#5E3518;
}
.select-color .tip-pink {
  background-color:#F5A4C6;
}
.select-color .tip-red {
  background-color:#DE5252;
}
.select-color .tip-green {
  background-color:#58B075;
}
.select-color .tip-orange {
  background-color:#F5993D;
}
.select-color .tip-silver {
  background-color:#C0C0C0;
}
.select-color .tip-gold {
  background-color:#C39C33;
}
.select-color .tip-cleare {
  background-color:#D7EEFF;
}

.select-color .tip-beige {
  background-color:#E3D6B4;
}

.select-color .tip-other {
  background-color:#ffffff;
  border:solid 1px #666666;
}
/********************
フロー
********************/
.action-steps {
  margin-bottom:40px;
}

/********************
規約系
********************/
.guide-main{
  /*width: 685px;*/
}
.guide-nav{
  /*width: 260px;*/
}
section.guide{
  color: #666666;
}
section.guide a{
  text-decoration: underline;
}
section.guide h2 {
  font-weight:normal;
  font-size: 16px;
}
section.guide ul,
section.guide ol {
  margin: 0 0 10px 25px;
  padding: 0;
}
section.guide .page-header {
  color:#000000;
  border-top: solid #dad8d3 3px;
  padding: 12px 0 15px;
  margin:50px 0 10px;
  border-bottom: 1px solid #dad8d3;
}
.box_clearfix > section:first-child > .page-header{
  margin-top:0;
}
section.guide section {
  padding: 10px 0;
  border-bottom: solid 1px #dad8d3;
  margin-bottom: 10px;
}
section.guide section h3 {
  color:#000000;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
}
section.guide section .contact-wrap {
  background: #f3f3f3;
  padding: 16px 20px;
}
section.guide .arrow-link{
  color: #22AABB;
  background: url("../images/icon/icon_arrow_right_blue.png") no-repeat 0 50%;
  padding-left: 17px;
  display: inline-block;
  text-decoration: none;
}
.affix-bottom {
  top:auto;
  bottom: 0;
  position:absolute;
}
.carry-area section.carry{
	margin-bottom:30px;
}
.guide .carry-text{
	padding:10px 0 25px;
}
.g-only section.guide li img{
  border: 1px solid #ddd;
}

/********************
サブナビ
********************/
.subnav h2{
  margin-bottom:20px;
}

/********************
ナビリスト
********************/
.nav-list > li > a {
  background: none;
  margin-left:0;
  margin-right:0;
}
.nav-list > li > a:hover{
  color: #22AABB;
  background: none;
}
.nav-list > li.active > a,
.nav-list > li.active > a:hover{
  color: #22AABB;
  background: none;
}

/********************
最近チェックした商品
********************/
#checked-items {
  margin-bottom: 50px;
}

#checked-items .slick {
  padding: 0 0;
}
#checked-items .slick-prev,
#checked-items .slick-next {
  top: 50%;
}
#checked-items .slick-prev {
  background: url("../images/slide_prev.png") no-repeat center center;
  left: 0;
}
#checked-items .slick-next {
  background: url("../images/slide_next.png") no-repeat center center;
  right: 0;
}
#checked-items ul li figure img {
  border: none;
}


/********************
ログイン
********************/
.login-remain{margin-top:8px;}
.login-remain input[type="checkbox"]{margin:0;
}

.login-area-box {
  padding: 80px 0 100px;
}
.login-area-box h2{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.login .row{
  margin: 0 20px;
}
.login .span6{
  width: 530px;
  margin: 0;
}
.login .span6.new_customer{
  float: right;
}
.login .span6.new_customer h2{
  padding-bottom: 20px;
  border-bottom: 1px solid #dddddd;
}
.login .span6.new_customer .login-area-subbox{
  border-bottom: none;
}
input[class*="span"]{
  width: 270px;
}
.login .login-area-box .form-actions .btn-primary{
  width: 100%;
  padding: 12px 0;
}
.login .login-area-box .control-label{
  width: 180px;
  float: none;
  text-align: center;
}
.login .login-area-box .form-actions{
  padding: 20px 0;
}
.login .new_customer .form-actions{
  padding-top: 140px;
/*  padding: 0;
  margin: 0;*/
}

/********************
ログアウト
********************/
.logout {
  margin-bottom: 100px;
}
.logout .lead{
  padding: 100px 0;
}
.logout .form-actions{
  text-align: center;
}
.logout .form-actions .btn-back{
  width: 530px;
  text-align: center;
}

/********************
会員登録
********************/
.register-legal-area .legal{
  padding:10px 16px;
}
.online_members{
  font-size: 18px;
  font-family: HelveticaNeueLTStd75Bold;
  letter-spacing: 0.05em;
}
.register-legal-area .form-actions .btn-primary{
  width: 400px;
  height: 40px;
}
/********************
サイトマップ
********************/
#sitemap-wrap h3{
  font-size:14px;
  background: url("../images/icon/icon_arrow_right_blue.png") no-repeat 0 50%;
  padding-left:20px;
  margin-bottom:10px;
}
#sitemap-wrap .nav-list{
  list-style:none;
  padding-left:5px;
  padding-right:5px;
  margin-bottom:20px;
}
#sitemap-wrap .nav-list > li > a{
  background-position:0 8px;
}


/********************
ガイド
********************/
.g-only {
  min-height: 1000px;
}

.g-only section.guide .arrow-link{
  color: #22AABB;
  background: url("../images/icon/icon_arrow_right_blue.png") no-repeat 0 50%;
  padding-left: 20px;
  display: inline-block;
  margin: 3px 0
}

.g-only section.guide ul{
  margin:15px 3px;
}

.g-only section.guide li{
  line-height:25px;
}

h2.guide_title{
  background:#ededed;
  text-align:left;
  padding:10px 13px;
}
section.guide .page-header{
  margin: 0;
}

.guide_nav .guide15 img,
.guide_nav .guide4 img,
.guide_nav .guide2 img{
  float:right;
  margin-right: 12px;
}

.guide_nav > li > a{
  padding :7px 0 4px 49px ;
  margin-bottom: 8px;
}
.subnav > .guide_nav >ul{
  display: none;
}
/*active*/
.guide_nav > li.active > a, .guide_nav > li.active > a:hover{
  background: none;
  
}
  

/*通常時*/ 
.guide_nav > li > a,
.guide_nav > li.active > a{
  color: #000;
  border-left:3px solid #cecece;
  border-bottom:1px solid #cecece;
}

.guide_nav > li.guide0 > a,
.guide_nav > .guide0.active> a{
  background: url("../images/guide/icon_01.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide13 > a,
.guide_nav > .guide13.active> a {
  background: url("../images/guide/icon_02.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
  border-left:3px solid #cecece;
  border-bottom:1px solid #cecece;
}
.guide_nav > .guide1 > a,
.guide_nav > .guide1.active> a {
  background: url("../images/guide/icon_03.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide14 > a ,
.guide_nav > .guide14.active> a{
  background: url("../images/guide/icon_04.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide23 > a ,
.guide_nav > .guide23.active> a{
  background: url("../images/guide/icon_05.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide15 > a ,
.guide_nav > .guide15.active> a{
  background: url("../images/guide/icon_06.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide4 > a ,
.guide_nav > .guide4.active> a{
  background: url("../images/guide/icon_07.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
  border-left:3px solid #cecece;
  border-bottom:1px solid #cecece;
}
.guide_nav > .guide2 > a ,
.guide_nav > .guide2.active> a{
 background: url("../images/guide/icon_08.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide24 > a,
.guide_nav > .guide24.active> a {
  background: url("../images/guide/icon_09.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide5 > a,
.guide_nav > .guide5.active> a {
  background: url("../images/guide/icon_10.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide6 > a,
.guide_nav > .guide6.active> a {
  background: url("../images/guide/icon_11.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide8 > a ,
.guide_nav > .guide8.active> a{
  background: url("../images/guide/icon_12.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}

.guide_nav > .guide7 > a ,
.guide_nav > .guide7.active> a {
  background: url("../images/guide/icon_13.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}

/*ホバー時*/ 
.guide_nav > li > a:hover{
  color: #22AABB;
  border-left:3px solid #22AABB;
  border-bottom:1px solid #22AABB;
}

.guide_nav > .guide0 > a:hover,
li.guide0.active > a:hover{
  background: url("../images/guide/on_icon_01.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide13 > a:hover,
li.guide13.active > a:hover{
  background: url("../images/guide/on_icon_02.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide1 >  a:hover,
li.guide1.active > a:hover{
  background: url("../images/guide/on_icon_03.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide14 >  a:hover,
li.guide14.active > a:hover{
  background: url("../images/guide/on_icon_04.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide23 >  a:hover,
li.guide23.active > a:hover{
  background: url("../images/guide/on_icon_05.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide15 >  a:hover,
li.guide15.active > a:hover{
  background: url("../images/guide/on_icon_06.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide4 >  a:hover,
li.guide4.active > a:hover{
  background: url("../images/guide/on_icon_07.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide2 >  a:hover,
li.guide2.active > a:hover{
  background: url("../images/guide/on_icon_08.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide24 >  a:hover,
li.guide24.active > a:hover{
  background: url("../images/guide/on_icon_09.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide5 >  a:hover,
li.guide5.active > a:hover{
  background: url("../images/guide/on_icon_10.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide6 >  a:hover,
li.guide6.active > a:hover{
  background: url("../images/guide/on_icon_11.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide8 >  a:hover,
li.guide8.active > a:hover{
  background: url("../images/guide/on_icon_12.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}

.guide_nav > .guide7 >a:hover,
li.guide7.active > a:hover{
  background: url("../images/guide/on_icon_13.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}

/*focus時*/ 

ul.guide_nav > li > a:focus,
.guide_nav > li.active > a:focus{
  background-color:#FFF !important;
  }


ul.guide_nav > li> a:focus,
ul.guide_nav > li.active> a:focus{
  color: #22AABB;
  border-left:3px solid #22AABB;
  border-bottom:1px solid #22AABB;
  background: none;
}
.guide_nav > .guide0 > a:focus,
.guide_nav > .guide0.active> a:focus{
  background: url("../images/guide/on_icon_01.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide13> a:focus,
.guide_nav > .guide13.active> a:focus{
  background: url("../images/guide/on_icon_02.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}

.guide_nav > .guide1> a:focus,
.guide_nav > .guide1.active> a:focus{
  background: url("../images/guide/on_icon_03.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide14> a:focus,
.guide_nav > .guide14.active> a:focus{
  background: url("../images/guide/on_icon_04.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide23> a:focus,
.guide_nav > .guide23.active> a:focus{
  background: url("../images/guide/on_icon_05.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide15> a:focus,
.guide_nav > .guide15.active> a:focus{
  background: url("../images/guide/on_icon_06.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide4> a:focus,
.guide_nav > .guide4.active> a:focus{
  background: url("../images/guide/on_icon_07.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide2> a:focus,
.guide_nav > .guide2.active> a:focus{
  background: url("../images/guide/on_icon_08.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide24> a:focus,
.guide_nav > .guide24.active> a:focus{
  background: url("../images/guide/on_icon_09.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide5> a:focus,
.guide_nav > .guide5.active> a:focus{
  background: url("../images/guide/on_icon_10.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide6> a:focus,
.guide_nav > .guide6.active> a:focus{
  background: url("../images/guide/on_icon_11.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide8> a:focus,
.guide_nav > .guide8.active> a:focus
{
  background: url("../images/guide/on_icon_12.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}
.guide_nav > .guide7> a:focus,
.guide_nav > .guide7.active> a:focus{
  background: url("../images/guide/on_icon_13.gif") no-repeat 13px 5px;
  margin-left:0;
  margin-right:0;
}


.guide_nav ul li{
  border-bottom:1px dotted #cecece;
  list-style: none;
  padding :7px 0 4px 49px ;
  margin-bottom: 8px;
}
  
.sub_icon_plus {
  background: url("../images/guide/icon_plus.jpg") no-repeat 13px 5px;
  }

@media only screen and (min-width:767px) and (max-width: 979px) {
  ul.guide_nav > li > a{
    padding :7px 0 4px 35px;
    font-size:10px;
    width: 140px;
  }

  .guide_nav ul li{
    font-size:10px;
    padding:7px 0 4px 35px;
  }

  .guide_nav > li > a,.guide_nav > li.active > a,
  .guide_nav > li > a:hover,ul.guide_nav > li > a:focus,.guide_nav > li.active > a:focus{
    background-position : 5px 5px!important;
  }
}

@media only screen and (max-width: 767px) {
  .g-only {
    min-height: 20px;
  }
  #outletNav {
    margin: 0 0 15px;
  }
}

/********************
カート
********************/
/*ポイント入力部*/
.point-form table th {
  text-align:left;
  font-weight:normal;
}
.point-form table td {
  font-weight:bold;
  padding-left:20px;
}

/*EX*/
.pd10 {
  padding: 10px;
}
.mrnone {
  margin-right: 0px!important;
}
.mlnone {
  margin-left: 0px!important;
}


.brnone {
  border-right: none!important;
}
.bbnone {
  border-bottom: none!important;
}
.htitle {
  font-weight: bold;
  font-size: 15px;
}
.anti-style {
  background: none!important;
  padding: 0!important;
  border: none!important;
  box-shadow: none!important;
  border-radius: 0px!important;
}
/* icon sprite */
.icon-actus {
  background: url(../images/actus-icon-sprite.png) no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: 0px;
  line-height: 14px;
  vertical-align: text-top;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.icon-shopping-cart-blue {
  background-position: 0px 0px;
}
.icon-favorite-blue {
  background-position: -16px 0px;
}
.icon-human-black {
  background-position: -62px 0px;
}
.icon-human-blue {
  background-position: -16px 0px;
}
.icon-login-blue {
  background-position: -47px 0px;
}
.icon-mail {
  background: url(../images/icon_mail.jpg)no-repeat;
}
.icon-human-white {
  background: url(../images/icon_human_white.jpg)no-repeat;
}
/**/
/*header-sp*/
.header-sp {
  overflow: hidden;
}
.header-left-sp {
  width: 96px;
  float: left;
}
.header-left-sp h1 {
  margin: 0px;
  padding: 0;
  border: none;/*margin-top: 5px;*/
    }
.header-right-sp {
  width: 70%;
  float: right;
}
.user-menu-sp {
  overflow: hidden;
  float: right;/*margin-top: 10px;*/
}
.user-menu-sp li {
  float: left;
  display: block;
  padding: 0!important;
  width: 42px;
  margin-right: 2px;
}
.user-menu-sp li a {
  padding: 16px 14px;
  display: block;
  background: #ededed;/*margin-top: 3px;*/
    }
.user-menu-sp li.last {
  margin-right: 2px;
}
.user-menu-sp li.last button {
  background: #35aebf;
  border: none;
  box-shadow: none;
  margin: 0 0 0;
  padding: 16px 13px 17px;
  float: none;
}
.user-menu-sp li.last button:hover {
  background: #35aebf;
}
/*search-box*/
.search-box ul li.menu-search-form {
  float: left;
  width: 65%;
}
.search-box ul li.menu-search-button {
  float: left;
  width: 35%;
}
.search-box ul li form {
  padding: 10px;
}
.search-box ul li form input {
  border: solid 1px #35AEBF;
  border-radius: 0px;
  margin: 0px;
  display: block;
  width: 150px;
  float: left;
}
.search-box ul li form button {
  float: left;
  margin-top: 0px!important;
  width: 35px;
  padding: 0;
  background: #35AEBF;
  height: 30px;
  border: none;
  box-shadow: none;
}
.search-box ul li form button:hover {
  background: #35AEBF!important;
}
.search-box ul li div.refine-search {
  padding: 10px;
}
.search-box ul li div.refine-search a {
  margin: 0;
  background: url(../images/icon_arrow_right_green.jpg) no-repeat right;
  width: 60px;
  border: none;
  box-shadow: none;
}
.category-nav-sp {
  border: solid 1px #ddd;
  border-left: none;
  border-top: none;
}
.category-nav-sp li {
  width: 25%!important;
  float: left;
}
.category-nav-sp li a {
  /*    height: 35px;*/
    text-align: center;
  border: solid 1px #ddd;
  padding: 10px 5px!important;
  border-right: none;
  border-bottom: none;
}
/*main-container*/
.main-container {
  margin-bottom: 0;
}
.main-contants-wrap {
  width: 100%;
}
.sub-contants-wrap {
  float: left;
  width: 30%;
}
.sub-contants-result {
  margin-left: 30px;
}
.sub-contants-wrap .side-toparea{
  height:645px;
  position:relative;
  margin-bottom: 50px;
}
.sub-contants-wrap .side-toparea .link-list-wrap{
  position:absolute;
  left:0;
  bottom:0;
  margin-bottom:0;
}
.sub-contants-wrap .side-toparea .link-list-wrap .link-item{
  margin-bottom:0;
  margin-top:10px;
}


/*title*/
.contants-title {
  overflow: hidden;
  margin: 0 0 30px;
  padding:0;
  text-align: center;
  color:#000;
  border:none;
}
.contants-title strong {
  padding: 0;
  float: none;
  font-size: 20px;
  /*font-family: HelveticaNeueLTStd75Bold;*/
  display: block;
}
.contants-title span {
  float: none;
  padding: 0;
  margin: 13px 0 0;
  font-size: 11px;
  display: block;
}
.contants-title a {
  float: right;
  padding: 15px 10px 0 20px;
  color: #000;
}
/*special_wrap*/
.spc-r-none {
  margin-right: 0px!important;
}

.special .info_area a{
  text-decoration:underline;
}

.special-wrap {
  height:auto;
  overflow:hidden;
  margin: 0 0 80px;
}
.special-wrap .special-result-top,
.special-wrap .special-result-top2,
.special-wrap .special-result-middle,
.special-wrap .special-result-bottom {
  overflow: hidden;
}
.special-wrap .special-result-top div{
  float: left;
  margin: 0%;
}
.special-wrap .special-result-top2 div{
  float: left;
  margin: 0%;
}
.special-wrap .special-result-top div.main {
  width: 32%;
}
.special-wrap .special-result-top2 div.main {
  width: 49%;
}
.special-wrap .special-result-top div.main:nth-child(3n-1){
  margin: 0 2%;
}
.special-wrap .special-result-top2 div.main:nth-child(2n-1){
  margin-right: 2%;
}
.special-wrap .special-result-middle{
  display: none;
}

.special-wrap .special-result-bottom{
  border-left: 1px solid #ededed;
  border-top:1px solid #ededed;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
}

.special-wrap .special-result-bottom div {
  float: left;
  padding: 16px 0;
}
.special-wrap .special-result-bottom div.sub {
  width: 20%;
  text-align: center;
  border-right: 1px solid #ededed;
  border-bottom:1px solid #ededed;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
}
.special-wrap .special-result-bottom div.sub img{
  width: 210px;
  height: 210px;
}

.special-wrap .btn-entry-all a{
  background:transparent;
  -moz-background:transparent;
  -webkit-background:transparent;
  -ms-background:transparent;
}
.special-wrap .btn-entry-all a strong{
  background-image:none;
  position:relative;
  font-family:HelveticaNeueLTStd75Bold;
  font-size: 16px;
  width: 90px;
  margin: 0 auto;
}
.special-wrap .btn-entry-all a strong::after{
  content: '';
  border-top: 2px solid #000;
  border-left: 2px solid #000;
  position: absolute;
  top: 5px;
  right: 0;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

/* form-set */
.form-set p {
  font-size: 11px;
  color: #5b5b5b;
  margin-bottom: 5px;
}


/*saleranking*/
#salesranking .pickup-result,
#salesranking .pickup-result ul {
  overflow: hidden;
  background-color: #ffffff;
}
#salesranking .pickup-result ul li {
  list-style-type: none;
  float:left;
  width: 19.5%;
  position:relative;
}
#salesranking .pickup-result ul li{
  margin: 0 0.3% 0.3%;
}
#salesranking .pickup-result ul li.first-child{
  margin: 0 0.3% 0.3% 0;
}
#salesranking .pickup-result ul li.last-child{
  margin: 0 0 0.3% 0.3%;
}
#salesranking .pickup-result ul li span.badge{
  position:absolute;
  background-color: transparent;
  -moz-background-color: transparent;
  -webkit-background-color: transparent;
  -ms-background-color: transparent;
  z-index: 2;
  padding: 9px;
}


/*pickup-result*/
.pickup-result,
.pickup-result ul {
  overflow: hidden;
}
.pickup-result ul li {
  list-style-type: none;
  float:left;
  width: 19.5%;
  position:relative;
  background-color: #ffffff;
  margin: 0 0.3% 0.6%;
}
.pickup-result ul li.item_description{
  color: #fff;
  padding:0;
  text-align: center;
  width: 234px;
  height: 234px;
  padding: 0;
  background-color: #2dafc3;
  position: relative;
}
.pickup-result ul li.item_description span{
  vertical-align: middle;
  height: 234px;
  width: 234px;
  display: table-cell;
  line-height: 20px;
  padding: 0 10px;
}

.pickup-result ul li:nth-child(5n-5){
  margin-right:0;
}
.pickup-result ul li:nth-child(5n-4){
  margin-left:0;
  clear:both;
}

.pickup-result ul li span.badge{
  position:absolute;
  background-color: transparent;
  -moz-background-color: transparent;
  -webkit-background-color: transparent;
  -ms-background-color: transparent;
  z-index: 2;
  padding: 9px;
}


/*figcaption2の記述*/

.pickup-result ul li.item_description2{
  color: #fff;
  padding:0;
  text-align: center;
  width: 234px;
  height: 234px;
  padding: 0;
  background-color: #22AABB;
  position: relative;
}
.pickup-result ul li.item_description2 span{
  vertical-align: middle;
  height: 234px;
  width: 234px;
  display: table-cell;
  line-height: 20px;
  padding: 0 10px;
}


.pickup-result ul li.item_description2 a {
	color:#FFF;
	text-shadow:none !important;
	outline:none !important;
	font-size:11px;

}
.pickup-result ul li.item_description2 a:hover,
.pickup-result ul li.item_description2 a:focus{
  color:#22AABB;
  text-decoration:none;
}

.pickup-result ul li.item_description2 strong { font-weight: normal; }


/*バックアップ*/

/*.pickup-result,
.pickup-result ul {
  overflow: hidden;
}
.pickup-result ul li {
  list-style-type: none;
  float:left;
  width: 19.5%;
  position:relative;
  background-color: #ffffff;
  margin: 0 0.3% 0.6%;
}
.pickup-result ul li.item_description{
  color: #fff;
  padding:0;
  text-align: center;
  width: 234px;
  height: 234px;
  padding: 0;
  background-color: #2dafc3;
  position: relative;
}
.pickup-result ul li.item_description span{
  vertical-align: middle;
  height: 234px;
  width: 234px;
  display: table-cell;
  line-height: 20px;
  padding: 0 10px;
}

.pickup-result ul li:nth-child(5n-5){
  margin-right:0;
}
.pickup-result ul li:nth-child(5n-4){
  margin-left:0;
  clear:both;
}

.pickup-result ul li span.badge{
  position:absolute;
  background-color: transparent;
  -moz-background-color: transparent;
  -webkit-background-color: transparent;
  -ms-background-color: transparent;
  z-index: 2;
  padding: 9px;
}*/


/*-----------TOP改修追記分---------------*/
/*.main-contants-result a:hover,
.main-contants-result a:visited{
  color: #5b5b5b;
}*/
.pickup-wrap{
  margin: 0 0 80px;
}

.pickup-wrap figure,
#salesranking figure{
  position: relative;
  z-index: 1;
}

.pickup-wrap figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	background-color: #033;
	width: 100%;
	height: 100%;
	/* opacity: 0.6;*/
  display: none;
}

.pickup-wrap figcaption p{
  color:#fff;
  margin: 20% auto;
  text-align: justify;
  width: 80%;
}

/*.pickup-wrap figcaption p{
  color:#fff;
  margin: 37% auto;
  text-align: center;
  width: 80%;
}
*/
#salesranking figcaption{
  position: static;
  z-index: 2;
  text-align: center;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: auto;
  font-size:12px;
  color: #5b5b5b;
}

#salesranking figcaption p{
  margin: 20px 0 10px;
  color:#5b5b5b;
}

.pickup-result div.pickup-right figcaption{
  text-align: left;
}

.pickup-wrap .pickup-right .itemNam,
#salesranking .pickup-left .itemNam{
  width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 122%;
  margin: 0;
}

.pickup-wrap .pickup-left .itemNam,
#salesranking .pickup-right .itemNam{
  width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

/*brand-result*/
.brand-result {
  display: none;
}

#brand_site{
  overflow: hidden;
  margin: 80px 0 0;
}
#brand_site .link-item{
  float: left;
  margin: 0 59px 0 0;
}
#brand_site .last{
  margin: 0 0 0 0 ;
}

/*head-message*/
#headMessage{
	background-color: #22AABB;
	width: 100%;
}
#headMessage .flexslider{
  margin: 0;
  position: relative;
}
#headMessage .flexslider a{
  display: block;
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  padding: 2px 0;
  text-decoration: none;
}
#headMessage .flexslider a.flex-prev,
#headMessage .flexslider a.flex-next{
  opacity: 0.8;
  width: 8px;
  height: 13px;
  padding: 5px 10px;
  margin: 0;
  position: absolute;
  top:2px;
  display: block;
}
#headMessage .flexslider a.flex-prev{
  background: url("../images/arrow_header_left.png") no-repeat center center;
  background-size:8px 13px;
  -moz-background-size:8px 13px;
  -webkit-background-size:8px 13px;
  -ms-background-size:8px 13px;
}
#headMessage .flexslider a.flex-next {
  background: url("../images/arrow_header_right.png") no-repeat center center;
  background-size:8px 13px;
  -moz-background-size:8px 13px;
  -webkit-background-size:8px 13px;
  -ms-background-size:8px 13px;
}

.navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox {
  margin-top: 0;
}
.navbar .btn, .navbar .btn-group {
  margin-top: 0;
}
.navbar-form {
  border: 1px solid #d6d6d6;
  background-color: #FFFFFF;
}

.navbar-form .btn {
  border: none;
  border-radius: 0;
  background-color: #fff;
  box-shadow: none;
  -webkit-box-shadow:none;
  -ms-box-shadow:none;
}


/*-----------//TOP改修追記分---------------*/

/*pickupText*/
#pickup-text{
  margin-bottom: 10px;
  line-height: 30px;
  padding-left:10px;
}

/*brand-result*/
.brand-result ul {
  list-style: none;
}
.brand-result ul li {
  float: left;
}

/*bottom_banner_area*/
#bottom_link_area{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 80px 0 0;
}
#bottom_link_area ul li{
  list-style-type: none;
  float: left;
  text-align: center;
  border:1px solid #eaeaea;
  background-color: #f5f5f5;
  width: 32%;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
}

#bottom_link_area ul li:nth-child(3n-1){
  margin: 0 2%;
}

#bottom_link_area ul li a,
#bottom_link_area ul li > span{
  display: block;
  padding:15px 0;
  border:5px solid #ffffff;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
}

#bottom_link_area p.visible-phone span{
  font-size: 10px;
  display: block;
  letter-spacing: 0;
}

/*footer-sitemap*/
#wrapper_footer{
  padding:50px 0 0;
  border-top:1px solid #ebebeb;
  margin: 50px 0 0;
}
#wrapper_footer .fsitemap-border {
  display: block;
  border-left: none;
  height: 17px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  color:#5b5b5b;
}
#wrapper_footer .fsitemap-wrap{
  margin: 0 auto 35px;
  clear: both;
  width: 1200px;
}
#wrapper_footer .fsitemap-wrap .fsitemap-result {
  overflow: hidden;
  border-top: none;
}
#wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box {
  float: left;
  width: 20%;
}
#wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(4) {
  width: 17%;
}
#wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) {
  width: 23%;
}
#wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) .fsitemap-border{
  padding:0 0 0 20%;
}
#wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl {
  border-left: 1px solid #ebebeb;
  padding: 0 0 0 20%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
#wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box dl{
  margin:30px 0 0;
}
#wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box dl dd {
  margin-left: 0;
}
#wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box ul.untitle {
  margin-top: 58px;
  margin-left: 20px;
}
#wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box .nav-list{
  padding:0;
  list-style: none;
}
#wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box .nav-list > li {
  font-size:11px;
  margin-bottom:2px;
  line-height: 25px;
}
#wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box .nav-list > li > a{
  background-position:0 7px;
  padding:3px 12px 3px 0;
}

/* link-list-wrap */
.link-list-wrap {
}
.link-list-wrap .link-item {
  margin-bottom: 10px;
}
/* SMP すべて見るボタン */
.btn-entry-all {
  float: none!important;
  clear: both;
  margin: 0!important;
}
.btn-entry-all a {
  font-size:14px;
  display: block;
  background: #ededed;
  padding: 22px 0 0;
  text-align: center;
  color: #000;
  margin-top: 5px;
}
.btn-entry-all a strong {
  background: url("../images/icon/icon_arrow_right_blue.png") no-repeat;
  padding: 0 20px;
}


/*ぱんくず*/
.breadcrumb-wrap {
  width:100%;
  overflow: hidden;
  padding: 20px 0 50px;
}
.breadcrumb-wrap .breadcrumb {
  float: left;
  margin:0;
  padding:5px 0;
  border-radius:0;
  width:48%;
}
.breadcrumb > li{
  text-shadow:none;
  display:inline;
}
.breadcrumb > li > a{
  color: #22AABB;
}
.breadcrumb > li.active{
  color:#000;
}
.breadcrumb > li > .divider {
  padding:0 6px 0 8px;
}

/*検索フォーム*/
.breadcrumb-wrap .bread-search-box {
  float: right;
}
.breadcrumb-wrap .bread-search-box input.search-text{
  color:#999;
  border-radius: 0px;
  box-shadow: none;
  width: 280px;
  margin-top: 0px;
  padding:4px 8px;
  border:solid 1px #d1d2d3;
}
.breadcrumb-wrap .bread-search-box .btn{
  margin-left:1px;
}

/*マイページ*/
.outlet_img {
	margin: 65px 0 0 0;
}

.mypage-menu {
/*  margin-bottom: 95px;*/
  margin-bottom: 30px;
}
.mypage-menu .row-fluid .menu-text-block {
  height: 245px;
}
.mypage-menu .row-fluid .menu-text-block .menu-explain {
  height: 65px;
}
.mypage-menu .row-fluid .menu-text-block .menu-title {
  width: 85%;
}
.mypage-menu .row-fluid {
  margin-bottom:0px!important;
}
.mypage-menu .row-fluid .span3 {
  width: 25%;
  border: solid 1px #dddddd;
  border-top: none;
  border-left: none;
  margin-left: 0px;
}
.mypage-menu .btn-primary {
  margin-left: 0px;
}
.mypage-menu .row-fluid .menu-text-block {
  border: none!important;
  padding: 25px 25px 0 25px;
}
.mypage-menu .row-fluid .menu-text-block .menu-title strong {
  display: block;
  margin-bottom: 10px;
}
.table-striped th,
.table-striped td{
  border-top:none;
}
.order_num {
	margin: 45px 0 5px;
}
.create-image > img {
  width: 100%;
}

.lead p{
  text-align: center;
}
.menu-title.caution_outlet{
  padding-top: 10px;
}


table.mail-magazine-delivery-shops tr:nth-of-type(1) th,
table.mail-magazine-delivery-shops tr:nth-of-type(3) th,
table.mail-magazine-delivery-shops tr:nth-of-type(5) th,
table.mail-magazine-delivery-shops tr:nth-of-type(1) td,
table.mail-magazine-delivery-shops tr:nth-of-type(3) td,
table.mail-magazine-delivery-shops tr:nth-of-type(5) td{
  background-color: #ffffff;
}

table.mail-magazine-delivery-shops tr:nth-of-type(2) th,
table.mail-magazine-delivery-shops tr:nth-of-type(4) th,
table.mail-magazine-delivery-shops tr:nth-of-type(2) td,
table.mail-magazine-delivery-shops tr:nth-of-type(4) td{
  background-color: #f9f9f9;
}

table.mail-magazine-delivery-shops tr:nth-of-type(5) th,
table.mail-magazine-delivery-shops tr:nth-of-type(5) td{
  padding:32px 8px 8px 8px;
}

table.mail-magazine-delivery-shops td .radio.inline.actus{
  font-size:0;
  display:none;
}


table.table tr th span.mail_address_area {
  float: none;
}

.form-horizontal .control-label .mail_address_area {
  float: left;
}



/*フロー*/
.action-steps li {
  font-size:12px;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
  border:none;
  list-style-type: none;
  padding: 0 0.5%;
  margin: 0;
  background-color: #ffffff;
  border-right:1px solid #e0e0e0;
}
.action-steps li span{
  background-color: #f5f5f5;
  display: block;
  padding: 12px 0;
  color:#000000;
}
.action-steps li.first,
.action-steps li:first-child{
  padding: 0 0.5% 0 0;
  margin: 0;
}
.action-steps li.active{
  background-color: #ffffff;
}
.action-steps li.active span{
  background-color: #565656;
  display: block;
  color:#ffffff;
}
.action-steps li:last-child,
.action-steps li.last{
  padding: 0 0 0 0.5%;
  border:none;
}

.action-steps.step2 li {
  width: 49.4%;
  margin-right: 0%;
}
.action-steps.step3 li {
  width: 32.5%;
  margin-right: 0%;
}
.action-steps.step4 li {
  width: 24.1%;
  margin-right: 0%;
}

.login-area-subbox{
  border-bottom: solid #dddddd 1px;
}
/*.login-area-subbox .controls{
  border-left:none!important;
}*/

.form-striped {
  border-bottom: solid 1px #ddd;
}
.form-bordered{
  border-bottom: solid 1px #ddd;
}
.form-horizontal .control-group {
  background: #f3f3f3;
  border: solid #dddddd 1px;
  margin-bottom: 0px;
  border-bottom: none;
}
.form-horizontal .controls {
  background: #fff;
  border-top: solid #dddddd 1px;
  border-left: solid #dddddd 1px;
  padding: 20px;
  margin-bottom: 0px!important;
/*  margin-left: 160px;*/
}
.form-horizontal .controls span.titlename{
  display:block;
  margin: 0 0 -5px;
}

.form-horizontal .controls span.titlename.outlet_magazine{
  margin:15px 0 -5px;
}

.form-horizontal .controls .actus_outlet{
  margin:0;
  height:0;
  overflow:hidden;
}

.form-horizontal .controls .actus_outlet span{
  color:#FF0000;
  margin:0 0 0 10px;
  color:#FFFFFF;
}

.form-horizontal .controls .actus_outlet span,
.form-horizontal .controls .actus_outlet label{
  display: inline;
  position: relative;
  top: 3px;
  left: 0;
}

.form-horizontal .controls #tel {
  margin-right: 10px;
}
.form-horizontal .control-label {
  padding: 12px;
  width: 180px;
}
.shop_mail_magazine .table-right {
    padding: 42px 20px;
}

.shop_mail_magazine .table-right a{
  text-decoration: underline;
}

.shop_mail_magazine .table-right p{
  margin-bottom: 20px;
}
.shop_mail_magazine label {
    display: inline;
    margin: 0;
    padding: 0;
    position: relative;
    top: 4px;
}
.register-legal-area div > h2 {
  padding: 20px;
  background: #f3f3f3;
}
.register-legal-area .visible-desktop {
  border: solid 1px #ddd;
}
.register-legal-area section.guide h2 {
  font-size: 14px;
}

/*お問い合わせ*/

.btn.btn-inquiry{
  text-decoration: none;
  color:#FFF;
  background-color: #35aec3;
  background-image: -moz-linear-gradient(top, #46bed5, #35aec3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#46bed5), to(#35aec3));
  background-image: -webkit-linear-gradient(top, #46bed5, #35aec3);
  background-image: -o-linear-gradient(top, #46bed5, #35aec3);
  background-image: linear-gradient(to bottom, #46bed5, #35aec3);
}

.row.inquiry .form-horizontal .controls {
  padding: 22px;
}
.row.inquiry .form-horizontal .control-label {
  cursor: default;
}
.row.inquiry .form-horizontal .control-label .label-important {
  cursor: default;
}
.row.inquiry .lead p{
  text-align: left;
}

/* underline */
.lead a{
  text-decoration: underline;
}
.item-table td a{
  text-decoration: underline;
}


/*お客様の声*/


/* --- リストエリア --- */

ul.vthumbnail {
width: auto; /* リストエリアの幅 */
margin: 0;
padding: 0;
border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.vthumbnail li {
padding: 20px 15px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
}

/* --- 項目内容 --- */

ul.vthumbnail dl {
width: 100%;
margin: 0;
font-size: 100%;
}

/* --- 写真エリア --- */
ul.vthumbnail dt {
width: 160px; /* 写真エリアの幅 */
float: left;
}
ul.vthumbnail dt img {
border: 1px #808080 solid; /* 写真の境界線 */
}

/* --- キャプションエリア --- */
ul.vthumbnail dd {
margin: 0 0 0 160px; /* キャプションエリアのマージン（上右下左） */
line-height: 150%;
}

/* --- clearfix --- */
.vclearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.vclearFix {
min-height: 1px;
}