@charset "utf-8";

/* ---------------------------------------------------------------------------------------- 

	商品カテゴリリスト [ MODULE:catalog_index ]	

---------------------------------------------------------------------------------------- */

.categoryIndex a {
	color: #A5887B;
}

.categoryIndex a.selected {
	color: #78c17a;
}

.categoryIndex a:hover {
	color: #6a3a23;
}

.categoryIndex li {
	display: block;
	padding: 3px 30px 15px 30px;
	background: url(../images/common/icon_navi.png) no-repeat 0px 0px;
	font-size: 101.06666%;
	font-weight: bold;
	line-height: 1em;
}

.categoryIndex ul ul,
.categoryIndex ul ul {
	margin: 15px 0 0;
}

.categoryIndex ul ul li {
	margin: 0;
	padding: 0 16px 15px 20px;
	background: url(../images/common/icon_navi_s.png) no-repeat 0px 0px;
	font-size: 90%;
	line-height: 1em;
}

.categoryIndex .upperNavi ul ul li,
.categoryIndex .bottomNavi ul ul li {
	display: inline-block;
}

.categoryIndex .sideNavi a,
.categoryIndex .opt1Navi a,
.categoryIndex .opt2Navi a,
.categoryIndex .opt3Navi a {
	display: list-item;
	padding-bottom: 15px;
}

.categoryIndex .sideNavi ul ul li,
.categoryIndex .opt1Navi ul ul li,
.categoryIndex .opt2Navi ul ul li,
.categoryIndex .opt3Navi ul ul li {
	margin: 15px 0 0;
	padding-bottom: 0;
}

.categoryIndex .sideNavi h3,
.categoryIndex .opt1Navi h3,
.categoryIndex .opt2Navi h3,
.categoryIndex .opt3Navi h3, {
	margin-bottom: 16px;
}


/* ---------------------------------------------------------------------------------------- 

	ログイン [ MODULE:user_login ]

---------------------------------------------------------------------------------------- */

#header .userLoginMenu {
	box-sizing: border-box;
	max-width: 1170px;
	margin: 0 auto 16px;
	padding: 15px;
}

.userLoginGetForm #user-login-form{
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
}

.userLoginGetForm #user-login-form .loginLink{
	text-align:left;
	margin-bottom:10px;
}

#upper .userLoginGetForm #user-login-form .loginLink,
#bottom .userLoginGetForm #user-login-form .loginLink {
	text-align: center;
}

.userLoginGetForm #user-login-form+ul{
	list-style:none;
	padding-left:0;
	text-align:center;
}

/* pc */
@media (min-width: 768px) {
	
	#header .userLoginGetForm h2,
	#header .userLoginGetForm h3{
		display:none;
	}

	#header .userLoginGetForm #user-login-form{
		max-width:100%;
		width:auto;
		text-align:right;
		margin-bottom: 5px;
	}
	
	#header .userLoginGetForm #user-login-form dl,
	#header .userLoginGetForm #user-login-form .loginLink{
		line-height:32px;
		margin-bottom: 0px;
		display:inline-block;
		vertical-align: bottom;
	}
	
	#header .userLoginGetForm #user-login-form dl dt,
	#header .userLoginGetForm #user-login-form dl dd{
		float:left;
		line-height:32px;
		padding-right: 10px;
		text-align:left;
	}
	
	#header .userLoginGetForm ul{
		text-align:right;
	}
	
	#header .userLoginGetForm ul li{
		display:inline-block;
		padding-right: 10px;
	}
	
	#header .userLoginGetForm #user-login-form input{
		max-width:150px;
		margin: 0 0 0 auto;
	}

}

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

	/* ヘッダー */

	/* ログインフォーム */
	#header .userLoginGetForm{
		background:#eee;
	}
	
	#header .userLoginGetForm h2,
	#header .userLoginGetForm h3{
		margin:0;
		padding: 0 0 10px;
		color:#333;
		font-size: 1.333rem;
		background:none;
	}
	
	#header .userLoginGetForm #user-login-form{
		font-size: .8rem;
		line-height:130%;
	}
	
	#header .userLoginGetForm .box,
	#header .userLoginGetForm #user-login-form dl{
		margin:0;
	}
	
	#header .userLoginGetForm #user-login-form dl dt,
	#header .userLoginGetForm #user-login-form dl dd{
		margin-left:auto;
		margin-right:auto;
	}
	
	#header .userLoginGetForm #user-login-form dl dd input{
		max-width:100%;
		font-size: .8rem;
		height:auto;
	}
	
	#header .userLoginGetForm #user-login-form .pageLink,
	#header .userLoginGetForm #user-login-form .loginLink{
		display: block;
		margin-bottom:0;
		margin-top:5px;
		text-align:center;
	}
	
	#header .userLoginGetForm ul{
		margin-top: 16px;
		text-align:center;
	}
	
	/* マイページ（ログイン後） */
	#header .userLoginMenu{
		background:#eee;
		padding:10px;
	}
	
	#header .userLoginMenu .headerBox{
		margin:0px;
	}
	
	#header .userLoginMenu h2{
		display:none;
	}
	
}


