@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------------------------  
 *	共通
 * --------------------------------------------------------------------------  */


* {
	-webkit-appearance: none;
}


body {
	font-size: 14px;
	color: #333333;
	line-height: 1.6;
	font-family: lato,Verdana,Arial,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	/*
	font-family: 'Noto Sans JP', sans-serif;
	/font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'MS P明朝', serif;
	font-family: lato,Verdana,Arial,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	*/

}

ul {
    list-style:none;
}


dt {
	font-weight: normal;
}


/*
カラー
#a68166　ゴールド
#333333　黒
#858585　グレー
#e5e5e5　薄グレー
#f5f5f5　薄薄グレー


#D95E4D（#f44336）　レッド
#fbefed（#ffebee）　薄レッド
#e08d49（#FF9800）　オレンジ
#f5c125（#FFC107）　黄色
*/


/******************** ブロック ********************/



.block {
	padding: 15px;
}

.block-s {
	padding: 5px;
}

.block p {
	margin-bottom: 15px;
}

.block p:last-child {
	margin-bottom: 0px;
}		

.block h4 {
	margin: 10px 0 20px 0;
	font-size: 16px;
	font-weight: bold;
}

.block h4.none{
	margin-bottom: 0px;
}


/*** フォームエリア ***/


.block-form {
	padding: 10px 10px;
}

.block-form dt {
	font-weight: bold;
	margin-bottom: 10px;
}

.block-form dd {
	margin-bottom: 10px;
}


.block-form dd:last-child {
	margin-bottom: 0px;
}		




/*** ボタンエリア ***/

.block-btn {
	padding: 20px 0px;
	text-align: center;
}

.block-btn form{
	display: inline-block;
}

/*** プルダウンエリア ***/
	
.block-select {
	padding: 15px;
	text-align: center;
}




/******************** リンク ********************/


a {
    -webkit-tap-highlight-color: rgba(0,0,0,0.3);
	/*color: #3F51B5;
	text-decoration: none;*/
}


a:focus,
a:hover {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}


a img {
}


a:hover img,
a:focus img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/******************** タイトル ********************/


.title h2 {
	font-size: 16px;
	font-weight: bold;
}

.title h3 {
	font-size: 14px;
	font-weight: bold;
}


.title-main {
	border-bottom: #333333 solid 2px;
	padding: 15px;
}

.title-sub {
	border-bottom: #333333 solid 1px;
	padding: 10px;
}


.title-black {
	background-color: #333333;
	color: #FFF;
	padding: 10px;
}


.title-gray {
	/*border-top: #e5e5e5 solid 1px;
	border-bottom: #e5e5e5 solid 1px;*/
	background-color: #e5e5e5;
	color:#333333;
	padding: 10px;
	width: 100%;
}



/*
.title-main {
	border-bottom: #333333 solid 2px;
	padding: 15px;
}


*/


/*** ゴシック ***/

#news h2,
#feature h2,
#ranking h2,
#picup h2,
#new h2,
#search h2,
#category h2 {
	/* font-family: 'Sawarabi Gothic', sans-serif;*/
	
}


/******************** テキストデザイン ********************/




/*** テキストカラー ***/

.text-red {
	color: #f44336;
}

.text-gray {
	color: #333333;
}


/*** フォーム関連 ***/

.form-title {
	font-weight: bold;
}


/*注釈*/

.form-notes {
	color: #333333;
	font-size: 12px;
	margin-top: 10px;
}

/*在庫切れ*/

.form-stock-out {
	background-color: #e5e5e5;
}


/*アラート*/

.form-alert-msg {
	color: #f44336;
	font-size: 12px;
	margin-bottom: 10px;
}

.form-alert {
    background-color: #ffebee;
    border: #f44336 solid 1px;
}


.form-alert-checkbox .checkbox-input + .checkbox-icon:before,
.form-alert-radio .radio-input + .radio-icon:before {
  color: #f44336;
}

.form-alert-checkbox .checkbox-input:checked + .checkbox-icon:before,
.form-alert-radio .radio-input:checked + .radio-icon:before {
  color: #333333;
}






/*** 商品関連 ***/


.item-price {
	/*font-weight: bold;*/
	color: #f44336;
}

.item-price-original {
	/*font-weight: bold;*/
	color: #9E9E9E;
}


.item-price-tax {
	font-weight: normal;
	font-size: 65%;
	margin-left: 3px;
}

.item-name a{
	color: #333333;
}


.item-catch {
	color: #9E9E9E;
}

.item-number,
.item-attribute {
	color: #333333;
}


.item-stoc {
	font-weight:bold ;
	color: #009688;
}


.item-pt {
	font-weight:bold ;
	color: #FF9800 ;
}



/******************** テーブル ********************/




table.table-common  {
	/*margin:0 auto;*/
	width: 100%;
}

.table-common tr {
	border-bottom: 1px #e5e5e5 solid;
}

.table-common tr:last-child {
	border-bottom: none;
}		


.table-common  th {
	vertical-align: middle;
	text-align: left;
	border-collapse:collapse;
	padding: 15px;
	width: 30%;
	color: #333333;
}

.table-common  td {
	vertical-align: middle;
	text-align: left;
	border-collapse:collapse;
	padding: 15px;
	width: 70%;
	color: #333333;
}




/******************** ラベル ********************/



/*** 割引率 ***/

.label-discount-rate {
	padding: 1px 5px;
	font-size: 12px;
	color: #FFF;
	background-color: #f44336;
}

/*** 売り切れ ***/

.label-sold-out {
	padding: 1px 5px;
	font-size: 12px;
	color: #FFF;
	background-color: #9E9E9E;
	color: #FFF;
}

/*** 必須 ***/

.label-required {
	margin-left: 10px;
	background-color: #f44336;
	color: #FFF;
	padding: 2px 5px;
	font-size: 10px;
	font-weight: normal;
}






/******************** フォーム ********************/



input:focus,
select:focus,
textarea:focus {
	border-color: #333333;
	outline: 0;
	
	/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
	
    /*-webkit-box-shadow: 0px 0px 3px 1px #333333;
                  box-shadow: 0px 0px 3px 1px #333333;*/
				  	
}

button {
	vertical-align: middle;
}



/*** インプット ***/


input {
	display: block;
	width: 100%;
	height: 34px;
	border-radius: 0px;
	border: solid 1px #e5e5e5;
	padding: 6px 12px;
	color: #333333;
}


input::placeholder {
  color: #858585;
}

/*** テキストエリア ***/


textarea {
	display: block;
	width: 100%;
	border-radius: 0px;
	border: solid 1px #e5e5e5;
	padding: 6px 12px;
	color: #333333;
}


