@charset "UTF-8";

/*==================
commmon setting
===================*/
body{
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial,Helvetica,sans-serif;
	padding-bottom: 0 !important;
}
.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix{zoom: 100%;}
.line-through{text-decoration: line-through;}
.underline{text-decoration: underline;}
.red{color: #cc0000;}
.blue{color: #0011ff;}

figure{
	margin: 0; padding: 0;
}

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

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 960px;
}
.label{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-weight: normal; text-shadow: none;
}
.btn{
	/*border-radius: 0 !important;*/
}

/*navigation*/
.dropdown-menu {
	/*border: 0;*/
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.navbar .nav > li > .dropdown-menu:before{
	/*border: 0; top: 0;*/
}

/*pager*/
.pager li > a, .pager li > span{
	-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{
  padding:4px 0;
}
#head-bar:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
#head-bar .utility-nav{
  float:right;
}
#head-bar .utility-nav .btn-login{
  margin-top:0;
}

/*==================
footer layout
===================*/
#pagetop-area{
	clear:both;
	text-align: right;
	margin-top: 30px;
}
#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;}

/*クレジットカード有効期限*/
.docs-input-sizes-cart select{width:fit-content; margin-left:2%;}

/*==================
list layout
===================*/
.sectionContent li.first-child{
	clear: both;
	margin-left: 0 !important;
}

/*アイコン*/
.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;}

/*商品画像
-------------------------*/
/*PC用メイン画像*/
#main-item{ position: relative; margin-bottom:10px;}
#main-item #mainPhoto{ display: block;/* margin-bottom: 15px;*/ border: 1px solid #ddd;}

/*ズームアイコン*/
.item-icn-zoom{bottom: 1px; margin: 0; position: absolute; right: -1px; z-index: 10;}

/*タッチデバイス用メイン画像*/
#view-slider{margin-bottom: 10px;}
#view-slider .slides img{max-width: 100%; margin:0 auto;}

/*商品名
-------------------------*/
#item-name h1{margin-bottom: 10px;}
#item-name .icon span{margin-top: 10px;}
#item-name .price{margin-bottom: 0;}
#item-name .price strong{font-size: 1.2em;}
#item-name .red{font-weight: 700;}

/*商品選択
-------------------------*/
.select_quantity_default{
	margin-bottom: 10px; padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.select_quantity_default label{
	display:inline-block; /display: inline; /zoom: 1; vertical-align: baseline;
	width: 28.62985%;
	margin:5px 0 0;
}
.select_quantity_default label.color,
.select_quantity_default .color-blank{
  display: inline-block; /display: inline; /zoom: 1; vertical-align: top;
  width: 10%;
  margin-right: 15px;
}
.select_quantity_default select,
.select_quantity_default .select-blank{
	display:inline-block; /display: inline; /zoom: 1; vertical-align: top;
	width: 10%;
	margin-right: 15px; margin-bottom: 0;
}
.select_quantity_default select.ds2_select_gift{
  width:auto;
}
.item_submit_btn_block{
	display:inline-block; /display: inline; /zoom: 1; vertical-align: top;
	width: 40%;
}
.item_submit_btn_block #btn_cart{
	margin-right: 10px;
}

/*数量 for IE7*/
*:first-child+html .select_quantity_default select{
	width: 80px;
}
*:first-child+html .select_quantity_default .select-blank{
	width: 80px;
}

/*SNSボタン
-------------------------*/
#sns-block{
	padding: 20px 0; margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
#sns-blockIn{
	float: left;
}
#sns-block iframe{
	vertical-align: top;
}

/*PCとメールアイコン*/
/*#sns-block ul{
	float: left;
}
#sns-block ul,#sns-block li{
	list-style: none;
}
#sns-block li{
	width: 16px; height: 18px;
	text-indent: -9999px;
	cursor: pointer;
}*/
#sns-block #print-item{
	float: left;
	background: url(/assets/images/ico_print.png) no-repeat 0 0;
}
#sns-block #mail-item{
	float: right;
	background: url(/assets/images/ico_mail.png) no-repeat 0 0;
}

#mail-item a{display: block; width: 16px; height: 18px;}

/*商品説明
-------------------------*/
.item-description{margin-bottom:30px;}
.tech-mark{margin-bottom:20px;}

/*商品サムネイル
-------------------------*/
/*.photo_thumbs_block img{border: 1px solid #ddd;}
#view .photo_thumbs_block p img{border: 0;}
.photo_thumbs_block p{margin-bottom:5px;}
.photo_thumbs_block a{display: block; float: left; margin-right: 5px; margin-bottom: 10px; width: 50px;}*/