/* ---------------------------------------------------------------------------------------- 

	ログイン [ MODULE:user_login_menu ]

---------------------------------------------------------------------------------------- */

/* ログアウトボタン */
#header #user-login .headerBoxBottom div div.buLogout {
	float: right;
}

/* pc */
@media (min-width: 768px) {
	#header #user-login .headerBoxBottom div div{
		float:left;
		margin-right:10px;
	}
}


/* ---------------------------------------------------------------------------------------- 

	新着商品 [ MODULE:catalog_new ]
	ピックアップ商品 [ MODULE:catalog_picup ]
	ランダム商品 [ MODULE:catalog_get_random ]
	人気商品 [ MODULE:catalog_popular ]
	カテゴリーTOP
	検索結果

---------------------------------------------------------------------------------------- */

.shopSearch      .row div[class*='col-'],
.catalog_random  .row div[class*='col-'],
.catalog_new     .row div[class*='col-'],
.catalog_picup   .row div[class*='col-'],
.catalog_popular .row div[class*='col-'],
.catalogBoxCatchNo    div[class*='col-'],
.catalogBoxCatchYes   div[class*='col-']{
	margin-bottom:15px;
}

.shopSearch      .row div[class*='col-'] img,
.catalog_random  .row div[class*='col-'] img,
.catalog_new     .row div[class*='col-'] img,
.catalog_picup   .row div[class*='col-'] img,
.catalog_popular .row div[class*='col-'] img,
.catalogBoxCatchNo    div[class*='col-'] img,
.catalogBoxCatchYes   div[class*='col-'] img{
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#opt  .shopSearch      .row div[class*='col-'],
#opt  .catalog_random  .row div[class*='col-'],
#opt  .catalog_new     .row div[class*='col-'],
#opt  .catalog_picup   .row div[class*='col-'],
#opt  .catalog_popular .row div[class*='col-'],
#side .shopSearch      .row div[class*='col-'],
#side .catalog_random  .row div[class*='col-'],
#side .catalog_new     .row div[class*='col-'],
#side .catalog_picup   .row div[class*='col-'],
#side .catalog_popular .row div[class*='col-']{
	width:100%;
}

.catalog_picup  .col-xs-12 img,
.catalog_popular .col-xs-12 img,
.catalog_new .col-xs-12 img,
.catalog_random .col-xs-12 img {
	margin-bottom: 8px;
}

.shopSearch .col-xs-12 > div + div,
.catalogBoxCatchNo .itemTitle,
.catalogBoxCatchNo .itemCondition,
.catalogBoxCatchNo .itemPrice,
.catalog_picup  .col-xs-12 .price,
.catalog_popular .col-xs-12 .price,
.catalog_new .col-xs-12 .price,
.catalog_random .col-xs-12 .price {
	margin-top: 8px;
}

.catalogBoxCatchNo .col-sm-3:nth-child(4n+1) {
	clear: both;
}