textarea::placeholder {
  color: #858585;
}


/*** インプットグループボタン ***/

.input-group button {
	height: 34px;
	padding: 0px 20px;
	border-radius: 0px;
	font-weight: bold;
}


/*** プルダウン ***/
	
select {

	/*-webkit-appearance: button;*/
	/*-moz-appearance: button;*/
	/*appearance: button;*/
	/*text-indent: 1em;*/
	background:#FFF url(/img/common/icon/icon-arrow-bottom-black.png) no-repeat;
	background-size: 15px;
	background-position: right 10px top 10px;
	padding: 6px 40px 6px 12px;
	border: solid 1px #e5e5e5;
	border-radius: 0px;
	font-size: 14px;
	
	
	/*width: 100%;*/
	height: 34px;
	color: #333333;
	
	/*Firefox用*/
	-moz-appearance: none;
	text-indent: 0.01px;
  	text-overflow: '';
}


/* IE用*/

select::-ms-expand {
	display: none;
}



/*** チェックボックス・ラジオボタン共通 ***/


.checkbox-area,
.radio-area {
}

.checkbox-area label,
.radio-area label {
	font-weight: normal;
	cursor: pointer;
	margin-right: 10px;
}

.checkbox-area label:last-child,
.radio-area label:last-child {
	margin-right: 0px;
}

.checkbox-area span,
.radio-area span {
	margin-right: 10px;
}



/*** チェックボックス ***/
	
.checkbox-input {
	display: none;
}
.checkbox-input + .checkbox-icon {
	position: relative;
	vertical-align: middle;
}
.checkbox-input + .checkbox-icon:before {
	content: "\f0c8";
	font-family: "FontAwesome";
	color: #e5e5e5;
	font-size: 22px;
}
.checkbox-input:checked + .checkbox-icon:before {
	content: "\f14a";
	color: #333333;
}


/*** ラジオボタン ***/



.radio-input {
  display: none;
}
.radio-input + .radio-icon {
	position: relative;
	vertical-align: middle;
}
.radio-input + .radio-icon:before {
  content: "\f10c";
  font-family: "FontAwesome";
  color: #e5e5e5;
  font-size: 22px;
}
.radio-input:checked + .radio-icon:before {
  content: "\f192";
  color: #333333;
}



/*** その他 ***/

.form-domain {
    width: 110px;
	padding: 5px 10px;
    display: inline-block;
	font-size: 12px;
	border: #e5e5e5 solid 1px;
}

.form-name {
    display: inline-block;
    width: 150px;
}

.form-zipcode {
    display: inline-block;
    width: 120px;
}

.form-security-code {
    display: inline-block;
    width: 120px;
}

.form-order-id {
    display: inline-block;
    width: 150px;
}


	

/******************** 画像 ********************/

img {
	vertical-align: bottom;
}

.tmb-xs {
}

.tmb-s {
	width: 80px;
	width: 80px;
}

.tmb-m {
	width: 144px;
	width: 144px;
}

.tmb-l {
	width: 245px;
	width: 245px;
}



/******************** 水平線 ********************/

hr.dashed {
	/*border-width: 1px 0px 0px 0px;*/ /* 太さ */
	/*border-style: dashed; /* 線種 */
	/*border-color: #e5e5e5; /* 線色 */
	/*height: 1px; /* 高さ */
	
	margin:0px;
	padding:0px;
	
	height: 1px;
	border: none;
	border-top: 1px #e5e5e5 solid;	
}

hr.dotted {
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: dotted; /* 線種 */
	border-color: #e5e5e5; /* 線色 */
	height: 1px; /* 高さ */
	margin:0px;
	padding:0px;
}

hr.solid {
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #e5e5e5; /* 線色 */
	height: 1px; /* 高さ */
	margin:0px;
	padding:0px;
}




/******************** ボタン ********************/


.btn-common {
	padding: 9px 50px;
	font-weight: bold;
	border-radius: 0px;
	border: 1px solid transparent;
	text-align: center;
	vertical-align: middle;
}

.btn-block+.btn-block,
.btn-inline+.btn-inline {
	/*margin-left: 15px;*/
}


/*‎Bootstrapリセット*/
.btn-block+.btn-block {
    margin-top: 0px;
}



/*** ブロック ***/

.btn-block {
	display: block;
}

.btn-inline {
	display: inline-block;
}



/*** ブラック ***/

.btn-black,
.btn-black:visited,
.btn-black:active {
	background-color: #333333;
	border: 1px solid #333333;
	color: #fff;
}


.btn-black:hover,
.btn-black:focus {
	opacity: 0.8;
	filter: alpha(opacity=80);
	color: #fff;
	text-decoration: none;
	
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}



.btn-black-o,
.btn-black-o:visited,
.btn-black-o:active {
	background-color: #FFF;
	border: 1px solid #333333;
	color: #333333;
}


.btn-black-o:hover,
.btn-black-o:focus {
	opacity: 0.8;
	filter: alpha(opacity=80);
	color: #333333;
	text-decoration: none;
	
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}



/*** ゴールド ***/

.btn-gold,
.btn-gold:visited,
.btn-gold:active {
	background-color: #a68166;
	border: 1px solid #a68166;
	color: #fff;
}


.btn-gold:hover,
.btn-gold:focus {
	opacity: 0.8;
	filter: alpha(opacity=80);
	color: #fff;
	text-decoration: none;
	
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}



.btn-gold-o,
.btn-gold-o:visited,
.btn-gold-o:active {
	background-color: #FFF;
	border: 1px solid #a68166;
	color: #333333;
}


.btn-gold-o:hover,
.btn-gold-o:focus {
	opacity: 0.8;
	filter: alpha(opacity=80);
	color: #a68166;
	text-decoration: none;
	
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}




/*** グレー ***/

.btn-gray,
.btn-gray:visited,
.btn-gray:active {
	background-color: #9E9E9E;
	color: #fff;
}

.btn-gray:hover,
.btn-gray:focus {
	opacity: 0.8;
	filter: alpha(opacity=80);
	color: #fff;
	text-decoration: none;
	
	
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}




.btn-gray-o,
.btn-gray-o:visited,
.btn-gray-o:active {
	background-color: #FFF;
	border: 1px solid #e5e5e5;
	color: #333333;
}



.btn-gray-o:hover,
.btn-gray-o:focus {
	opacity: 0.8;
	filter: alpha(opacity=80);
	color: #333333;
	text-decoration: none;
	
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
	
}



/*** 次へ・戻る ***/

.btn-next,
.btn-back {
	/*width: 240px;*/
	width: 260px;
	display: inline-block;
}

