@charset "UTF-8";

/*==================
commmon setting
===================*/
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix{zoom: 100%;}
.line-through{text-decoration: line-through;}
.red{color: #cc0000;}
figure{margin: 0; padding: 0;}

/*==================
bootstrap custom
===================*/
h1,h2,h3,h4,h5,h6{
  line-height:20px;
  font-weight:normal;
  margin:0;
}
form,ul,ol{margin: 0;}

.label{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: normal; text-shadow: none;
}

/*navigation*/
.navbar .nav{margin:0;}
.dropdown-menu {border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

/*botton*/
.form-actions .btn-primary{float:right;}

.lead {font-size: 12px; font-weight: normal; line-height: 20px;}
.breadcrumb{background-color:transparent; padding:8px 0;}
.breadcrumb > li{display: inline;}

/*==================
head layout
===================*/
#page-header .point{float:right; margin:0 8px 0 0;}
#head-bar:after{clear: both; content: "."; display: block; height: 0; visibility: hidden;}

/*==================
footer layout
===================*/
#pagetop{cursor: pointer;}

/*==================
form layout
===================*/
/*labelの左揃え*/
.form-horizontal .control-label{text-align: left;}

/*注記*/
.help-block{margin-top:10px;}

/*生年月日*/
.docs-input-sizes select{width:20%; margin-left:2%;}
.docs-input-sizes select:first-child{margin-left:0;}

/*==================
list layout
===================*/
.listSetting > li{position:relative; /*z-index:0;*/}
.listSetting > li.first-child{clear:both; margin-left:0;}

/*アイコン*/
.label-new{background-color:#cc0000;}
.label-rearrival{background-color:#0099ff;}
.label-soldout{background-color:#cccccc;}
.label-sale{background-color:#ff9900;}
.label-magazine{background-color:#66aa00;}
.label-gift{background-color:#ffdd00;}

/*ソート*/
.sort select{width:auto; margin-bottom:0;}

/*ページャー*/
.pager .pageNumber .pager_active a{color:#ffffff; background-color:#333333; border: 1px solid #333333;}

/*========================================
view layout
=========================================*/
#item-name{float:right; margin-bottom:30px;}
#item-image{float:left; /*margin-left:0;*/}
#item-detail{float: right; /*padding-top:10px; margin-left: 0; border-top: 1px solid #ddd;*/}

/*SNSボタン
-------------------------*/
#sns-block iframe{vertical-align: top;}

/*==================
slider
===================*/
body .flexslider{border:0; border-radius:0; box-shadow:none; background:none;}
body .flexslider p{margin-bottom:0;}
body .flexslider .slides img{display:inline; width:auto;}
#grandtop-main .flexslider{margin-bottom:20px;}

/*==================
login
==================*/
.login-area-box .login-area-subbox .control-label{width:120px;}
.login-area-subbox .controls{margin-left:120px;}
*+html .login-area-box .login-area-subbox .controls{margin-left:0;}/* IE7用 */
.login-area-box .form-actions{text-align:center;}
.login-area-box .form-actions .btn-primary{float:none;}

/*==================
flow
===================*/
.action-steps{list-style-position:inside; overflow:hidden;}
.action-steps li{float:left; /*background-color:#f5f5f5; */text-align:center;}

/* step2～6 */
/*.action-steps.step2 li{width:48%; margin-right:4%;}
.action-steps.step3 li{width:32%; margin-right:2%;}
.action-steps.step4 li{width:24%; margin-right:1.33%;}
.action-steps.step5 li{width:19%; margin-right:1.25%;}
.action-steps.step6 li{width:16%; margin-right:0.8%;}*/
/* step2～6 end */

.action-steps li.flow-ttl{display:block;}
.action-steps li.last{margin-right:0;}

/*==================
mypage
==================*/
/*トップページ*/
.mypage-menu .row-fluid{margin-bottom:20px;}
.mypage-menu .row-fluid div.btn-primary{display:block; padding:10px 0;}
.mypage-menu .row-fluid div.btn-primary i{margin-right:10px;}
.mypage-menu .row-fluid .menu-text-block{height:150px; text-align:center; border:solid 1px #dddddd;}
.mypage-menu .row-fluid .menu-text-block:hover{cursor:pointer; background-color:#f8f8f8; transition: all 0.5s ease 0s;}
.mypage-menu .row-fluid .menu-text-block .menu-title{width:80%; margin:0 auto 10px; padding:10px 0; border-bottom:solid 1px #dddddd;}
.mypage-menu .row-fluid .menu-text-block i{margin-bottom:5px;}
.mypage-menu .row-fluid .menu-text-block .menu-explain{font-size:10px;}

/*==================
cart
==================*/
/*商品情報用テーブル*/
table .item-table td{border:none; background-color:transparent !important;}
table .item-table td p{margin-bottom:0;}

/*確認画面
----------------------------*/
/*ポイント入力部*/
.point-form{padding:10px 16px; border:solid 1px #dddddd; margin-bottom:20px;}

/*合計金額テーブル（購入履歴詳細ページ兼用）*/
table.confirm-price-box{width:50%; margin-left:auto;}
table.confirm-price-box th{width:45%;}
table.confirm-price-box td{text-align:right;}

/*後払い処理中
----------------------------*/
#white_elem{height:100%; width:100%; position:fixed; top:0; left:0; background-color:#fff; opacity:0.5; z-index:9999;}
#inner_elem{width:280px; position:fixed; top:50%; left:50%; background-color:#fff; border:solid 1px #aaa; border-radius:5px; margin-top:-150px; margin-left:-150px; box-shadow:0 3px 7px #aaa; z-index:10000;}
#msg{text-align:center; margin:30px 0 0;}
#meter{height:16px; width:16px; margin:10px auto 30px; background-image:url('/assets/images/loader.gif'); background-repeat:no-repeat;}

/*==================
affix
==================*/
.affix-base{position: relative;}
.affix{top:20px;}
.affix-bottom{position:absolute; top:auto; bottom:0;}

/*==================
register
==================*/
.register-legal-area{margin-top:50px;}
.register-legal-area .form-actions{text-align:center;}
.register-legal-area .form-actions .btn-primary{float:none; margin-top:20px;}
.register-legal-area .legal{overflow-x:auto; height:300px;}