@media screen and (max-width: 1024px) {
	
	.column2 .catalogBoxCatchNo .row div[class*='col-'],
	.column2 .shopSearch .row div[class*='col-'],
	.column2 #contents .catalog_picup div[class*='col-'],
	.column2 #contents .catalog_random div[class*='col-'],
	.column2 #contents .catalog_new div[class*='col-'],
	.column2 #contents .catalog_popular div[class*='col-'] {
		width: 50%;
	}
	
	.column2 .catalogBoxCatchNo .row div[class*='col-']:nth-child(odd),
	.column2 .shopSearch .row div[class*='col-']:nth-child(odd),
	.column2 #contents .catalog_picup div[class*='col-']:nth-child(odd),
	.column2 #contents .catalog_random div[class*='col-']:nth-child(odd),
	.column2 #contents .catalog_new div[class*='col-']:nth-child(odd),
	.column2 #contents .catalog_popular div[class*='col-']:nth-child(odd) {
		clear: both;
	}
	
}

@media screen and (max-width: 767px) {
	
	.catalogBoxCatchNo .row div[class*='col-'],
	.shopSearch .row div[class*='col-'],
	.catalog_picup div[class*='col-'],
	.catalog_random div[class*='col-'],
	.catalog_new div[class*='col-'],
	.catalog_popular div[class*='col-'],
	#opt .catalog_picup .row div[class*='col-'],
	#opt .catalog_random .row div[class*='col-'],
	#opt .catalog_new .row div[class*='col-'],
	#opt .catalog_popular .row div[class*='col-'] {
		width: 50%;
	}
	
	.catalogBoxCatchNo .row div[class*='col-']:nth-child(odd),
	.shopSearch .row div[class*='col-']:nth-child(odd),
	.catalog_picup div[class*='col-']:nth-child(odd),
	.catalog_random div[class*='col-']:nth-child(odd),
	.catalog_new div[class*='col-']:nth-child(odd),
	.catalog_popular div[class*='col-']:nth-child(odd),
	#opt .catalog_picup .row div[class*='col-']:nth-child(odd),
	#opt .catalog_random .row div[class*='col-']:nth-child(odd),
	#opt .catalog_new .row div[class*='col-']:nth-child(odd),
	#opt .catalog_popular .row div[class*='col-']:nth-child(odd) {
		clear: both;
	}
	
}


/* ---------------------------------------------------------------------------------------- 

	商品検索フォーム [ MODULE:catalog_search ]

---------------------------------------------------------------------------------------- */

#header .catalog-search {
	box-sizing: border-box;
	max-width: 1170px;
	margin: 0 auto 16px;
	padding: 15px;
}

.catalog-search select{
	height:34px;
	max-width: 100%;
	vertical-align: bottom;
}

.catalog-search .catalogSearchText {
	max-width: 300px;
}

.catalog-search .catalogSearchBu {
	margin-top:0px !important;
}

.catalog-search .searchLink{
	display: inline-block;
}

#header .catalog-search .headerBoxTop .catalog-search-form{
	text-align:right;
}

#side .catalog-search select,
#side .catalog-search .catalogSearchText {
	width: 100%;
	max-width: 100%;
}

#side .catalog-search .catalogSearchBu{
	margin:5px 0 !important;
}

#header .catalog-search h2{
	display:none;
}

#opt .catalog-search .searchLink {
	display: block;
	text-align: left;
}
	
#opt .catalog-search .catalogSearchBu {
	margin-left: 0;
	margin-right: 0;
}

@media screen and (max-width: 1024px) {
	
	.catalog-search {
		margin: 0 15px;
	}
	
	.column2 #bottom .catalog-search .catalogSearchBu {
		margin-left: 0;
		margin-right: 0;
	}

}

@media screen and (max-width: 767px) {
	
	.catalog-search .catalogSearchText {
		max-width: 250px;
	}
	
	.catalog-search .searchLink {
		display: block;
		text-align: left;
	}
	
	.catalog-search .catalogSearchBu {
		margin-left: 0;
		margin-right: 0;
	}
	
}