.btn-back {
	margin-right: 5px;
}



/*** 変更・削除 ***/

.btn-edit,
.btn-delete {
	padding: 6px 10px;
	font-weight: normal;
}



/******************** パンくず ********************/


.breadcrumb {
	background-color: #FFF;
    padding: 8px 10px;
	margin-bottom: 0px;
	border-radius: 0px;
	/*width: 80%;
	margin:0 auto;*/
	word-wrap:break-all;
	font-size: 12px;
}

.breadcrumb>li+li:before {
    font-family: 'FontAwesome';
	content: '\f105';
    padding: 0 5px;
	color: #333333;
}


/******************** ステップバー ********************/


.step-bar {
  display: flex;
  /*max-width: 400px;*/
  position: relative;
  margin: 30px auto 0px;
  text-align: center;
  font-weight:bold;
}
.step-bar li {
  font-size: 12px;
  list-style: none;
  position: relative;
  width: 33.333%;
  color: #333333;
}
.step-bar li:after {
  background: #e5e5e5;
  content: "";
  width: calc(100% - 24px);
  height: 4px;
  position: absolute;
  left: calc(-50% + 12px);
  top: 10px;
}
.step-bar li:first-child:after {
  display: none;
}
.step-bar li span {
  background: #e5e5e5;
  color: #ffffff;
  display: inline-block;
  height: 24px;
  margin-bottom: 5px;
  line-height: 24px;
  width: 24px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.step-bar .visited:after {
  background: #333333;
}
.step-bar .visited span {
  background: #333333;
}



/******************** ページネーション ********************/


.page-nav-area {
	padding: 20px 5px;
}



/*** 前へ・次へ ***/

.page-nav-back{
	width:5%;
	display: inline-block;
	float: left;
	padding: 5px 3px;
	text-align: left;
	/*background-color:#F00;*/
}

.page-nav-next{
	width:5%;
	display: inline-block;
	float: right;
	padding: 5px 3px;
	text-align: right;
	/*background-color:#F00;*/
}



.page-nav-back a,
.page-nav-next a,

.page-nav-back a:hover,
.page-nav-next a:hover,

.page-nav-back a:visited,
.page-nav-next a:visited,

.page-nav-next a:active,
.page-nav-next a:active {
	color: #e1d8cd;
}


/*** 前へ・次へ（アクティブ） ***/


.page-nav-back_active{
	width:5%;
	display: inline-block;
	float: left;
	padding: 5px 3px;
	text-align: left;
	/*background-color:#00F;*/
}

.page-nav-next-active{
	width:5%;
	display: inline-block;
	float: right;
	padding: 5px 3px;
	text-align: right;
	/*background-color:#00F;*/
}


.page-nav-back_active a,
.page-nav-next-active a,

.page-nav-back_active a:hover,
.page-nav-next-active a:hover,

.page-nav-back_active a:visited,
.page-nav-next-active a:visited,

.page-nav-next-active a:active,
.page-nav-next-active a:active {
	color: #333333;
}


/*** ページナンバー ***/

ul.page-nav {
	width:90%;
	float: left;
	text-align: center;
	/*background-color:#333333;*/
}

ul.page-nav li {
	display: inline;
}

ul.page-nav li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	/*padding: 2px 10px;*/
	background: #fff;
	border: 1px solid #333333;
	text-decoration: none;
	vertical-align: middle;
	color: #333333;
	/*margin-left: -5px;*/
	border-radius: 0px
}


ul.page-nav li a:hover {
	color: #333333;
	background: #f5f5f5;
}

ul.page-nav li a:visited
ul.page-nav li a:active {
	color: #f5f5f5;
}


ul.page-nav li div {
	display: inline-block;
	width: 30px;
	height: 30px;
	/*padding: 2px 10px;*/
	background: #333333;
	border: 1px solid #333333;
	text-decoration: none;
	vertical-align: middle;
	color: #FFF;
	/*margin-left: -5px;*/
	border-radius: 0px;
}


.page-number {
	position: relative;
	top: 3px;
}




/******************** ドロップダウンメニュー（サブメニュー） ********************/

.nav{
	position: relative;
	margin:0;
	width:200px;
}

.nav a{
	display: block;
	text-decoration: none;
	background-color:#FFF;
	color: #333333;
}

.nav a:hover{
	background:#f5f5f5;
}

.nav>li{
	/*position: relative;*/
	border-bottom: 1px solid #e5e5e5 ;
}

.nav>li>a{
	padding:10px 15px;
}


.nav>li>a:after {
	font-family: FontAwesome;
	content:"\f105";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin: -10px 0 0 0;
}



.nav li .childnav{
	display: none;
	border: 1px solid #e5e5e5;
	background-color:#f5f5f5;
	
}

.nav li:hover .childnav{
	display: block;
	position:absolute;
	left:200px;
	top:-10px;
	width:200px;
	z-index: 2;
}



.childnav li{
	position: relative;
}


.childnav li a{
	padding:10px;
	border-bottom: none;

}
.childnav li a:hover{
	background: none;
}


/******************** 矢印付きリスト ********************/

.arrow-list li{
	border-bottom: #e5e5e5 solid 1px;
	margin:0px;
	padding:0px;
	background-color:#FFF;
	word-break:break-all;
	
}

.arrow-list li a {
	display: block;
	position: relative;
	padding: 10px 25px 10px 10px;
	color: #333333;
	text-decoration: none;
	text-align:left;
}


.arrow-list li a:hover,
.arrow-list li a:focus {
	background-color:#f5f5f5;
}



/*.arrow-list li a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 10px;
	height: 10px;
	margin: -4px 0 0 0;
	border-top: solid 2px #333333;
	border-right: solid 2px #333333;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}*/


.arrow-list li a:after {
	font-family: FontAwesome;
	content:"\f105";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin: -10px 0 0 0;
}



/******************** 商品リスト（横型・縦型共通） ********************/




.item-list-vertical .item-price-area .item-price,
.item-list-horizontal .item-price-area .item-price {
	font-size: 16px;
} 

.item-list-vertical .item-price-area .item-price-tax,
.item-list-horizontal .item-price-area .item-price-tax {
	/*margin-left: 3px;
	font-size: 10px;*/
}


/*** ラベル ***/

.item-list-vertical .label-discount-rate,
.item-list-horizontal .label-discount-rate,
.item-list-vertical .label-sold-out,
.item-list-horizontal .label-sold-out {
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
	opacity: 0.9;
}




/******************** 商品リスト（縦型） ********************/


.item-list-vertical {
	padding: 15px 0;
}