.photo_thumbs_block .thumbnail-title{margin-bottom:5px;}
.photo_thumbs_block ul li{float: left; margin-right: 5px; margin-bottom: 10px; width: 50px;}
.photo_thumbs_block ul li a{display:block; border: 1px solid #ddd;}

/*再入荷お知らせメールフォーム*/
.rearrival-mail-form{border:3px solid #dddddd; margin-bottom: 20px; padding:10px;}
.rearrival-mail-form .table{margin:0;}
.rearrival-mail-form .table th,
.rearrival-mail-form .table td{border-top:none; vertical-align:middle;}
.rearrival-mail-form .table th{width:25%;}
.rearrival-mail-form .btn_regist_rearrival_mail{/*font-size:11px;*/}

/*==================
slider
===================*/
body .flexslider{border:0; border-radius:0; box-shadow:none; background:none;}
body .flexslider p{margin-bottom:0;}
body .flexslider .slides img{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:after{clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.action-steps{list-style-position:inside;}
.action-steps li{float:left; background-color:#f5f5f5; text-align:center;}

/* step2～6 */
.action-steps.step2 li{width:49%; margin-right:2%;}
.action-steps.step3 li{width:32%; margin-right:2%;}
:first-child+html .action-steps.step3 li{ width:32%; margin-right:1%;}/* IE7用 */
.action-steps.step4 li{width:23.4%; margin-right:2%;}
.action-steps.step5 li{width:19%; margin-right:1%;}
.action-steps.step6 li{width:16%; margin-right:0.8%;}
*+html .action-steps.step6 li{width:15%; margin-right:1.6%;}/* IE7用 */
/* step2～6 end */

.action-steps li.flow-ttl{display:block;}
.action-steps li.active{color:#ffffff; background-color:#000000;}
.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;}
/* 会員ランク */
.mypage-area .member-rank .user-name {
	margin-bottom: 20px;
}
.mypage-area .member-rank .user-rank {
	margin-bottom: 30px;
}
@media (max-width: 979px) {
	.mypage-area .member-rank p {
		font-size: 14px;
	}
}

/*==================
cart
==================*/
.table-bordered tbody th{width:28%;}

table td.item-part{width:50%;}
table td.itemprice-part{width:15%; text-align:center; vertical-align:middle;}
table td.quantity-part{width:15%; text-align:center; vertical-align:middle;}
table td.total-itemprice-part{width:20%; text-align:center; vertical-align:middle;}

/*インデックス
----------------------------*/
/*合計金額部*/
/*.total-price-part{overflow:hidden;}
.total-price-part p{float:right; border:solid 3px #dddddd; margin:0; padding: 10px 7px; width:280px; text-align:center;}
.total-price-part p span{font-size:14px; font-weight:bold; margin-left:10px;}*/

/*商品情報用テーブル*/
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;}

/*商品投入ポップアップ
----------------------------*/
#cartWindow{width:650px; background:#FFFFFF; border:solid 4px #e9e5e2; box-shadow: #999 0 1px 10px; padding:0 10px; height:500px; position:fixed; top:10%; opacity:0; left:30%; z-index:36500; display:none;}
#grayAction{position:fixed; top:0; left:0; height:100%; width:100%; z-index:0; background:#fff; opacity:0.6; filter:alpha(opacity=60); display:none;}
.recomendLeft{clear:both; border-right:solid 1px #e9e5e2; float:left; padding:0 10px 0 0; width:150px; height:500px; overflow:hidden;}
.recomendLeftTtl{margin:10px 0 5px; font-weight:bold;}
.cartRight{float:right; padding:0; background:#fff; width:470px;}
.closedBatch{position:absolute; top:2px; right:5px; font-size:20px;}
.cartInNumber{padding:20px 0; text-align:center;}
.cartInNumber span{color:#F00;}
.cartProductArea{height:280px; overflow-x:auto;}
.cartProductArea table td{padding:10px 0; border-bottom:solid 1px #e9e5e2; vertical-align:top;}
.cartProductArea table td.price{width:30%; text-align:center; vertical-align:middle;}
.cartProductArea table td img{width:100px;}
.cartProductArea table td p{margin:0;}
.cartProductArea table td p.numUnder{margin-top:10px;}
.viewBtnParts{margin-top:10px;}
.viewBtnParts p{text-align:right; margin:20px 0 10px; font-size:14px; font-weight:bold;}
.viewBtnParts ul{margin-top:20px;}
.viewBtnParts ul li{text-align:right;}
.viewBtnParts ul li.actClose{margin-top:10px;}
.closedBatch,
.actClose{cursor:pointer;}
.cartProductArea p a:hover{text-decoration:underline;}

/*後払い処理中
----------------------------*/
#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{top:15px;}
.affix-bottom {position:absolute; bottom: 0; top:auto;}

/*==================
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;}

/*==================
custom
==================*/
.ratio10 { width: 10%;}
.ratio20 { width: 20%;}
.ratio30 { width: 30%;}
.ratio40 { width: 40%;}
.ratio50 { width: 50%;}
.ratio60 { width: 60%;}
.ratio70 { width: 70%;}
.ratio80 { width: 80%;}
.ratio90 { width: 90%;}
.ratio100 { width: 100%;}