/* ---------------------------------------------------------------------------------------- 

	カートパーツ [ MODULE:cart_parts ]

---------------------------------------------------------------------------------------- */

#header .cartParts h2 {
	display:none;
}

#header .cartPartsBox {
	text-align:right;
}

#header .cartPartsBox > *{
	display:inline-block;
	float:none !important;
}

#upper .cartPartsCount,
#upper .cartPartsCharge,
#upper .cartPartsLook,
#bottom .cartPartsCount,
#bottom .cartPartsCharge,
#bottom .cartPartsLook,
#opt .cartPartsCount,
#opt .cartPartsCharge,
#opt .cartPartsLook{
	line-height: 50px;
}

#opt .cartPartsCount,
#opt .cartPartsCharge{
	float:left;
	padding-right: 15px;
}

#opt .cartPartsLook:before{
	clear:both;
}


/* ---------------------------------------------------------------------------------------- 

	ご注文のお手続き [ MODULE:cart_guide ]

---------------------------------------------------------------------------------------- */

/* sp */
@media (max-width: 767px) {
	.cartGuide ol li {
		float:none !important;
	}
}


/* ---------------------------------------------------------------------------------------- 

	ボタン

---------------------------------------------------------------------------------------- */

/* お客様登録 - 利用規約 ボタン */
.cartCustomer .noAgreeYesBuBox ul{
	padding-left:0;
}

/* sp */
@media (max-width: 767px) {
	.noAgreeYesBuBox ul li{
		display:block;
	}
}

#header #user-login .headerBoxBottom div div.buLogout {
	padding: 0;
	border: none;
}

#upper .buLogout,
#bottom .buLogout,
#opt .buLogout {
	margin: 15px 0;
}

.nextBu input[type="button"],
.userMypage .userMypageLogoutBu a,
.cartCustomer .agreeYesBu input,
.userRegist .agreeYesBu input,
.cartRegistConfirm .formRegisterBu,
.userReminder .formReminderBu,
.cartConfirm .fixOrderBu input,
.userConfirm .formRegisterBu,
.userMypageLogin input[type="submit"],
.cartPayment input[type="submit"],
.cartCheckoutBu input,
.cartCustomer .agreeYesBu input,
#user-login .pageLink a,
.buLogout a,
.cartPartsLook a {
	padding: 6px 30px;
	background-color: #78c17a;
	border: 1px solid #78c17a;
	color: #fff;
	line-height: 1em;
	border-radius: 15px;
}

.nextBu input[type="button"]:hover,
.userMypage .userMypageLogoutBu a:hover,
.cartCustomer .agreeYesBu input:hover,
.userRegist .agreeYesBu input:hover,
.cartRegistConfirm .formRegisterBu:hover,
.userReminder .formReminderBu:hover,
.cartConfirm .fixOrderBu input:hover,
.userConfirm .formRegisterBu:hover,
.userMypageLogin input[type="submit"]:hover,
.cartPayment input[type="submit"]:hover,
.cartCheckoutBu input:hover,
.cartCustomer .agreeYesBu input:hover,
#user-login .pageLink a:hover,
.buLogout a:hover,
.cartPartsLook a:hover {
	background-color: #377939;
	border: 1px solid #377939;
	color: #fff;
	text-decoration: none;
}

.userConfirm .returnBu a,
.cartConfirm .returnBu input,
.cartCustomer .agreeNoBu input,
.userRegist .agreeNoBu input,
.cartPayment .returnBu input,
.cartPayment .clearBu input,
.cartRegistConfirm .returnBu input,
.cartIsUserRegist .pageLink input,
.cartCustomer .agreeNoBu input,
.cartCustomer .clearBu input,
.cartContinueBu input,
.cartEmptyBu input {
	padding: 6px 30px;
	background-color: #fff;
	border-color: #a5887b;
	line-height: 1em;
	border-radius: 15px;
	color: #a5887b;
}