.item-list-vertical li.item-area {
	width: 144px;
	float: left;
	margin-right: 15px;
}


.item-list-vertical li.item-area:last-child {
	margin-right: 0px;
}	


.item-list-vertical .item-icon-area {
	margin-top: 10px;
}


.item-list-vertical .item-name {
	margin: 5px 0px;
}


.item-list-vertical .item-catch {
	margin-bottom: 5px;
}

	

.item-list-vertical .item-img-area {
	position:relative;
}
	
	
/******************** 商品リスト（横型） ********************/


.item-list-horizontal {
}


.item-list-horizontal .item-area {
	border-bottom: #e5e5e5 dotted 1px;
	padding: 15px 0;
}

.item-list-horizontal .item-area:last-child {
	border-bottom: #e5e5e5 solid 1px;
}		

.item-list-horizontal .item-img-area {
	float: left;
	position:relative;
	width: 144px;
}

.item-list-horizontal .item-txt-area {
	float: left;
	margin-left: 15px;
	width: 621px;
}

.item-list-horizontal .item-name {
	margin: 5px 0px;
}


.item-list-horizontal .item-catch {
	margin-bottom: 5px;
}

.item-list-horizontal .item-attribute,
.item-list-horizontal .item-number {
	margin-bottom: 5px;
}	
	
.item-list-horizontal .item-review,
.item-list-horizontal .item-btn {
	margin-top: 5px;
}	
	
	
/******************** アコーディオン（dl用） ********************/

dl.accordion {
    width: 100%;
}
.accordion dt {
    cursor:pointer;
	border-top:solid 1px #e5e5e5;
    padding: 10px;
	font-weight: normal;
}

		
dl.accordion dt span:after {
    font-family: FontAwesome;
    content: "\f107";
    float: right;
    color: inherit;
}

dl.accordion dt.active span:after {
    font-family: FontAwesome;
    content: "\f106";
    float: right;
    color: inherit;
}


.accordion dt:first-child {
	border-top: none;
    }

.accordion dd{
    display:none;
    /*font-size:14px;
    line-height:140%;
    margin:0;*/ 
    padding: 15px;
	background-color: #FFF;
	border-top:solid 1px #e5e5e5;
	background-color: #f5f5f5;
    }
	


.accordion dd p {
	margin-bottom: 10px;
}

.accordion dd p:last-child {
	margin-bottom: 0px;
}	





/******************** アコーディオン（チェックボックス・ラジオボタン付きdl用） ********************/


.accordion-checkbox,
.accordion-radio {
	width: 100%;
}


dl.accordion-checkbox,
dl.accordion-radio {
	border: solid 1px #e5e5e5;
}
	
.accordion-checkbox dt,
.accordion-radio dt {
	cursor: pointer;
	border-top : solid 1px #e5e5e5;
	padding: 10px;
	font-weight: normal;
}

.accordion-checkbox dt:first-child, 
.accordion-radio dt:first-child {
	border-top: none;
    }


.accordion-checkbox dd,
.accordion-radio dd{
	display: none;
	background-color: #f5f5f5;
	border-top : solid 1px #e5e5e5;
	/*padding: 10px;*/
}

/*
.accordion-radio dd p {
	margin-bottom: 10px;
}

.accordion dd p:last-child {
	margin-bottom: 0px;
}	*/



/*複数行*/
.accordion-radio .checkbox-left,   
.accordion-radio .radio-left {
	display:table-cell;
	vertical-align: middle;
	width: 30px;
}

.accordion-radio .checkbox-right,
.accordion-radio .radio-right {
	display:table-cell;
	vertical-align: middle;
}	


/******************** アコーディオン（ラジオボタン付きdl用内側） ********************/


dl.accordion-checkbox-inner,
dl.accordion-radio-inner {
	border: solid 1px #e5e5e5;
}
/*
dd.ContentWrap-inner {
	padding: 0px;
}
*/

	
	
	
	
 /******************** アコーディオン（li用） ********************/
 
ul.accordion {  
	width: 100%;
	height: 100%; 
}

ul.accordion a { 
	display:block; 
	padding:10px; 
}

ul.accordion span { 
		display:block;
		padding:5px; 
}

ul.accordion ul { 
		display:none;
		background-color: #f5f5f5;
		border-bottom:1px solid #e5e5e5;
}


ul.accordion > li > p { 
		cursor:pointer;
		background: #FFF;
		/*border-top:1px solid #e5e5e5;*/
		border-bottom:1px solid #e5e5e5;
		padding:5px; 		
}

		
		
ul.accordion > li > p span:after {
    font-family: FontAwesome;
    content: "\f107";
    float: right;
    color: inherit;
}
		
		

ul.accordion > li > p span.open:after { 
    font-family: FontAwesome;
    content: "\f106";
    float: right;
    color: inherit;
}


ul.accordion > li > ul > li { 
		background: #f5f5f5; 
		border-bottom:1px solid #FFF;
		width: 100%;
}




ul.accordion > li > ul > li a:hover,
ul.accordion > li > ul > li a:focus {
	background-color:#e5e5e5;
}

	
	
	
	
	
	
	

/******************** カテゴリアイコン ********************/


.item-icon-area li{
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	border-radius: 2px;
	font-size: 9px;
	padding: 0px 3px;
	}


li.item-icon-01 {
	border: #8BC34A solid 1px;
	background-color: #FFF;
	color: #8BC34A;
	font-weight: normal;
	
}

li.item-icon-02 {
	border: #8BC34A solid 1px;
	background-color: #8BC34A;
	color: #FFF;
	font-weight: normal;
}


/******************** インラインフレーム ********************/		
		
		
.iframe-area {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #333333;
    border-collapse: collapse;
}

.iframe-title {
    background-color: #333333;
    color: #FFF;
    padding: 5px;
}	


.iframe {
	background-color: #f5f4f4;
	width: 100%;
	height: 100px;
	overflow-y: auto;
	padding: 10px; 
        }




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


/******************** ヘッダー検索 ********************/	
	
#header-search-area {
	background-color: #e5e5e5;
}	


#header-search-inner {
	width: 1000px;
	margin: 0 auto 0;
	padding: 10px;
	/*color: #FFF;*/
}	
	
	

/*** フォーム ***/	
	
.header-search-form input {
    border: solid 1px #333333;
}	
	
	
	
	
/*** タグ ***/

.header-search-tag {
	float: left;
	width: 680px;
	padding: 5px 0;
	font-size: 11px;
}	


.header-search-tag .tag-title {
	float: left;
	padding: 2px 10px 2px 0px ;
	font-weight: bold;
	color: #333333;
}	