.userConfirm .returnBu a:hover,
.cartConfirm .returnBu input:hover,
.cartCustomer .agreeNoBu input:hover,
.userRegist .agreeNoBu input:hover,
.cartPayment .returnBu input:hover,
.cartPayment .clearBu input:hover,
.cartRegistConfirm .returnBu input:hover,
.cartIsUserRegist .pageLink input:hover,
.cartCustomer .agreeNoBu input:hover,
.cartCustomer .clearBu input:hover,
.cartContinueBu input:hover,
.cartEmptyBu input:hover {
	background-color: #f2e8e4;
	text-decoration: none;
	color: #a5887b;
}


/* ---------------------------------------------------------------------------------------- 

	お客様情報変更 確認 [ user_confirm.htm ]
	お客様登録     確認 [ user_confirm.htm ]

---------------------------------------------------------------------------------------- */

.userConfirm .pageLink{
	margin-top:30px;
}


/* ---------------------------------------------------------------------------------------- 

	お客様情報変更 完了 [ user_complate.htm ]
	お客様登録     完了 [ user_complate.htm ]

---------------------------------------------------------------------------------------- */

.userComplate{
	text-align:center;
	margin-bottom:25px;
}


/* ---------------------------------------------------------------------------------------- 

	マイページ-ログイン画面 [ user_mypage.htm ]
	マイページ-ログイン画面 [ user_mypage_login.htm ]

---------------------------------------------------------------------------------------- */

/* パスワード再発行・新規登録リンク（ログイン前） */
.userLoginGetForm ul,
.userMypageLogin ul{
	text-align:center;
}
.userLoginGetForm ul li,
.userMypageLogin ul li{
	display:inline-block;
	padding-right: 10px;
}


/* ---------------------------------------------------------------------------------------- 

	マイページ-お客様情報の変更 [ user_update.htm ]

---------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------- 

	マイページ-お客様情報の変更 -確認 []

---------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------- 

	ご注文のお手続き [ cart_regist_confirm.htm ]

---------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------- 

	ご注文のお手続き-会員登録 [ cart_login.htm ]

---------------------------------------------------------------------------------------- */

div.cartRuleBody {
	height: auto;
	background: #fff !important;
	border: 1px solid #A5887B;
	padding: 10px;
}

.cartRuleBody .cartRuleBodyBox {
	box-sizing: border-box;
}


/* ---------------------------------------------------------------------------------------- 

	ご注文のお手続き-カートの中身 [ cart_show_cart.htm ]
	ご注文のお手続き-ご注文内容の確認 [ cart_confirm.htm ]

---------------------------------------------------------------------------------------- */

.cartConfirm h3{
	text-align:left;
	padding-left:0px;
}

.cartReceiptBox table,
.cartShowTable,
.cartPointBox table {
	box-sizing: border-box;
	border: none;
	border-top: 1px solid #A5887B;
	border-left: 1px solid #A5887B;
}

.cartReceiptBox th,
.cartReceiptBox td,
.cartShowTable th,
.cartShowTable td,
.cartPointBox th,
.cartPointBox td  {
	border: none;
	border-right: 1px solid #A5887B;
	border-bottom:1px solid #A5887B;
}

.cartShowTable .cartDeleteTd,
.cartShowTable .cartPriceTotal{
	white-space: nowrap;
	text-align:center;
}

.cartShowTable tr:not(.cartTrFooter) th {
	text-align: center !important;
}

@media screen and (max-width: 1199px) {
	
	.column2 .cartShowTable th{
		width: 100%;
		display:block;
		white-space:normal;
	}
	
	.column2 .cartShowTable td{
		width:100%;
		display:block;
		white-space:normal;
	}
	
	.column2 .cartShowTable tr.cartTrFooter th{
		text-align:left !important;
	}
	
	.column2 .cartShowTable tr:not(.cartTrFooter) th{
		display:none;
	}
	
	.column2 .cartShowTable td:not(:first-child){
		text-align:right;
		padding: 2px 8px;
	}
	
	.column2 .cartShowTable td.cartNameTd{
		font-weight:bold;
	}
	
	.column2 .cartShowTable td.cartNumTd > *{
		display:inline-block;
	}
	
	.column2 .cartShowTable td.cartUnitTd:before{
		content:'単価：';
	}
	
	.column2 .cartShowTable td.cartNumTd:before{
		content:'数量：';
	}
	
	.column2 .cartShowTable td.cartPriceTd:before{
		content:'金額：';
	}
	
}