.header-search-tag .tag{
	display: block;
	float: left;
	width: 570px;
}
	
	
.header-search-tag .tag a,
.header-search-tag .tag a:visited,
.header-search-tag .tag a:active {
	float: left;
	margin-right: 10px;
	border-radius: 2px;
	padding: 2px 10px;
	background-color: #FFF;
	color: #333333;
	border: #333333 solid 1px;
	text-decoration: none;
}	
	

.header-search-tag .tag a:focus,
.header-search-tag .tag a:hover {
	color: #d0c2b1;
	border: #d0c2b1 solid 1px;
	text-decoration: none;
}	
	
	
/*** フォーム ***/
	
.header-search-form {
	float: right;
	width: 300px;
}	

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

#header-top {
	width: 1000px;
	margin: 0 auto 0;
	padding: 5px 10px;
	font-size: 11px;
	text-align: right;
}

#header-top .catch-01 {
	float: left;
}

#header-top .catch-02 {
	float: right;
}


/******************** ヘッダーメニュー ********************/


#header-menu {
	width: 1000px;
	margin: 0 auto 0;
	padding: 10px;
}



/*** ロゴ ***/

#header-menu h1 a{
	display: block;
	float: left;
	width: 208px;
	height: 50px;
	background: url("/img/common/logo.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: transparent;
	/*background-color: #FF9;*/
	
}

#header-menu em {
	display: none;
}



/*** ナビ ***/

#header-menu nav{
	display: block;
	float: right;
	width: 280px;
	height: 50px;
	background-color: #transparent;
	/*background-color: #FF9;*/
}

#header-menu li a {
    display: block;
	float: left;
	width: 70px;
	height: 50px;
	text-decoration: none;
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	position: relative;
	/*top: 10px;*/
	/*background-color: #FF9;*/
}

#header-menu li a:hover,
#header-menu li a:focus {
	text-decoration: none;
	color: #333333;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#header-menu li a .fa {
	font-size: 20px;
	display: block;
	margin: 5px 0px 3px 0px;
}



#header-menu .header-cart {
	position: relative;
}

#header-menu .header-cart .badge {
	position: absolute;
	top: 0px;
	right: 15px;
	
    background-color: #f44336;
	font-size: 10px;
	font-weight: normal;
	padding: 3px 3px;
	min-width: 16px;
}







/* --------------------------------------------------------------------------  
 *	コンテンツ　枠
 * --------------------------------------------------------------------------  */


#container {
	width: 1000px;
	margin: 20px auto 20px;
}


#sub {
	width: 200px;
	float: left;
}


#main {
	width: 780px;
	float: right;
}






/* --------------------------------------------------------------------------  
 *	コンテンツ　サブ
 * --------------------------------------------------------------------------  */
 
 
/******************** 検索 ********************/

#search .block {
	padding: 15px 0px;
}



#search .btn-area {
	padding: 10px 0;
}



#search .form-title {
	margin-bottom: 5px;
}


/*** 価格 ***/

#search input[type=tel] {
	display: inline;
	width:  60px;
}

#search .price-en {
	margin-left: 5px;
}

#search .price-kara {
	margin: 0px 5px 0px 5px;
}



/*** フリーワード ***/

#search  input[type=search] {
	
}

#search  button[type=submit] {
}




/*** アイコン ***/

#search .fa {
	margin-right: 5px;
}


 
 
 
 
 
/* --------------------------------------------------------------------------  
 *	コンテンツ　メイン
 * --------------------------------------------------------------------------  */
 
 
 
/******************** スライダー（TOP） ********************/


#slider {
	width: 100%;
	margin: 0 auto 30px;
}

#slider .gallery-cell {
	width: 100%;
}


#slider .gallery-cell img{
	width: 100%;
	display: block;
}


#slider .flickity-page-dots .dot {
	/*margin: 10px 8px;*/
	background-color: #333333;
}

#slider .flickity-page-dots .dot.is-selected {
	background-color: #333333;
}

#slider .flickity-prev-next-button {
	/*top: 100px;
	width: 24px;
	height: 24px;*/
}

#slider .flickity-button-icon {
    fill: #333333;
}

/******************** TOPページタイトル ********************/


.title-main-top h2 {
	float: left;
}


.btn-more a{
	float: right;
	color: #333333;
	font-weight: bold;
}

.btn-more .fa {
	margin-left: 10px;
}






/******************** お知らせ・一覧 ********************/

/*
.news-date {
	text-align: right;
	padding-bottom: 0px;
}*/

#news ul {
	margin: 15px 0;
}

#news li p{
	float:left;
}

#news li {
	padding: 10px 0;
	border-bottom: dotted #e5e5e5 1px;
}

#news .news-date {
	margin-right: 20px;

}



#news-detail .news-date {
	text-align: right;
	padding-bottom: 0px;
}


/******************** ランキング・一覧 ********************/



#ranking p.ranking-update-area {
	/*background-color: #333333;
	margin-top: -2px;*/
	float: left;
	margin-left: 10px;
}


/*** ラベル ***/


#ranking .ranking-update {
	background-color: #333333;
	color: #FFF;
	padding: 3px 6px;
	font-size: 10px;
	border-radius: 2px;
}


/*** リボン ***/


#ranking .ranking-ribbon-01,
#ranking .ranking-ribbon-02,
#ranking .ranking-ribbon-03,
#ranking .ranking-ribbon-04 {
    position: absolute;
    top: -2px;
	left: 0px;
    width: 27px;
    height: 33px;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
	line-height: 25px;
}


#ranking .ranking-ribbon-01 {
	background: url(/img/common/ranking-01.png) no-repeat 0 0;
}

#ranking .ranking-ribbon-02 {
	background: url(/img/common/ranking-02.png) no-repeat 0 0;
}

#ranking .ranking-ribbon-03 {
	background: url(/img/common/ranking-03.png) no-repeat 0 0;
}

#ranking .ranking-ribbon-04 {
	background: url(/img/common/ranking-04.png) no-repeat 0 0;
}





/*** アイコン ***/

#ranking .fa {
	margin-right: 5px;
}


#ranking .icon-crown-white {
	width: 12px;
	height: 12px;
	margin-right: 5px;
	/*background-color:#21212;*/
}
 
 






/******************** 商品詳細 ********************/


/*** アイコン ***/

#item-detail .fa {
	margin-right: 5px;
}


/*** 商品サムネイル ***/



.flickity-button-icon {
    fill: #333333;
}


.carousel {
    background: #FFF;
    margin-bottom: 0px;
}

.carousel-cell {
	border-radius: 0px;
	counter-increment: carousel-cell;
}


.carousel-main, 
.carousel-main-bottom {
	margin: 0 auto 10px;
	width: 245px;
	height: 245px;
}

.carousel-main .carousel-cell,
.carousel-main-bottom .carousel-cell {
	width: 245px;
	height: 245px;
}

.carousel-main .flickity-prev-next-button.next,
.carousel-main-bottom .flickity-prev-next-button.next {
    right: -40px;
}

.carousel-main .flickity-prev-next-button.previous, 
.carousel-main-bottom .flickity-prev-next-button.previous {
    left: -40px;
}


.carousel-main .flickity-prev-next-button,
.carousel-main-bottom .flickity-prev-next-button {
    width: 40px;
    height: 40px;
}


.carousel-nav,
.carousel-nav-bottom {
	margin: 0 auto 0;
	width: 245px;
	height: 45px;
}


.carousel-nav .carousel-cell,
.carousel-nav-bottom .carousel-cell {
	width: 45px;
	height: 45px;
	margin-right: 5px;
	cursor: pointer;
}


/*
.carousel-nav .flickity-prev-next-button.next {
    right: -px;
}

.carousel-nav .flickity-prev-next-button.previous {
    left: -px;
}*/






/*** 購入エリア ***/


#item-detail .item-purchase-area {
	padding: 15px 0;
	
}

#item-detail .item-purchase-left {
	float: left;
	background-color: #FFF;
	width: 330px
}


#item-detail .item-purchase-right {
	float:left;
	background-color:#FFF;
	width:450px;	
}



#item-detail .item-purchase-area p {
	margin-bottom: 8px;
}


#item-detail .item-purchase-area p:last-child {
	/*margin-bottom: 0px;*/
}		



#item-detail .item-icon-area {
	margin-bottom: 6px;
}	


/*** 価格 ***/


#item-detail .item-price {
	font-size: 24px;
	font-weight: bold;
} 

#item-detail .item-price-original {
	font-size: 16px;
}


#item-detail .label-discount-rate {
	font-size: 12px;
	padding: 2px 5px;
}


/*** カート ***/


#item-detail .cart-btn {
	margin-bottom: 8px;
}


#item-detail .cart-btn button {
	height: 50px;
	font-size: 18px;
}


/*属性選択*/

#item-detail .item-attribute-area select {
	width: 100%;
	margin-bottom: 8px;
}


/*数量選択*/


#item-detail .cart-btn span {
	font-weight: bold;
}


#item-detail .cart-btn {
	width:100%;
	height:100%;
}

#item-detail .cart-btn .left {
	float: left; 
	width: 115px;
}

#item-detail .cart-btn .right {
	float: left; 
	width: 335px;
}



#item-detail .cart-btn select {
	width: 72px;
}



/*** お気に入り・レビューボタン ***/



.count-btn-area {
	width:100%;
	height:100%;
	margin-bottom: 8px;
}

.count-btn-area .left {
	float: left;
	width: 100%;
	margin-right: -52px;

}


.count-btn-area .left-inner {
	margin-right: 57px;
}


.count-btn-main {
	display: block;
	border: #e5e5e5 solid 1px;
}


.count-btn-area .right {
	float : right;
	width: 52px;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}



 
.count-btn-area .count-btn {
 	position: relative;
	display: inline-block;
	padding: 9px 10px;
    min-width: 48px;
 	max-width: 48px;
 	box-sizing: border-box;
}

.count-btn-area .count-btn:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -6px;
 	margin-top: -3px;
	border: 3px solid transparent;
	border-right: 3px solid #FFF;
 	z-index: 2;
}

.count-btn-area .count-btn:after{
	content: "";
	position: absolute;
	top: 50%;
	left: -9px;
 	margin-top: -4px;
	border: 4px solid transparent;
	border-right: 4px solid #e5e5e5;
 	z-index: 1;
} 
 
 
 
.count-btn-area .fa-heart,
.count-btn-area .fa-heart-o {	
	color: #f44336;
}
 




/*** シェアボタン ***/

.share-area {
	margin-top: 8px;
}

.share-area li a,
.share-area li a:visited,
.share-area li a:active{
	float: left;
	display: inline-block;
	border-radius: 2px;
	color: #FFF;
	width: 100px;
	padding: 5px 0;
	text-align: center;
	margin-right: 10px;
}
	
	
.share-area li a:hover,
.share-area li a:focus {
	opacity: 0.8;
	filter: alpha(opacity=80);
	color: #FFF;
	text-decoration: none;
}
	
	
.share-area li.facebook a {
	background-color: #4763a3;
		
	}
	
.share-area li.twitter a {
	background-color: #000000;
	}


.share-area li.mail a {
	background-color: #FF9800;
	}
	

/*** SNSアイコン ***/	
	
.twitter-icon .icon {
	width: 12px;
	height: 12px;
}

.twitter-icon{
	color: #FFF;
	font-size: 12px;
	position: relative;
	top: 0px;
	left: -3px;
}
		
	


/*** 商品LP ***/

.item-lp {
	padding: 15px 0;
	text-align: center;
}

.item-stockout {
	padding: 15px 15px 0px;
	font-size: 16px;
	font-weight:bold
}

.item-lp-img {
	width: 100%;
}


/*** 商品スペック ***/

.item-spec {
	padding: 15px 0;
	text-align: center;
}


.item_detail th {
	padding: 10px;
}

.item_detail td {
	padding: 10px;
}

/******************** LP単体商品ページ ********************/ 


#item-lp-only {
	width: 780px;
	margin: 0px auto 0px;
}


#item-lp-only .left {
	float: left;
	width: 424px;
	background-color: #FC9;
	
}

#item-lp-only .left select{
	width: 424px;
}


#item-lp-only .right {
	float: right;
	text-align: right;
	width: 82px;
	background-color: #F96;
}

#item-lp-only .right select{
	width: 82px;
}


/******************** カート ********************/ 





.cart-list td {
	padding: 15px;
	vertical-align: middle;
}

.cart-list tr {
	border-bottom: #e5e5e5 dotted 1px;
}

.cart-list tr:last-child {
	border-bottom: #e5e5e5 solid 1px;
}		


.cart-list .item-img-area {
	width: 110px;
}

.cart-list .item-img-inner {
	position: relative;
	width: 80px;
	height:80px;
}

.cart-list .item-name-area {
	width: 350px;
	/*background-color:#FFC;*/
}

.cart-list .item-price-area {
	width: 132px;
	text-align: right;
	/*background-color: #FCC;*/
}


.cart-list .item-price-area .item-price {
    font-size: 16px;
}

.cart-list .item-quantity-area {
	width: 102px;
	/*background-color: #CCF;*/
}