@media screen and (max-width: 767px) {
	
	.cartShowTable tr:first-child {
		display: none;
	} 
	
	.cartShowTable tr {
		display: block;
		width: 100%;
	}
	
	.cartShowTable th,
	.cartShowTable td {
		display: block;
		width: 100%;
	}
	
	.cartShowTable tr.cartTrFooter th{
		text-align:left !important;
	}
	
	.cartShowTable tr:not(.cartTrFooter) th{
		display:none;
	}
	
	.cartShowTable td:not(:first-child){
		border-top:none;
		text-align:right;
		padding: 2px 8px;
	}
	
	.cartShowTable td.cartNameTd{
		font-weight:bold;
	}
	
	.cartShowTable td.cartNumTd > *{
		display:inline-block;
	}
	
	.cartShowTable td.cartUnitTd:before{
		content:'単価：';
	}
	
	.cartShowTable td.cartNumTd:before{
		content:'数量：';
	}
	
	.cartShowTable td.cartPriceTd:before{
		content:'金額：';
	}
	
}


/* ---------------------------------------------------------------------------------------- 

	cart_no_stock.htm [ cart_no_stock.htm ]★★★

---------------------------------------------------------------------------------------- */
/*
.cartConfirmBu input {
	height: 50px;
	width: 158px;
	padding: 50px 0 0 0;
	border: none;
	background: url(../images/ec/bu_cart_confi.gif) no-repeat 0 0;
	cursor: pointer;
}
*/


/* ---------------------------------------------------------------------------------------- 

	ご注文のお手続き-お支払い・配送の指定 [ cart_payment.htm ]

---------------------------------------------------------------------------------------- */

.cartPayment .cartDelivBox ul{
	list-style:none;
	padding-left:0px;
}

.cartPayment .cartDelivBox ul li{
	min-height: 0.01%;
	overflow-x: auto;
	margin-bottom: 15px;
}

.cartPaymentBox table,
.cartDelivBox table,
.inputtable {
	border: none;
	border-top: 1px solid #a5887b;
	border-left: 1px solid #a5887b;
}

.cartPaymentBox th,
.cartPaymentBox td,
.cartDelivBox th,
.cartDelivBox td,
.inputtable th,
.inputtable td {
	border: none;
	border-right: 1px solid #a5887b;
	border-bottom: 1px solid #a5887b;
}

.inputtable {
	margin-bottom: 0;
}


@media screen and (max-width: 1199px) {
	
	.column2 .cartPaymentBox table th{
		width:100%;
		display:block;
		white-space:normal;
	}
	
	.column2 .cartPaymentBox table td{
		width: 100%;
		display:block;
		white-space:normal;
	}
	
}

@media screen and (max-width: 767px) {
	
	.cartPayment .cartDelivBox li {
		overflow-y: hidden;
		width: 100%;
	}
	
	.cartPayment .cartDelivBox li table th,
	.cartPayment .cartDelivBox li table td{
		white-space: normal;
		width:auto;
		display:table-cell;
	}
	
}

.cartPayment table td strong{
	color: #ff0000;
}

.cartPayment .cartBikoBox textarea{
	width:100% !important;
}

.cartPayment .pageLinkBox ul li.nextBu,
.cartIsUserRegist .pageLinkBox ul li.nextBu{
	border:none;
}

.cartPointBox table td{
	width: 100% !important;
}

.cartConfirm .cartPointBox table th,
.cartPayment .cartPointBox table th,
.cartPayment .cartPointBox table td{
	text-align:left;
}

.cartPayment .cartPointBox table td input[name="use_point"]{
	text-align:right;
	width: 150px;
}


/* ---------------------------------------------------------------------------------------- 

	ご注文のお手続き-ご注文完了

---------------------------------------------------------------------------------------- */

.cartThankyou .cartComplateBody{
	font-weight:bold;
	padding:10px;
}

/* pc */
@media screen and (min-width: 768px) {
	
	.cartThankyou .cartComplateBody{
		text-align:center;
		margin-top:25px;
		margin-bottom:25px;
	}
	
}


/* ---------------------------------------------------------------------------------------- 

	カテゴリトップ [ catalog-category.htm ]

---------------------------------------------------------------------------------------- */

.displayOrder,
.displayFormat{
	background:#eee;
	text-align: right;
	padding:4px 8px;
}

.displayNumber {
	text-align: right;
	margin-bottom:10px;
}

.catalogBox .grid{
	height:auto !important;
	min-height:300px;
}

.catalogBox .grid .itemTitle{
	line-height:120%;
}

@media screen and (max-width: 767px) {
	
	.catalogBox .grid{
		min-height:auto;
	}
	
}

.catalogBoxCatchYes .catalogBox .grid {
	width:100% !important;
	min-height:auto;
}

.catalogBoxCatchYes .catalogBox .grid .itemPhoto,
.catalogBoxCatchYes .catalogBox .grid .itemInfo{
	float:left;
	padding:8px;
}

.catalogBoxCatchYes .catalogBox .grid .itemInfo .itemPrice{
	margin-bottom:5px;
}


/* ---------------------------------------------------------------------------------------- 

	商品詳細 [ catalog_detail.htm ]

---------------------------------------------------------------------------------------- */

.catalogDetailBoxRight .soldOut {
	font-size: 120%;
}

.catalogDetailBoxRight h4{
	margin-top:30px;
	padding:8px;
	background:#eee;
}

.catalogDetailBoxRight .btn.btn-primary{
	width:100%;
	text-align: center;
	margin-top:20px;
	margin-bottom:20px;
}

.catalogDetailBoxLeft ul{
	font-size:0;
	margin-left:auto;
	margin-right:auto;
}

.catalogDetailBoxLeft ul li{
	margin-top:15px;
	width:25%;
	text-align:center;
}

.catalogDetailBoxLeft ul li img{
	width:auto;
}

.catalogDetailBox .purchaseBu input {
	margin-left: 0;
	margin-right: 0;
}

.cdetailLayout01 h2::after,
.cdetailLayout02 h2::after {
  background-size: contain;
  width: 100%;
}

@media screen and (max-width: 1199px) {
	
	.column2 .catalogDetailBoxLeft,
	.column2 .catalogDetailBoxRight{
		width:100% !important;
		float:none !important;
	}
	
}

/* pc */
@media screen and (min-width: 768px) {
	
	.catalogDetailBoxRight .variationInfo table th{
		border:1px solid #ccc;
	}
	
	.catalogDetailBoxRight .variationInfo table td{
		width:auto !important;
	}
	
}

/* sp */
@media (max-width: 767px) {
	
	.catalogDetailBoxRight .variationInfo table th,
	.catalogDetailBoxRight .variationInfo table td{
		display:table-cell;
		border:1px solid #ccc;
	}
	
}


/* ---------------------------------------------------------------------------------------- 

	マイページ　購入履歴

---------------------------------------------------------------------------------------- */

@media (max-width: 1024px) {
	
	.column2 .userMypageHistory .userCartHistoryBody + table tr:first-child {
		display: none;
	}
	
	.column2 .userMypageHistory tr {
		display: block;
		width: 100%;
		margin-bottom: 16px;
		border-bottom: 1px solid #a5887b;
	}
	
	.column2 .userMypageHistory th,
	.column2 .userMypageHistory td {
		display: block;
		width: 100%;
		border-bottom: none;
	}
	
}

@media (max-width: 767px) {
	
	.userMypageHistory .userCartHistoryBody + table tr:first-child {
		display: none;
	}
	
	.userMypageHistory tr {
		display: block;
		width: 100%;
		margin-bottom: 16px;
		border-bottom: 1px solid #a5887b;
	}
	
	.userMypageHistory th,
	.userMypageHistory td {
		display: block;
		width: 100%;
		border-bottom: none;
	}
	
}