.cart-list .item-delete-area {
	width: 86px;
	/*background-color:#FFC;*/
}


/*** ラベル ***/

.cart-list .label-discount-rate,
.cart-list .label-sold-out {
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
	opacity: 0.9;
}




/*** プルダウン ***/
	
.cart-list select {
	height: 33px;
	width: 72px;
	background-position: right 10px top 9px;
	padding: 0px 40px 0px 12px;
}


/*** 注文手続きボタン ***/

#cart .cart-btn {
	padding: 10px 10px 20px;
	text-align: center;
}



/*** アイコン ***/

#cart .fa {
	margin-right: 5px;

}



/******************** 注文手続き ********************/



/*** 注文情報 ***/

#order .item-list-horizontal .item-area {
    padding: 15px;
}	

#order .item-list-horizontal .item-img-area {
	width: 80px;
}

#order .item-list-horizontal .item-txt-area {
	width: 655px;
}

#order .item-list-horizontal .item-name {
	margin-top: 0px;
}

 

/*** 合計金額 ***/


table.total-price {
	width: 100%;
	margin-top: 15px;
}

.total-price th {
	padding: 5px;
}

.total-price td {
	padding: 5px;
	text-align: right;
}

.total-price tbody th,
.total-price thead th {
	font-weight: normal;
}

.total-price thead td {
	background-color: #ffebee;
	text-align: center;
	font-weight: bold;
}

.total-price thead .item-price-tax {
	font-weight: bold;
}



.total-price tfoot {
	border-top: 1px #e5e5e5 solid;
	font-size: 16px;
	font-weight: bold;
}


/*** 軽減税率対応表示 ***/

table.price-tax-detail {
	width: 50%;
	border: 1px #E0E0E0 solid;
}

.price-tax-detail th {
	padding: 5px;
}

.price-tax-detail td {
	padding: 5px;
	text-align: right;
}

.price-tax-detail tbody th {
	font-weight: normal;
}


/*** Amazon pay ***/

.amazonpay-area {
	border:1px #e5e5e5 solid;
	margin:15px;
	text-align:center;
}



/*** アイコン ***/

#order .fa {
	margin-right: 5px;
}


/*** クロスセル ***/
.balloon_crosssell {
	position: relative;
	display: inline-block;
	padding: 10px 16px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	background: #333333;
	border-radius: 4px;
	margin-bottom: 20px;
}

.balloon_crosssell:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #333333;
}

.balloon_crosssell p {
	margin: 0;
	padding: 0;
}


 
/******************** ログイン・会員登録・注文TOP ********************/


#login .checkbox-area{
	padding: 0 15px;
}


.login-help {
	text-align: right;
	margin-bottom: 15px;
}

.login-help .fa {
	margin-right: 0px;
	margin-left: 10px;
}



#regist .block-btn {
	padding-top: 10px;
}


#regist .input-group input {
    border: solid 1px #333333;
}

#regist .input-group .form-alert {
    border: solid 1px #f44336;
}



/*** アイコン ***/

#login .fa,
#regist .fa {
	margin-right: 10px;
}





/******************** 再入荷お知らせ ********************/ 



#restock > ul {
	margin: 0 15px;
}



#restock > ul > li:first-child {
	border-bottom: 0px;
	text-align: center;
	background-color: #f5f5f5;
	color: #333333;
	padding: 5px;
	font-weight: bold;
}



#restock > ul > li {
	padding: 15px;
	border: #e5e5e5 solid 1px;
	margin:0px;
	background-color:#FFF;
	word-break:break-all;
	text-align:left;
}




#restock .item-list-horizontal .item-img-area {
	float: left;
	position:relative;
	width: 144px;
}

#restock .item-list-horizontal .item-txt-area {
	float: left;
	margin-left: 15px;
	width: 556px;
}




#restock .title-gray {
	text-align: center;
}


#restock .input-group input {
    border: solid 1px #333333;
}



/*** アイコン ***/

#restock .fa {
	margin-right: 10px;
}




/******************** レビュー ********************/ 





.review-tota-area {
	text-align: center;
	padding: 10px;
	font-size: 16px;
}

.review-total-Score {
	color: #f44336;
	font-weight: bold;
	font-size: 20px;
	margin-left: 5px;
}



.review-individual-area {
}

.review-individual-Score {
	color: #f44336;
	font-weight: bold;
	font-size: 16px;
	margin-left: 5px;
}


.review-inner {
	padding: 10px;
	background-color: #f5f5f5;
}

.review-txt {
	padding: 10px;
}


.review-img {
	text-align: center;
	padding: 0px 10px 10px 10px;
}

.review-img li {
    display: inline;
    margin-right: 7px;
}


.review-date {
	padding: 0px 10px 10px 10px;
	text-align: right;
	color: #9E9E9E;
}

.review-btn {
	/*padding: 10px 20px 20px 20px;*/
	text-align: center;
	padding-bottom: 15px;
}



#review .btn-black-o+.btn-black-o {
	margin-top: 10px;
}



/*** アイコン ***/

#review .fa {
	margin-right: 5px;
}

#review .fa-star,
#review .fa-star-o,
#review .fa-star-half-o {
	color: #FFC107;
}


/******************** マイページ ********************/

#mypage .arrow-list {
	border-top: 1px #e5e5e5 solid;
	border-left: 1px #e5e5e5 solid;
	border-right: 1px #e5e5e5 solid;
}



table.mypage {
	margin:0 auto;
	width: 250px;
	/*font-weight: bold;
	font-size: 16px;*/

}

.mypage th {
	text-align: center;
	background-color: #f5f5f5;
    border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	padding: 5px;
	width: 50%;
	vertical-align: middle;
	color: #333333;
	font-weight: normal;
}

.mypage td {
	text-align: center;
	background-color: #FFF;
    border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	padding: 5px;
	width: 50%;
	vertical-align: middle;
	color: #333333;
}



/*** アイコン ***/

#mypage .fa {
	margin-left: 5px;
}

 








/******************** お届け先・クレジットカード一覧 ********************/



.address-list li,
.card-list li {
	display:table;
	border-bottom: #e5e5e5 solid 1px;
	word-break:break-all;
	padding: 15px;
}


.address-list .left,
.card-list .left {
	display: table-cell;
	width: 640px;
}

.address-list .right,
.card-list .right {
	display: table-cell;
	width: 110px;
	vertical-align: middle;
	text-align: right;
}

.address-list .btn-delete,
.card-list .btn-delete {
	margin-right: 5px;
 
}



/******************** クーポン一覧・詳細 ********************/ 


.coupon-img {
	width: 320px;
}

/*** アイコン ***/

#coupon .fa {
	margin-right: 5px;
}



/*** クーポン一覧 ***/

#coupon .arrow-list li a {
	padding: 15px 25px 15px 15px
}

.coupon-list .left {
	float: left;
	width: 320px;
}

.coupon-list .right {
	float: left;
	width: 420px;
	padding-left: 15px;
}

.coupon-list .coupon-name {
	font-size: 16px;
}

.coupon-list .coupon-price {
	color: #f44336;
	font-size: 24px;
	font-weight: bold;
}

.coupon-list .coupon-date {
	color: #333333;
}


/*** クーポン詳細 ***/

.coupon-img-area {
	padding: 15px 15px 0px 15px;
	text-align:center;
}



/******************** ポイント履歴 ********************/ 


table.point-history  {
	width: 100%;
	/*font-weight: bold;
	font-size: 16px;*/

}

.point-history th {
	text-align: center;
	background-color: #f5f5f5;
    border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	padding: 10px;
	vertical-align: middle;
	color: #333333;
	font-weight: normal;
	font-size: 12px;	
}

.point-history td {
	text-align: center;
	background-color: #FFF;
    border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	padding: 10px;
	vertical-align: middle;
	color: #333333;
	font-size: 12px;	
}




/******************** 注文一覧 ********************/



.order-list-area > li {
	border-bottom: 1px #e5e5e5 solid;
	padding: 15px;
}

.order-list-area > li:last-child {
	border-bottom: none;
}


.order-list-area .left {
	float: left;
	width: 300px;
	/*background-color: #FCC;*/
}

.order-list-area .right {
	float: left;
	width: 450px;
	/*background-color: #FFC;*/
}


/*** 注文情報 ***/


#order .item-list-horizontal .item-img-area {
	width: 80px;
}

#order .item-list-horizontal .item-txt-area {
	width: 320px;
}



/*** 注文内容確認 ***/

table.order-list  {
	margin-right: 15px;
}

.order-list th {
	text-align: left;
	/*font-weight: normal;*/
	background-color: #f5f5f5;
    border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	padding: 10px;
	width: 30%;
	vertical-align: middle;
	color: #333333;
	font-weight: normal;
}

.order-list td {
	text-align: left;
	background-color: #FFF;
    border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	padding: 10px;
	width: 70%;
	color: #333333;
	vertical-align: middle;
}




/*** 注文ID ***/

table.order-id  {
	margin:0 auto;
	width: 400px;
	font-weight: bold;
	font-size: 16px;

}

.order-id th {
	text-align: center;
	background-color: #f5f5f5;
    border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	padding: 10px;
	width: 50%;
	vertical-align: middle;
	color: #333333;
}

.order-id td {
	text-align: center;
	background-color: #FFF;
    border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	padding: 10px;
	width: 50%;
	vertical-align: middle;
	color: #f44336;
}




/******************** インフォメーション ********************/ 


/*** アイコン ***/

#info .fa {
	margin-right: 5px;
}

 
/******************** ご利用ガイド ********************/


.gmo-bnr {
	margin: 10px 0;
}

.amazon-bnr {
	margin: 10px 0 0 0;
}

.credit-logo {
	margin: 10px 0;
}

.career-logo {
	margin: 10px 0px 0px 0px;
}


/*** 送料 ***/


table.postage-list  {
	margin-bottom: 10px;
	width:350px;
}

.postage-list th {
	width:110px;
	text-align: center;
	background-color: #f5f5f5;
    border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	padding: 5px;
	vertical-align: middle;
	color: #333333;
}

.postage-list td {
	text-align: center;
	background-color: #FFF;
    border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	padding: 5px;
	vertical-align: middle;
	color: #333333;
}




/*** 発送目安 ***/


table.estimated-shipment  {
	margin-bottom: 10px;
	width:100%;
}

.estimated-shipment th {
	width:120px;
	text-align: center;
	background-color: #f5f5f5;
    border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	padding: 5px;
	vertical-align: middle;
	color: #333333;
}

.estimated-shipment td {
	text-align: left;
	background-color: #FFF;
    border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	padding: 5px;
	vertical-align: middle;
	color: #333333;
}





/*** 振り込み先 ***/


table.bank-number  {
	margin-bottom: 10px;
}

.bank-number th {
	text-align: center;
	background-color: #f5f5f5;
    border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	padding: 5px 20px;
	vertical-align: middle;
	color: #333333;
}

.bank-number td {
	text-align: left;
	background-color: #FFF;
    border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	padding: 5px 20px;
	vertical-align: middle;
	color: #333333;
}

/*** 振り込み時の注意事項 ***/

table.bank-Attention  {
}

.bank-Attention td {
	text-align: left;
	background-color: #FFF;
    border: 1px #e5e5e5 solid;
	padding: 10px;
	color: #333333;
}


/*** 会員ランク ***/

table.member-rank  {
}

.member-rank th {
	text-align: center;
	background-color: #f5f5f5;
    border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	padding: 10px;
	vertical-align: middle;
	color: #333333;
}

.member-rank td {
	text-align: left;
	background-color: #FFF;
    border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	padding: 10px;
	vertical-align: middle;
	color: #333333;
}


 
 
 
 
 /* --------------------------------------------------------------------------  
 *	フッター
 * --------------------------------------------------------------------------  */
 
 
 
 
 /******************** フッターメニュー ********************/
 
 
footer {
	background-color: #333333;
	color: #FFF;
}


#footer-inner {
	width: 1000px;
	margin: 0 auto 0;
	padding: 30px;
	margin: 0 auto;
}


#footer-menu {
	width: 100%;
	margin-bottom: 20px;
	text-align :center;
}


#footer-menu li {
    display: inline-block;
    border-right: #FFF solid 1px;
    padding: 0 20px;
}


#footer-menu li:last-child {
	border-right: none;
}

#footer-menu li a {
	color: #FFF;
}

 
 
 
/******************** ページTOP ********************/ 
 
.page-top{
	margin: 0 ;
	padding: 0 ;
	display:none;
}
 
.page-top{
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 20px ;
	bottom: 20px ;
}
 
.move-page-top{
	display: block ;
	width: 40px ;
	height: 40px ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
	
	cursor: pointer;
    border-radius: 0px;        /* CSS3草案 */  
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0px;   /* Firefox用 */  	

}

.page-top-txt {
	display: block;
	position: relative;
	font-size: 10px;
	top: -4px;
}

.page-top-icon {
	display: block;
	position: relative;
	top: -1px;
}

 

/******************** コピーライト ********************/

#copy p {

	/*background-color: #333333;*/
	text-align:center;
	font-size: 12px;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
}