﻿html {height: 100%;}

body
{
}



a
{
	color:#000000;
	text-decoration:none;
}
.f24{color:#f24e64;}
/* -----------------------------------------
                   Clearfix 
   ----------------------------------------- */
ul,li{list-style: none;}
ul:after,
li:after,
dl:after,
.clear:after,
.templateInner:after,
#marble_main:after,
.marble_btn-box:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}
/* floatの解除 */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

#wrap 
{
}

#main 
{
}
	
#Header
{
}
#Header a
{
}

#Contents
{
	width:100%;
}

#Footer
{
}

#Footer a
{
}





#Header .Left{
	padding:5px;
	color:#FFF;
}
#Header .Right{
	float:right;
	padding:5px;
	color:#FFF;
}

#HeaderCart
{
	padding:0 5px;
	color:#FFF;
	font-size:80%;
	float:right;
	clear:both;
}

#BasketSummary
{
	/*font-size:80%;
	padding:0px ;
	text-align:right;*/
}

#Basket{
	/*float:right;*/
}
#HeaderCartFreeShippingMessage
{
	float:right;
  color:#CC0000;
	text-align:right;
}


#HeaderLink {
  background-color: #262626;
	margin:5px 0 0 0;
	padding:10px 0;
	text-align:center;
}
#HeaderLink a {
	color:#ffffff;
}


.Button
{

}

.HeadButton
{
	font-size:90%;
	border:solid 1px #FFFFFF;
	padding:2px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float:right;
	text-align:center;
}

.SmallButton
{
}

.LargeButton
{
}
.ListButton
{
}
.DeleteButton
{

}
.EditButton
{
}
/*.SubContents
{
	margin:5px;
	font-size:80%;
}
*/
.Description
{
	text-align:center;
	font-size:50%;
	margin:5px;
}
.ErrorMessage ul
{
	margin:0;
	padding:0;
	text-align:center;
	list-style-type:none;
}

.ErrorMessage
{
	color:#FF0000;
	font-weight:bold;
/*	font-size:80%;*/
	text-align:center;
	display:block;
	margin:10px;
}
.ErrorMessageS
{
	color:#FF0000;
	font-weight:bold;
	font-size:50%;
}
.inputError,.clientValidationSummary
{
	color:#FF0000;
	display:block;
	margin:10px;
}
.WarnMessage
{
	color:#FF0000;
	font-weight:bold;
	font-size:80%;
	text-align:center;
	display:block;
	margin:10px;
}

/*.ItemLeft
{
	margin:5px;
	float:left;
}
.ItemRight
{
	margin:5px;
	float:right;
}
*/
.ItemRight .Itemicon {
	margin: 0 0  5px 0;
}

.ItemRight .ItemIcon div {
	float:left;
	margin: 0 0 0 2px;
}

.Clear
{
	clear:both;
	height:0px;
}
.Left
{
	float:left;
}
.Right
{
	float:right;
}
.watermark 
{
	color: #999 !important;
}

/* ページング */
.PageLink
{
	text-align:center;
}

.PageLink b
{
	color:#000000;
	text-align:center;
	background:#FFFFFF;
	border:1px solid #000000;
	padding:2px 5px;
}

.PageLink a
{
	color:#FFFFFF;
	text-align:center;
	background:#000000;
	padding:2px 5px;
	font-weight:bold;
}
.PrevPageLink
{
	display:block;
	float:left;
}
a.PrevPageLink
{
	color:#FFFFFF;
}
.NextPageLink
{
	display:block;
	float:right;
}
a.NextPageLink 
{
	color:#FFFFFF;
}

/* ログイン */


.LoginInput
{
	width:90%;
	margin:5px;
	font-size:120%;
}

.Login select
{
	width:97%;
	margin:5px;
	font-size:120%;
}



/* 検索 */

/*#Search
{
	margin:10px 5px 10px 5px;
	padding:5px;
	background: -moz-linear-gradient(top, #ffffff, #dddddd);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#000000;
	border:solid 1px #666;
}
*/
.SearchButton
{
	margin:5px 5px 5px 5px;
	font-size:75%;
	background: -moz-linear-gradient(top, #666666, #333333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
	font-weight:bold;
	display: inline-block;
	padding: 3px 5px 3px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.9);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.SearchTextBox
{
	width:72%;
	float:left;
	margin:5px 5px 5px 5px;
	font-size:100%;
	padding:3px;
	border:solid 1px #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


#ShowSearchDetail
{
	clear:both;
	padding:0 5px;
	font-size:90%;
}

#Search select
{
	width:97%;
	margin:5px;
	font-size:90%;
}

/* おすすめ */


.RelatedProduct .RecommendList{
}


.RecentlyViewedItems{border-top: 2px solid #ccc;}
.RecentlyViewedItems .Inner--RecentlyViewedItems{background: #f5f5f5;padding: 2% 5%;}
.RecentlyViewedItems ul.RecommendList{margin: 20px auto;justify-content: center;}
.RecentlyViewedItems ul.RecommendList li{
    width: 11%;
    margin: 2%;
}
.RecentlyViewedItems h3 {
    font-size: 1.5em;
    text-align: left;
}
.RecentlyViewedItems .ProductName{font-size: 13px;}
/* おすすめ(スライドバージョン) */
.RecommendSlideTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
.RecommendSlideTitleR
{
    float:right;
}
.RecommendSlideTitleR a
{
    color:#FFFFFF;
}

.RecommendSlideFooter
{
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    color:#FFFFFF;
}
#RecommendSlide
{
	padding:0px;
	overflow: hidden;
}
#RecommendSlideList
{
	padding:0px;
	margin:0px;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, right bottom, from(#EEE), to(#FFF));
    font-size:50%;
}

#RecommendSlideList li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
    float:left;
    padding:10px 5px;
}
.SelectDot
{
	color:#38CEE3;
}
.Dot
{
	color:#CCCCCC;
}

/* セールスランキング(スライドバージョン) */
.RankingSlideTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
.RankingSlideTitleR
{
    float:right;
}
.RankingSlideTitle a
{
    color:#FFFFFF;
}
.RankingSlideFooter
{
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    color:#FFFFFF;
}
#RankingSlide
{
	padding:0px;
	overflow: hidden;
}
#RankingSlideList
{
	padding:2px;
	margin:0px;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, right bottom, from(#EEE), to(#FFF));
    font-size:50%;
}

#RankingSlideList li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
    float:left;
    padding:18px 5px 10px 5px;
}
#RankingSlideList li:nth-child(2)
{
	background:url("../Images/Common/Ranking01.gif") no-repeat scroll left top transparent;
}
#RankingSlideList li:nth-child(3)
{
	background:url("../Images/Common/Ranking02.gif") no-repeat scroll left top transparent;
}
#RankingSlideList li:nth-child(4)
{
	background:url("../Images/Common/Ranking03.gif") no-repeat scroll left top transparent;
}
.SelectRankingDot
{
	color:#38CEE3;
}
.RankingDot
{
	color:#CCCCCC;
}

/* カテゴリ一覧 */
.Category
{
	margin:10px 5px 10px 5px;
}

.CategoryTitle
{
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.CategoryList
{
	margin:0;
	padding:0;
}

.CategoryList li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
	background:url("../Images/Common/listarrow.png") no-repeat scroll right center transparent;
}

.CategoryList li a
{
	color:#333333;
	text-shadow: #CCC 1px 2px 1px;
}

.CategoryList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/* 商品リスト */
.ProductList
{
	margin:0;
	padding:0;
}

/*.ProductList li
{
	margin:auto;
	font-size:80%;
	padding:5px;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
}
*/
.ProductListItem
{
	font-size:80%;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
}

.ProductListHeader
{
	font-size:80%;
	background-color:#000;
	color:#FFF;
	padding:5px;
}

.ProductListFooter
{
	background-color:#000;
	color:#FFF;
	padding:10px;
	text-align:center;
}

.IconImage
{
	display:block;
	margin:5px;
}

.OpenTab, .RecommendOpenTab, .Recommend2OpenTab, .SalesRankingOpenTab, .RecentOrderListOpenTab, .SimpleProductOpenTab, .NewArrivalOpenTab
, .SaleProductOpenTab
{
	background:url("../Images/Common/listarrow-open.png") no-repeat scroll right center transparent;
	width:20px;
    background-size: 100%;
}

.ClearHistory
{
    text-align: right;
    color: #FFF;
    float:right;
    display:block;
}

/************* 平均評価 ****************/


#ProductDetail ul.ChangeElem_Btn_Content{
    display: flex;
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
    justify-content: center;
    width: 80%;
    margin: auto;

}
#ProductDetail ul.ChangeElem_Btn_Content li{
	border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    padding: 5px 20px;
    font-size: 15px;
	background: #f5f5f5;
}
#ProductDetail ul.ChangeElem_Btn_Content li:last-child{border-right: 2px solid #ccc;}

#ProductDetail ul.ChangeElem_Btn_Content li:hover{background: #000;color:#fff;}
#ProductDetail ul.ChangeElem_Btn_Content li a:hover{color:#fff;}


.ProductVariationImageThumb
{
    width:100%;
    text-align:center;
}

.ProductVariationImageThumb img
{
    width:50px;
}




#divProductImages
{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}
#divProductImages .moving 
{
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
}
#divProductImages .item  
{
    width:240px;
    padding:0 50px 0 0;
	margin:0 0 0 -8px;
	list-style-type:none;
    float:left;
    position: relative;
 }
#divProductImages .nav 
{
    margin: 0 0 0 -26px;
    width: 320px;
    text-align:center;
}
#divProductImages .nav ul 
{
    margin:0;
}
#divProductImages .nav ul li 
{
    margin:4px;
    display: inline-block;
}
#divProductImages .nav ul li a {
}
#divProductImages .nav ul li.selected a {
}
#divProductImages .nav img
{
    margin: 10px auto;
    width: 60px;
}
#divProductImages .arrows
{
    color:#FFFFFF;
    cursor: pointer;
}

#divProductImages .arrows > .prev {
    position: absolute; top:260px; left: 5px; z-index: 1;
}
#divProductImages .arrows > .next {
    position: absolute; top:260px; right: 5px; z-index: 1;
}

/* メニュー */
.MenuTitle
{
    font-size:80%;
    padding:10px 10px 5px 10px;
    font-weight:bold;
    text-align:center;
}

.Menu
{
	margin:0px 10px 10px 10px;
	padding:0;
}

.Menu li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
	background:url("../Images/Common/listarrow.png") no-repeat scroll right center transparent;
}

.Menu li a
{
	color:#333333;
	text-shadow: #CCC 1px 2px 1px;
}

.Menu li:first-child
{
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.Menu li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.Contract
{
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:solid 2px #000;
	margin:5px;
	padding:5px;
	font-size:50%;
}



/* ユーザ登録 */
.UserRegistTitle
{
	font-size:80%;
	font-weight:bold;
	text-align:center;
	padding:5px;
}






.UserRegistButtonWide
{
	text-align:center;
	padding:10px;
}

.userregisttop_aspx .flex-w{
	justify-content: space-around;
}

.userregisttop_aspx .rulesBox{
	height:200px;
	width:48%;
	padding:20px;
	overflow-x:hidden;
	overflow-y:scroll;

}
.difinition_set{line-height: 1.5;}
.userregisttop_aspx .rulesBox a{
	text-decoration: underline;
}
ul.step,ol.step{     margin: 2em 0 1em; padding-left: 24px;}
ul.step li{list-style-type: decimal;margin-bottom: 5px;}
ol.step li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
ol.step li:before{
	display: marker;
  content: "(" counter(cnt) ") ";
}

.userregisttop_aspx .document h1, .userregisttop_aspx .document h2{text-align:center;}
.userregisttop_aspx .document h2{font-size:15px;}
.userregisttop_aspx .document .difinition_set{margin:20px 0;}

#AddressList .selectZipButtonFrame{
	text-align: center;
    margin: 1em auto;
}
#AddressList .selectZipButtonFrame input{
	background: #fff;
    border: 1px solid #333;
    padding: 1em 3em;
}

@media only screen and (max-width: 768px) {
.userregisttop_aspx .rulesBox{
	width:80%;
}
}

.Name
{
	width:40%;
	font-size:120%;
}
/*.Zip{width: 7em !important;}*/


.ShopMemberID
{
	width:40%;
	font-size:120%;
}
.ContentsArea
{
	text-align: left;
}
.ContentsArea h2
{
	margin-left: 5px;
}
.QuestionnaireAnswer
{
	font-size:120%;
	width:90%;
}
.QuestionnaireAnswer label
{
    padding-right: 10px;
}


/* アドレス帳 */
.AddressList .relatedOrderItem
{
    margin-top:5px;
}
.AddressList .giftInput dt
{
    margin-left:10px;
}
.AddressList .giftInput dl
{
    margin-left:20px;
}


/************* カート ************/



.Cart textarea
{
	font-size:120%;
}

.Cart .Detail
{
	padding:5px;
	margin:5px;
	background-color:#DDD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.Cart hr
{
	border:solid 1px #AAA;
	margin:3px 0px;
	width:60%;
}
.CartItemLeft, .CartItemCenter, .CartItemRight
{
    display: table-cell;
    vertical-align:top;
    padding:3px;
}
.CartItemLeft
{
    width:33%;
}
.CartItemCenter
{
    width:50%;
}
.CartItemRight
{
    text-align:right;
    font-size:10px;
    width:20%;
}
.CartItemRight .Delete
{
    margin-top:20px;
    background-color:#FF0000;
    color:#FFFFFF;
    font-weight:bold;
    -webkit-border-radius: 4px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FF0000));
    border-style:none;
    padding:2px 10px;
}
.CartItemRight .EditGiftOptionButton,.AddGiftOptionButton
{
    margin-top:5px;
    background-color:#0000FF;
    color:#FFFFFF;
    font-weight:bold;
    -webkit-border-radius: 4px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0000FF));
    border-style:none;
    padding:2px 10px;
}
.ConfirmQtyMsgDiv1
{
	text-align: left;
	margin-bottom: 10px;
}
.ConfirmQtyMsgDiv2
{
	text-align: left;
	margin-top: 10px;
	color: red;
	font-size: 10pt;
}
.ConfirmQtyButtonDiv
{
	padding-top: 5px;
}
.DeliveryYear
{
	width:40px;
}
.DeliveryMonth
{
	width:40px;
}
.DeliveryDay
{
	width:40px;
}

.MailBinFrame {}
.MailBinTitle {font-size:10px; color:Black;}
.MailBinCheckBox {font-size:10px; color:Black;}
.MailBinComment {font-size:10px; color:Black;}
.MailBinDisabledMessage {font-size:10px; color:Black;}

/* 最終確認 */
/*
.PaymentLabel
{
	float:left;
	width:30%;
}
*/
.PaymentAmount
{
	float:left;
	text-align:right;
	width:30%;
}
.confirmationOrderDetail .CartItemLeft
,.confirmationOrderDetail .CartItemCenter
,.confirmationOrderDetail .CartItemRight
{
    width:auto;
}

.confirmationSubmitBtn
{
    display: block;
    position: relative;
    margin: 10px auto;
    padding:6px;
    text-align:center;
    width: fit-content;
    cursor: pointer;
}

/* 注文履歴 */
.OrderHistory
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.OrderHistory li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
}

.OrderHistory li:last-child
{
	color:#FFFFFF;
	background-color:#000000;
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-size:120%;
}

.OrderHistory li:first-child
{
	color:#FFFFFF;
	background-color:#000000;
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

/* ぱんくず */
.BreadCrumbs
{
	position: relative;
	margin:0;
	padding:5px;
	list-style-type:none;
	font-size:80%;
}
.BreadCrumbs li
{
	position: relative;
	display:inline;
}
.BreadCrumbs li:after
{
	position: relative;
	left:3px;
	top: 2px;
	content: url(../images/common/arrow-7-right.png);
	width: 16px;
	height: 16px;
}

.BreadCrumbs li span
{
    color:Gray;
}

/* 新着情報 */

.WhatsNewTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}


.WhatsNewDate
{
	font-weight:bold;
	color:#900;
	font-size:80%;
}
.WhatsNewDetail
{
	font-size:80%;
}

/* 配送時間帯 */
.ShippingTimeViewFrame
{
	margin:5px;
}
.ShippingTimeViewTitle
{
	text-shadow: #CCC 1px 2px 1px;
	font-weight:bold;
}
.ShippingTimeBody
{
	margin-top:5px;
	font-size:80%;
}
.ShippingTimeDate
{
	font-weight:bold;
	color:#900;
	padding-left:5px;
}
.ShippingTimeTable
{
	width:100%;
}
.ShippingTimeTable th
{
	background-color:#AAA;
	border:solid 1px #FFF;
	padding:3px 5px;
}
.ShippingTimeTable td
{
	background-color:#DDD;
	border:solid 1px #FFF;
	padding:3px 5px;
}

.RotationBanner {
	overflow: hidden;
	margin:10px auto;
	background-color:#000;
}

.RotationBanner ul
{
    margin:0px;
    padding:0px;
}

.RotationBanner li
{
    list-style-type:none;
    float:left;
}

#grayLayer, .grayLayer, #RecommendGrayLayer, #Recommend2GrayLayer, #VariationListGrayLayer, #QzProductListGrayLayer
, #CategoryRankingGrayLayer, #SalesRankingGrayLayer, #SalesRankingSliderGrayLayer, #RecentOrderListGrayLayer, .SimpleProductGrayLayer, #NewArrivalGrayLayer
, #VariationPopupGrayLayer, #SaleProductGrayLayer, #ProductListGroupGrayLayer
{
	display:none;
	z-index:9000;
	position:fixed;     
	top:0;     
	left:0;     
	height:100%;     
	width:100%;     
	background:black;     
	opacity: 0.60;     
	filter:alpha(opacity=60); 
}
#BookmarkDialog, .BookmarkDialog, #RecommendBookmarkDialog, #Recommend2BookmarkDialog, #VariationListBookmarkDialog, #QzProductListBookmarkDialog
, #CategoryRankingBookmarkDialog, #SalesRankingBookmarkDialog, #SalesRankingSliderBookmarkDialog, #RecentOrderListBookmarkDialog, .SimpleProductBookmarkDialog, #NewArrivalBookmarkDialog
, #SaleProductBookmarkDialog, #ProductListGroupDialog
{
	display:none;
	z-index:9999;
	width:100%;
    background:#f24e64;
    padding:15px;
		margin:0 auto ;
    position:fixed;
    top:50%;
    left:50%;
	color:#ffffff;;
}

#BookmarkDialog div, .BookmarkDialog div, #RecommendBookmarkDialog div #Recommend2BookmarkDialog div, #VariationListBookmarkDialog div, #QzProductListBookmarkDialog div
, #CategoryRankingBookmarkDialog div, #SalesRankingBookmarkDialog div, #SalesRankingSliderBookmarkDialog div, #RecentOrderListBookmarkDialog div, #SimpleProductBookmarkDialog div, #NewArrivalBookmarkDialog div
, #CategoryRankingBookmarkDialog div, #ProductListGroupDialog div
{
	margin:20px;
}
#BookmarkDialog div.SmallButton, .BookmarkDialog div.SmallButton, #RecommendBookmarkDialog div #Recommend2BookmarkDialog div.SmallButton, #VariationListBookmarkDialog div.SmallButton, #QzProductListBookmarkDialog div, #CategoryRankingBookmarkDialog div.SmallButton, #SalesRankingBookmarkDialog div.SmallButton, #SalesRankingSliderBookmarkDialog div.SmallButton, #RecentOrderListBookmarkDialog div.SmallButton, #SimpleProductBookmarkDialog div.SmallButton, #NewArrivalBookmarkDialog div.SmallButton,#ProductListGroupDialog div.SmallButton
{
	margin:auto;
	width:100%;
	border:solid 1px;
	text-align:center;
}




/* 逆引きカテゴリーパーツ */
.ReverseCategory
{
    margin: 10px 10px 10px 10px;
    padding-top:10px;
    clear:both;
}
.inner-ReverseCategory li:after{display:inline;}
.ReverseCategory h3{font-size:1.5em;font-weight: bold;text-align: left;padding: 0.5em 0;}
.inner-ReverseCategory{
	background: #f5f5f5;
    padding: 0.5em 1.5em;
    text-align: left;
    margin-bottom:60px;
}
.ReverseCategory ul
{
    margin:5px;
    padding:0px;
}
.ReverseCategory li
{
    display: inline;
    font-size:15px;
}
.ReverseCategory li:after
{
    content: ">";
}
.ReverseCategory li:last-child:after
{
    content: "";
}
.ReverseCategory li span
{
    color:Gray;
}

.cidcategory:before{
	content: "\f02b";
    display: inline-block;
    font-family: FontAwesome;
    position: ;
    margin: auto;
    width: 14px;
    height: 21px;
    right: 5px;
	color: #ccc;
}
/* 商品画像リストパーツ */
#ProductImageList ul
{
    text-align:center;
    padding:10px;
    margin:0px;
    overflow:hidden;
}
#ProductImageList li
{
    float:left;
    padding:2px 5px;
    list-style-type:none;
    display:block;
    height: 230px;
}
#ProductImageList .GoodsName
{
    font-size:10px;
    width:90px;
    height:25px;
    overflow:hidden;
    text-align:left;
    line-height:12px;
    margin-top:3px;
}
#ProductImageList .GoodsPrice
{
    font-size:10px;
    width:90px;
    height:25px;
    overflow:hidden;
    text-align:center;
    line-height:12px;
}
#ProductImageList .GoodsComparisonSelect
{
    font-size:10px;
}
#ProductImageList .ProductImage img
{
    width:90px;
}
#ProductImageList .Loading
{
    clear:both;
    width:95%;
    height:50px;
    margin:5px auto;
    background-color:#FFFFFF;
    background-image:url("../images/common/loading.gif");
    background-repeat:no-repeat;
    background-position:center;
}
#ProductImageList .ReadMore
{
    font-size:80%;
    width:90%;
    margin:5px auto;
    padding:5px;
    text-align:center;
    border:solid 1px #AAAAAA;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background-color:#EEEEEE;
    color:#777;
    clear:both;
}
#ProductImageList #DivTotalCount
{
    font-size:80%;
    margin: 0px 10px;
    text-align:right;
}
#ProductImageListNoData
{
    width:100%;
    text-align:center;
    margin-bottom:20px;
}
#ProductImageList .ProductIcon img
{
    width:auto;
    height:auto;
}
#ProductImageList .GoodsMessage
{
    font-size:10px;
    width:90px;
    height:25px;
    overflow:visible;
    text-align:left;
    line-height:12px;
    margin-top:3px;
}
/* 商品バリエーション（スライドバージョン） */
/* おすすめ(スライドバージョン) */
.VariationSlideTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
.VariationSlideFooter
{
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    color:#FFFFFF;
}
#VariationSlide
{
	padding:0px;
	overflow: hidden;
}
#VariationSlideList
{
	padding:0px;
	margin:0px;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, right bottom, from(#EEE), to(#FFF));
    font-size:50%;
}

#VariationSlideList li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
    float:left;
    padding:10px 5px;
}
.SelectDot
{
	color:#38CEE3;
}
.Dot
{
	color:#CCCCCC;
}

#boxes, .boxes {
  text-align:center;
	align:center;
	margin:0 auto;
}

#boxes a, .boxes a{
	color:#ffffff;
}

#CouponDialog,#PointDialog
{
	display:none;
	z-index:9999;
	width:87%;
    background:white;
    padding:10px;
	margin:10px;
    position:fixed;
    top:50%;
    left:50%;
}

#CouponDialog,#PointDialog div{
	margin:3px;
}

#ShareForm
{
    padding:10px;
    font-size:12px;
}
#ShareProductImage
{
    float:left;
    overflow:hidden;
    zoom: 1;
    padding-bottom: 10px;
}
#ShareProductInfo
{
    margin-left: 110px;
    font-size:14px;
}
#ShareForm hr
{
    clear:both;
}
#ShareForm label.label
{
    font-weight:bold;
    display:block;
}
#ShareForm ul
{
    margin:0;
    padding:0;
}
#ShareForm li
{
    list-style-type: none;
}
#ShareForm textarea
{
    font-size:12px;
}
#ShareSubmit
{
    margin-top:10px;
    text-align:center;
}
#ShareComplete
{
    text-align:center;
}

ul.PWPProductList
{
    font-size: 80%;
    margin: 5px 5px 15px;
    padding: 0;
}

ul.PWPProductList li:after
{
    content: "";
    display: block;
    clear: both;
}

ul.PWPProductList li
{
    border-bottom: 1px dotted #333333;
    border-left: 2px solid #333333;
    border-right: 2px solid #333333;
    line-height: 20px;
    list-style-type: none;
    padding: 5px;
}

ul.PWPProductList li:first-child
{
    border-top: 2px solid #333333;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

ul.PWPProductList li:last-child {
    border-bottom: 2px solid #333333;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.PWPProductImage
{
    width: 80px;
    float: left;
}

.PWPProductInfo
{
    margin-left: 90px;
}

.Questionnaire .InputRestriction
{
    font-size:0.6em;
    color: #FF0000;
}

#QuestionnaireTitle
{
    font-weight: bold;
}

.ErrorPanel, .ThanksPanel
{
    text-align:center;
    margin: 100px 0px;
}

.QuestionnaireInputTitle
{
    font-size: 0.8em;   
    font-weight: bold;
    margin-top: 5px;
}

.QuestionnaireOptionDescription
{
    font-size: 0.6em;
}

.divDCCLogin 
{
    padding:10px;
	margin:10px;
	background-color:White;
	font-size:12px; 
	border:solid 1px #666666;
	position:fixed;    
	top:50%;
	width:87%;
	color:Red;
}


/*  Goods Comparison */
.ComparisonListTable
{
    width:150px;
	border: #363636 1px solid;
	border-collapse: collapse;
}
.ComparisonListTable td
{
    padding: 2px 2px 2px 2px;
	font-size: 10px;
}
.ComparisonInfoTitle
{   
    background-color: #2f4f4f; 
    color:#ffffff;
}
.ComparisonRemoveCotrolCol,
.ComparisonRemoveCotrolRow
{    
    text-decoration:none;
    background-color: #bbb;
	text-align:center;
    font-weight:bold;       
}
.ComparisonRemoveCotrolCol
{
    height:15px;
}
.ComparisonRemoveCotrolRow
{
    width:15px;
}
.ComparisonRemoveCotrolCol a:link,
.ComparisonRemoveCotrolRow a:link
{
    color:#363636;
    text-decoration:none;
}
.ComparisonRemoveCotrolCol a:hover,
.ComparisonRemoveCotrolRow a:hover
{
    text-decoration:underline;
}
.ComparisonSpecTitle
{
    background-color: #2f4f4f; 
    color:#ffffff;
}
.ComparisonSpecGroupTitle
{
    background-color: #5F9EA0;
    color:#ffffff;
}
.ComparisonSpecRow
{
    background-color: #FFFFFF;
    color:#000000;
}
.ComparisonSpecAltRow
{
    background-color: #FFE4C4;
    color:#000000;
}

div.ComparisonSpecGroupTable
{
    display:table;
    padding:2px;
    font-size: 10px;
   	border: #ffffff 1px solid;
	border-collapse: collapse;
    width:100%;
}
div.ComparisonSpecGroupTitle
{
    display:table-caption;
    padding:2px;
   	border: #ffffff 1px solid;
}
div.ComparisonSpecTitle
{
    display:table-cell;
    padding:2px;
    width:50%;
}
div.ComparisonSpecRow
{
    display:table-cell;
    padding:2px;
    width:50%;
}
div.ComparisonSpecAltRow
{
    display:table-cell;
    padding:2px;
    width:50%;
}

.MyListCartBlock
{
    text-align:center;
    
    background:url(../images/common/MyListCartBg.gif);
    background-repeat:no-repeat;
}

#tdProductName a:link
{
    color: #0000FF;
    text-decoration: none;
}

#tdComparisonRemoveCotrolCol
{
}

.ComparisonButtonBox {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}

.ComparisonCenterButton {
    margin-left: auto;
    margin-right: auto;
    padding: 10px 100px;
}

.ComparisonCenterButton a:link
{
    text-decoration:none;
}

#divComparison
{
     margin:8px 0px 0px 0px;
}   
.container
{
    cursor: pointer;
}
#divComparison .moving 
{
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
}
#divComparison .item  
{
    padding:0;
	margin:0 0 0 1px;
	list-style-type:none;
    float:left;
 }

#CounselingDialog
{
	text-align:center;
	display:none;
	z-index:9999;
	width:87%;
    background:white;
    padding:10px;
	margin:10px;
    position:fixed;
    top:50%;
    left:50%;
}

#CounselingDialog div{
	margin:3px;
}
 
/* 商品参照履歴ページ用 */
.ProductViewedHistoryClear
{
    height:20px;
    text-align:right;
    font-size:80%;
}
/* 売上ランキングページ用 */
.RankImage
{
	margin-left:5px;
}

/* 最近チェックしたカテゴリー用 */
div.RecentlyViewedCategory
{
	margin: 10px 5px; 
}
div.RecentlyViewedCategoryPartsHeader 
{
    font-size: 80%;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    padding:5px;
    color:#FFFFFF;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
div.RecentlyViewedCategoryPartsHeader a
{
	float:right;
    color: #ffffff;
}

div.RecentlyViewedCategoryList
{
    height: auto;  
    overflow:auto; 
	background-color: #ffffff;

}
div.RecentlyViewedCategoryHierarchyList
{
    padding: 5px;
    color: #333333;
    list-style-type: none;
    text-shadow: 1px 2px 1px #CCCCCC;
	border-left: solid 2px #333333;
	border-right: solid 2px #333333;    
	border-bottom: solid 2px #333333;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;   
}
div.RecentlyViewedCategoryHierarchyList span
{
    margin-right:4px;
}
ul.RecentlyViewedCategoryHierarchyList
{
    margin: 0;
    padding: 0;
}
ul.RecentlyViewedCategoryHierarchyList li
{
    padding: 5px;
	border-left: solid 2px #333333;
	border-right: solid 2px #333333;
    list-style-type: none;
    border-bottom: 1px dotted #333333;
    color: #333333;
    text-shadow: 1px 2px 1px #CCCCCC;
}
ul.RecentlyViewedCategoryHierarchyList li:last-child
{
	border-bottom: solid 2px #333333;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* すべて見る */
.btn_viewall {
	position: relative;
	float:right;
	width: 110px;
	height: 30px;
	margin: 10px 0px 0px 0px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
	border: solid 1px #E6E6E6;
}
.btn_viewall:after {
	position: absolute;
	right: 0;
	top: 4px;
	content: url(../images/common/listarrow.png);
	width: 25px;
	height: 20px;
}
.btn_viewall  a {
	font-size: 80%;
	position: absolute;
	display: block;
	margin: 5px 0 0 15px;
}

/* toppagetab */

#toppagetab {
	padding:5px;
}
#toppagetab ul#tab {
	margin: 10px 10px 0px 10px;
	text-align:center;
	padding: 0;
}

#toppagetab #tab li {
	font-size: 80%;
  float: left;
  padding:8px  15px;
  list-style: none;
  cursor: pointer;
  background: #eee;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
#toppagetab #tab li.select {
  background: #666;
	color:#fff;
}
#toppagetab .disnon {
  display: none;
}
#toppagetab .content_wrap {
  clear: left;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:10px;
}
#toppagetab .Ranking li:nth-child(n+4) {
	display:none;
}
#toppagetab .RankingTitle, #toppagetab .RecommendTitle {
	display:none;
}
#toppagetab .Ranking ul, #toppagetab .Recommend ul{
	margin: 0px;
}
#toppagetab .Ranking ul li, #toppagetab .Recommend ul li{
	border:solid 0px #fff;
}

#toppagetab .btn_go {
	position: relative;
	float:right;
	width: 110px;
	height: 30px;
	margin: 10px 0px 0px 0px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
}
#toppagetab .btn_go:after {
	position: absolute;
	right: 0;
	top: 4px;
	content: url(../images/common/listarrow.png);
	width: 25px;
	height: 20px;
}
#toppagetab .btn_go  a {
	font-size: 80%;
	position: absolute;
	display: block;
	margin: 5px 0 0 15px;
}
#toppagetab .btn_x {
	position: relative;
	float:left;
	width: 150px;
	height: 30px;
	margin: 15px 0px 0px 0px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
}
#toppagetab .btn_x:after {
	position: absolute;
	left: 10px;
	top: 6px;
	content: url(../images/common/icon_x.png);
	width: 16px;
	height: 16px;
}
#toppagetab .btn_x  a {
	font-size: 80%;
	position: absolute;
	display: block;
	margin: 5px 0 0 30px;
}
/* List全般 */

.RecommendList .ItemRight {
	width:60%;
}
.ProductList .ItemRight {
	width:60%;
}
#RankingList .ItemRight {
	width:50%;
}
.ItemRight .ListPriceTable{
	font-size:80%;
}

/* セールスランキング */
.RankingTitle
{
	margin:10px 5px 0px 5px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.Ranking .ShowMore
{
    float:right;
}
.Ranking .ShowMore a
{
    color: #ffffff;
}

.RankingList
{
	padding:0px;
	margin:0px 5px 10px;
	font-size:80%;
}

.RankingList li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
    overflow: hidden;
}

.RankingList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.footericon {
	padding:10px;
}
.footericon ul {
	margin:0;
	padding:0;
}
.footericon ul li {
	width:22%;
	margin:3px;
	text-align:center;
	list-style-type:none;
	float:left;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	color:#000000;
	border:solid 1px #666;
}

.footericon .footericontxt {
	font-size:60%;
	text-align:center;
	margin:0px auto 5px auto;
}

.footernavi {
	position: relative;
	margin: 5px 10px;
	background-color: #fff;
	border: 4px solid #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.footernavi:after {
  position: absolute; top: -20px; right: 40px;
   content: ""; width: 0; height: 0;
  border-bottom: 20px solid #333;
  border-left: 20px solid transparent;
}

.footernavi ul {
	margin:0;
	padding:0;
}
.footernavi ul li {
	font-size:80%;
	list-style-type:none;
	padding:8px;
	background:url("../Images/Common/listarrow.png") no-repeat scroll right center transparent;
	border-bottom:solid 1px #000;
}
.CategoryExpand {
	margin:20px 5px;
}
.CategoryExpandTitle {
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    padding:5px;
    font-size:15px;
	line-height:180%;
    color:#FFFFFF;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.CategoryExpand .CategoryExpandUl {
	border-bottom: 1px solid #333;
	margin:0;
	padding:0;
}
.CategoryExpand .CategoryExpandUl li{
	list-style-type: none;
    font-size:15px;
	line-height:180%;
	color:#333333;
	text-shadow: #CCC 1px 2px 1px;
}
.CategoryExpand .CategoryExpandUl li .AccordionMenuRoot{
	border-top: 1px solid #333;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	padding:5px;
	background:url("../Images/Common/listarrow-open.png") no-repeat scroll transparent;
	background-position:right 8px;
}
.CategoryExpand .CategoryExpandUl .CategoryExpandChild ul{
	list-style-type: none;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	background-color:#F2F2F2;
	margin:0;
	padding:0;
}
.CategoryExpand .CategoryExpandUl .CategoryExpandChild li{
	border-top: 1px dotted #333;
	padding:5px 0;
}
.CategoryExpand .CategoryExpandUl .CategoryExpandChild li .AccordionMenu {
	padding:0 0 0 20px;
}
.CategoryExpand .CategoryExpandUl .CategoryExpandChild li ul{
	list-style-type: none;
	background-color:#F2F2F2;
	border: 0px;
	margin:0;
	padding:0;
}
.CategoryExpand .CategoryExpandUl .CategoryExpandChild li ul li .AccordionMenu {
	padding:0 0 0 40px;
}

/*.SelectedItemTR {background-color:#ffcccc;}*/
.SelectedCheckBox {background-color:#ffcccc;}

#GiftOptionList
{
	margin: 10px 30px;
}
.EditGiftOptionButton
{
	clear:both;
}
.EditGiftOptionPanelButtonBlock
{
	clear:both;	
}
#GiftOptionSubmitButton
{
}
#GiftOptionCancelButton
{
}
#Overlay {
    background-color: #000000;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 99;
}
.OptionErrorMsgDiv
{
	color: Red;
}
#EditGiftOptionMessage
{
	color: Red;
}


.GiftOptionSettingPanel
{
	position: absolute;
	border:solid 1px #666;
	background-color: #fff;
	padding: 20px 30px;
	width: 300px;
	color: #444;
	z-index: 100;
}

.GiftOptionSettingTypePanel li
{
	list-style-type:none;
}


/* 20121204 */

/* InfoPageVariation */
.InfoPageVariation {
	text-align:center;
	padding:10px 0;
}
.InfoPageVariation .InfoPageProductImage {
	width:90px;
}
.InfoPageVariation table{
	text-align:center;
	margin:auto;
	padding:0 10px;
	font-size:70%;
	width:100%;
}
.InfoPageVariation table .ListPriceTextB2,
.InfoPageVariation table .DiscountRateB,
.InfoPageVariation table .DiscountRateC {
	float:left;
}
.InfoPageVariation ul{
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	border-bottom:2px dotted #666;
}
.InfoPageVariation ul li{
	margin: auto;
	font-size: 80%;
	padding: 8px;
	border-top:2px dotted #666;
}
.InfoPageVariation ul li:nth-child(even) {
	background-color:#EAFCFF;
}

.InfoPageVariation .VariationTxt {
	font-weight:bold;
}
.InfoPageVariation	.btn_detail {
	position: relative;
	margin: 10px 0px 10px 0px;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
	border: solid 1px #ddd;
}
.InfoPageVariation	.btn_tocart {
	position: relative;
	margin: 10px 0px 10px 0px;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#38CEE3),to(#128494));
	background: -moz-linear-gradient(top, #38CEE3, #128494);
	border: solid 1px #2BB0BF;
}
.btn_tocart::after,
.btn_detail::after {
	position: absolute;
	right: 0;
	top: 7px;
	content: url(../images/common/listarrow.png);
	width: 25px;
	height: 20px;
}
.btn_detail a {
	position: relative;
}
.btn_tocart a {
	position: relative;
	color:#fff;
	font-weight:bold;
}

/* codeinput */
.codeinput {}

.codeinput p {
	text-align:center;
}
.codeinput #ErrBlock {
	margin:0 10px;
	padding:5px;
	border:solid 1px red;
	font-size:80%;
}

.codeinput #OrderItemTable {
	width:100%;
	border-bottom:2px dotted #666;
}

.codeinput #OrderItemTable td {
	margin: 0;
	padding: 10px;
	border-top:2px dotted #666;
	vertical-align:top;
}
.codeinput #OrderItemTable ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.codeinput #OrderItemTable ul li{
}
.codeinput input,
.codeinput select {
	font-size: 120%;
}
.codeinput .btn_tocart {
	position: relative;
	margin: 10px;
	padding:6px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#38CEE3),to(#128494));
	background: -moz-linear-gradient(top, #38CEE3, #128494);
	border: solid 1px #2BB0BF;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

#NameprintPanel
{
    position: absolute;
    border:solid 1px #666;
    background-color: #fff;
    padding: 20px 30px;
    width: 350px;
    color: #444;
    z-index: 100;
}
#ErrorMessageBlock
{
	font-size: 0.8em;
	color: Red;
}
#NameprintPanel .ButtonBlock
{
	margin-top: 20px;
}
#NameprintPanel .ErrorItem
{
	color: Red;
	display: none;
}
#NameprintPanel .NamePrintOptionEachFrame:after
{
	content: " ";
	clear:both;
	display: block;
	visibility: hidden;
}
#NameprintPanel .NamePrintOptionEachFrame
{
	font-size: 0.8em;
}
#NameprintPanel .NamePrintInputTitle
{
	font-weight: bold;
}
#NameprintPanel .NamePrintOptionDescription
{
	text-align: left;
}
.codeinput .nameprint_input_value_div
{
	font-size: 0.8em;
}

/* 商品振分画面 */
#DivideShippingProductList .GoodsName
{
    height:38px;
    overflow:hidden;
}

/* 配送先選択画面 */
.Purchaser .CheckBox
{
    width:5%;
}
.Purchaser .ShippingAddress
{
    width:85%;
}
.ShippingList .CheckBox
{
    width:5%;
}
.ShippingList .ShippingAddress
{
    width:72%;
}
.ShippingList .OpenTab
{
    width:10%;
}
.ShippingList .Clear
{
    width:0;
}

.ShippingList .relatedOrderItem
{
    margin-top:5px;
}
.ShippingList .giftInput dt
{
    margin-left:10px;
}
.ShippingList .giftInput dl
{
    margin-left:20px;
}

/* SetShippingPage */

.SetShippingPage {}

.SetShippingPage p {
	text-align:center;
}

.SetShippingPage ul .title{
	background-color:#333;
	color:#fff;
	font-weight:bold;
}
.SetShippingPage ul .title #asterisk{
	font-size:80%;
	font-weight:normal;
}
.SetShippingPage .ShippingList li:nth-child(even) {
	background-color:#EAFCFF;
}
.NextButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 10px auto;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#38CEE3),to(#128494));
	background: -moz-linear-gradient(top, #38CEE3, #128494);
	border: solid 1px #2BB0BF;
	color:#fff;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}

.AddButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 10px auto;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#fd6ca0),to(#FB2B75));
	background: -moz-linear-gradient(top, #fd6ca0, #FB2B75);
	border: solid 1px #F07AA7;
	color:#fff;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}
.ReturnButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 10px auto;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
	border: solid 1px #E6E6E6;
	color:#333;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}


/* DivideShippingPage */

.DivideShippingPage {}
.DivideShippingPage p{
	padding: 5px;
	margin:0;
}
.DivideShippingPage p img{
	vertical-align:top;
}

.DivideShippingBlock{}

.DivideShilipingBlockTop{
	border:solid 0px red;
	padding:0 ;
	margin:0 0 15px 0;
}

.DivideShilipingBlockTop ul{
	margin:0;
	padding: 0;
	list-style: disc inside;
}
.DivideShilipingBlockTop ul li{
	padding:3px 5px;
	font-size:80%;
}
.DivideShilipingAll{
	margin:5px;
	padding: 3px;
	font-size:80%;
}

.AddressPageNavi {
	font-size:80%;
	display:table;
	width:90%;
	list-style:none;
}
.AddressPageNavi li{
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	width:30%;
	padding:0 5px;
}

.AddressPageNavi #AddressPageNaviL{
	text-align:right;
}
.AddressPageNavi #AddressPageNaviR{
	text-align:left;
}
.DivideShipping li:nth-child(odd) {
	background-color:#EAFCFF;
}

td.tab
{
border-top-left-radius: 5px;     /* 左上 */
border-top-right-radius: 5px;    /* 右上 */

-webkit-border-top-left-radius: 5px;     /* 左上 */
-webkit-border-top-right-radius: 5px;    /* 右上 */

-moz-border-radius-topleft: 5px;     /* 左上 */
-moz-border-radius-topright: 5px;    /* 右上 */
}
.DivideShippingFirst {
border-top:#333 2px solid;
border-top-right-radius: 5px;    /* 右上 */
-webkit-border-top-right-radius: 5px;    /* 右上 */
-moz-border-radius-topright: 5px;    /* 右上 */
}

TD.DivideShippingTableB {
	BORDER-RIGHT: #fff 2px solid; BORDER-TOP: white 4px solid; PADDING-LEFT: 18px; BORDER-LEFT: #aaa 0px solid; COLOR: white; BORDER-BOTTOM: #eee 1px solid; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #dcdcdc
}
TD.DivideShippingTableD {
	BORDER-RIGHT: #333 2px solid; BORDER-TOP: #333 2px solid; FONT-WEIGHT: bold; BORDER-LEFT: #333 2px solid; COLOR: white; BORDER-BOTTOM: 0px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #333
}
TD.DivideShippingTableE {
	BORDER-RIGHT: #fff 2px solid; BORDER-TOP: white 4px solid; PADDING-LEFT: 18px; BACKGROUND-IMAGE: url(../images/common/misettei_icon.gif); BORDER-LEFT: #aaa 0px solid; COLOR: white; BORDER-BOTTOM: #eee 1px solid; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #dcdcdc
}
TD.DivideShippingTableF {
	BORDER-RIGHT: #333 2px solid; BORDER-TOP: #333 2px solid; FONT-WEIGHT: bold; BORDER-LEFT: #333 2px solid; PADDING-LEFT: 18px; BACKGROUND-IMAGE: url(../images/common/misettei_icon.gif); BACKGROUND-REPEAT: no-repeat; COLOR: white; BORDER-BOTTOM: 0px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #333;
}

/* 商品リストでの在庫・バリエーション表示 */
#VariationListTitle {font-size: 13px; text-align: center;}
#VariationColorList
{
	font-size: 12px;
}
#VariationStockTable 
{
	clear:both;
	text-align:left;
	margin: 10px 0;
}
#VariationStockTableTitle {font-size: 12px;}
#VariationStockTableExNote {font-size: 12px;}
#VariationListCloseButton {font-size: 13px;}
#VariationListCloseButtonDiv {text-align: center;}
table.tblVariation2
{
	border-collapse:collapse;
}

td.tblVariation2td1
{
	font-size:12px;
	line-height:120%;
	font-family: "ＭＳ Ｐゴシック";
	border:solid 1px #666;
	padding:5px;
	text-align:center;
}

td.tblVariation2td2
{
	font-size:10px;
	line-height:120%;
	font-family: "ＭＳ Ｐゴシック";
	border:solid 1px #666;
	padding:5px;
	background-color:#e3e3e3;
}
tr.tblVariation2trOdd
{
}
tr.tblVariation2trEven
{
}
.productDetailColorIconFrame{
}
.productDetailColorIcon{
	float:left;
	width:50px;
	height:50px;
	margin:8px 1px 1px 1px;
}

.GoodsMessagePanel
{
    text-align:center;
    width:90%;
    margin: 0 auto 10px auto;
}
.GoodsMessagePanel>span, .productdetail_aspx .ReleaseDate{
font-size: 12px;
    display: block;
    background-color: #eee;
    border-radius: 10px;
    padding: 5px 10px;
}

.productdetail_aspx .ReleaseDate{
    padding: 1em 10px;
    text-align: center;
    margin-top: 30px;
}
@media screen and (max-width: 500px){
.GoodsMessagePanel{width:100%;}
}

.MessageWindow
{
    width:100%;
    text-align:center;
    padding-top:30px;
    height:200px;
    font-size:medium;
    color:Red;
}


/* クーポン一覧 */
/*
.CouponList
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.CouponList li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;

	list-style-type:none;
	line-height:20px;
}

.CouponList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.CouponList li:first-child
{
/*	border-top:solid 2px #333; */
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
*/
.CatalogRequestFrame 
{
	margin: 5px;
	font-size: 0.8em;
}
.CatalogRequestFrame ul
{
	margin: 0;
	padding: 0;
}
.CatalogRequestFrame li
{
	list-style-type : none;
	margin-bottom: 10px;
}
.CatalogRequestFrame ul.catalog-list li img
{
	display:block;
}
.CatalogRequestFrame dd
{
	margin-bottom: 10px;
}
.CatalogRequestFrame dt em
{
	color: #A00;
}
.CatalogRequestHistory
{
	padding: 5px;
}
ul.CancelCatalogList
{
	margin: 0;
	padding: 0;
}
ul.CancelCatalogList li
{
	list-style-type: none;
}
ul.CancelCatalogList li img
{
	margin-left: 20px;
}
.submit ul
{
	padding-left: 10px;
}
.submit ul li
{
	list-style-type: none;
}
#ctl00_body_cvCancelCatalog
{
	display:none;
}
dl.CancelCatalogConfirm dt
{
	font-weight: bold;
}
ul.CancelCatalogConfirmList
{
	margin: 0;
	padding: 0;
}
ul.CancelCatalogConfirmList li
{
	list-style-type:none;
}
input.RequiredError,textarea.RequiredError,select.RequiredError,div.RequiredError
{
	background-color: #FAA;
}

.SearchMemberBYShopMemberIdFrame
{
	margin: 0 0 4px 0;
	padding:0;
	width:100%;
}
.SearchMemberBYShopMemberId
{
	background-color: #f9f9f3;
	border-style: solid;
	border-width: 1px;
	border-color: #d3d3d3 #888 #888 #d3d3d3;
	margin: 0 auto;  
	padding:0 0 4px 0;
	width:95%;
}

.SearchMemberBYShopMemberId h3
{
    background-color: #dcdffc;   
    font-size: 14px;
    margin: 0;
	padding:4px;
}

#RdUserCodeInput
{
    margin: 0;
	padding:4px;
}
.LinkShopMemberId
{
    margin-left:30px;
    font-size:10px;
}
.TelNo
{
    width:55px;
}

/* キャンペーン一覧 */
.CampaignList
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.CampaignList li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
}
.CampaignList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.CampaignList li:first-child
{
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.CampaignName {font-size: 14px; color:#444;}
.CampaignDescription {font-size: 14px; color: #444;}
.CampaignTerm {font-size:12px;}
.CampaignTargetSite {font-size: 14px;}
.CampaignNAMessage
{
}

/* MyPage */
.MyPageMemberID
{
	margin:0px 0px 5px 10px;
}
.DashboardLayoutPanel
{
	margin:0px 10px 10px 10px;
	padding:0;
}
.MyPageDashboardBlock
{
	margin: 15px 0;
	padding: 0 20px;
}
.MyPageDashboardSubTitle
{
	font-size: 0.9em;
	background: #cdcdcd;
	color: #000;
	padding: 3px 0 3px 10px;
}
.MyPageDashboardContents
{
	font-size: 0.8em;
	padding: 5px 0;
}
.MyPageDashboardList
{
	margin-top: 10px;
	margin-bottom: 5px;
}
.MyPageDashboardListItemHead
{
	margin-top: 5px;
	margin-bottom: 2px;
}
.MyPageDashboardListItemBody
{
	padding-left: 20px;
}
.AgeRequirementCheckPanel
{
	position: absolute;
	border:solid 1px #666;
	background-color: #fff;
	padding: 20px 30px;
	width: 300px;
	color: #444;
	z-index: 100;
}
.StockMatrixPanel table
{
	border-collapse:collapse;
	width: 90%;
}
.StockMatrixPanel th
{
	background-color: #999;
}
.StockMatrixPanel td
{
	border: solid 1px #999;
}

#VariationMatrix .Loading {
    background-color: #FFFFFF;
    background-image: url("../images/common/loading.gif");
    background-position: center center;
    background-repeat: no-repeat;
    clear: both;
    height: 50px;
    margin: 5px auto;
    width: 95%;
}

.DeleteButtonSmall {   
    background: -moz-linear-gradient(top,#FF8156 0%,#FF4000);
    background: -webkit-gradient(linear, left top, left bottom, from(#FF8156), to(#FF4000));
    border: 1px solid #DDD;
    color:#FFF;
    padding: 2px 4px;
}

#ReviewSendCompleteBox
{
    background-color: #fff;
    padding: 10px;
}

#AddressList
{
   	position: absolute;
	border:solid 1px #666;
	background-color: #fff;
	padding: 20px 30px;
	z-index: 100;
	text-align: center;
}

/* メーカーから探す */
#MakerSearchPartsDiv .MakerSearchTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
#MakerSearchPartsDiv .ListBox
{
    margin:5px;
}
#MakerSearchPartsDiv ol
{
    height:100px;
    overflow:scroll;
    overflow-x:hidden;	
    border:solid 1px gray;
    padding:2px;
    list-style:none;
    -webkit-overflow-scrolling: touch;
}
/* ブランドから探す */
#BrandSearchPartsDiv .BrandSearchTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
#BrandSearchPartsDiv .ListBox
{
    margin:5px;
}
#BrandSearchPartsDiv ol
{
    height:100px;
    overflow:scroll;
    overflow-x:hidden;    
    border:solid 1px gray;
    padding:2px;
    list-style:none;
    -webkit-overflow-scrolling: touch;
}
/* おすすめカテゴリー */
.RecommendCategoryTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
#RecommendCategoryList
{
    margin: 0;
    padding: 0;
    font-size:80%;
}
#RecommendCategoryList .ListItem
{
    border-bottom: 1px dotted #333;
    line-height: 20px;
    list-style-type: none;
    padding: 5px;
}
/* ----- */
/* 購入履歴リスト */
#RecentOrderList .title
{
	margin:10px 5px 0px 5px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
    clear:both;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
#RecentOrderList .title:after
{
    display: block;
    content: " ";
    overflow: hidden;
    clear: both;
}
#RecentOrderList .title .linkToList
{
    float:right;
}
#RecentOrderList .title .linkToList a
{
    color:#FFFFFF;
}
#RecentOrderList .list
{
	padding:0px;
	margin:0px 5px;
	font-size:80%;
}
#RecentOrderList .list li
{
	padding:0px;
	margin:0px;
	overflow:hidden;
	list-style-type:none;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
}
#RecentOrderList .list .ItemLeft
{
    margin:5px;
    float:left;
}
#RecentOrderList .list .ItemRight
{
    width:60%;
}
#RecentOrderList .list li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
/* ----- */
/* 領収書送付申込 */
#frmRequestReceipt div
{
    margin:5px;
}
/* ----- */

/* 見積履歴 */
.EstimateHistory
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.EstimateHistory li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:solid 1px #333;
	list-style-type:none;
	line-height:20px;
}

.EstimateHistory li:last-child
{
	color:#FFFFFF;
	background-color:#000000;
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-size:120%;
}

.EstimateHistory li:first-child
{
	color:#FFFFFF;
	background-color:#000000;
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

div .SeparatorSolid
{
    width:100%;
	border-bottom:solid 1px #333;
}

div .SeparatorDotted
{
    width:100%;
	border-bottom:dotted 1px #333;
}

/* カート一覧 */
#MultiShopCartList
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

#MultiShopCartList li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:solid 1px #333;
	list-style-type:none;
	line-height:20px;
}

#MultiShopCartList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-size:120%;
}

#MultiShopCartList li:first-child
{
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

#MultiShopCartEmptyMessage,.DisabledMessage
{
    padding:20px;
    color: #606060;
    font-size:14px;
}
#MultiShopCartLoading
{
    text-align:center;    
}
/* ギフト指定 */
#GiftOptionUI
{
    font-size: 80%;
}

#GiftOptionUI .SetOptionsSubTitle {
    background-color: #50505e;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #fff;
    margin: 8px 0 2px 0;
    padding: 4px;
    text-align: left;
    clear:both;
}
#GiftOptionUI dd
,#GiftOptionUI ul
{
    margin:0;
    padding:0;
}
#GiftOptionUI .OptionListImg
{
    float:left;
	list-style-type:none;
    width:80px;
    height:120px;
    border:1px solid white
}

#GiftOptionUI .SetOptionsFrame .Selected
{
    border:1px solid #FD6DB5;
}

#GiftOptionUI .SetOptionsFrame .optionItemName input
{
    display:none;
}

#GiftOptionUI .SetOptionWindowImageFrame
{
    clear:both;
    padding:4px 0;
}

#GiftOptionUI .SetOptionWindowImage
,#GiftOptionUI .SelectedGiftOptionBlock
{
    width: 170px;    
}
#GiftOptionUI .NoGiftOptionStyle
{
    clear:both;
    padding:4px 0;
}
#GiftOptionUI .OptionNone
{
    width: 170px;   
    height:170px;
    display:table-cell;
    border:solid 1px #e6e6e6;
    text-align:center;
    vertical-align:middle;
    color:#bdbdbd;
}
#GiftOptionUI .SetOptionWindowTitle {
    background: #eee none repeat scroll 0 0;
    padding: 4px;
}
#GiftOptionUI .OptionErrorMsgDiv
{
    margin: 4px;
}
#GiftOptionUI #EditGiftOptionMessage
{
    margin: 4px;
}
/* ギフト指定 */

/* ギフト指定(カート) */
#GiftOptionPanel
{
}

#GiftOptionPanel .SetOptionsSubTitle {
    background-color: #50505e;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #fff;
    margin: 8px 0 2px 0;
    padding: 4px;
    text-align: left;
    clear:both;
}
#GiftOptionPanel dd
,#GiftOptionPanel ul
{
    margin:0;
    padding:0;
}
#GiftOptionPanel .OptionListImg
{
    float:left;
	list-style-type:none;
    width:80px;
    height:120px;
    border:1px solid white
}

#GiftOptionPanel .SetOptionsFrame .Selected
{
    border:1px solid #FD6DB5;
}

#GiftOptionPanel .SetOptionsFrame .optionItemName input
{
    display:none;
}

#GiftOptionPanel .SetOptionWindowImageFrame
{
    clear:both;
    padding:4px 0;
}

#GiftOptionPanel .SetOptionWindowImage
,#GiftOptionPanel .SelectedGiftOptionBlock
{
    width: 170px;    
}
#GiftOptionPanel .NoGiftOptionStyle
{
    clear:both;
    padding:4px 0;
}
#GiftOptionPanel .OptionNone
{
    width: 170px;   
    height:170px;
    display:table-cell;
    border:solid 1px #e6e6e6;
    text-align:center;
    vertical-align:middle;
    color:#bdbdbd;
}
#GiftOptionPanel .SetOptionWindowTitle {
    background: #eee none repeat scroll 0 0;
    padding: 4px;
}
#GiftOptionPanel .OptionErrorMsgDiv
{
    margin: 4px;
}
#GiftOptionPanel #EditGiftOptionMessage
{
    margin: 4px;
}
/* ギフト指定 */

/* ユーザーページリスト（スライド） */
.UserPageDigestTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
.UserPageDigestTitleR
{
    float:right;
}
.UserPageDigestTitle a
{
    color:#FFFFFF;
}
.UserPageDigestFooter
{
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    color:#FFFFFF;
}
#UserPageDigest
{
	padding:0px;
	overflow: hidden;
}
#UserPageDigestList
{
	padding:2px;
	margin:0px;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, right bottom, from(#EEE), to(#FFF));
    font-size:50%;
}

#UserPageDigestList li
{
    text-align:center;
	padding:0px;
	margin:0px;
	list-style-type:none;
    float:left;
    padding:10px 5px;
}
.SelectUserPageDigestDot
{
	color:#38CEE3;
}
.UserPageDigestDot
{
	color:#CCCCCC;
}
/* ユーザーページリスト（スライド） */
/* ユーザーページリスト（一覧） */
.UserPageList
{
    font-size:80%;  
}
#UserPageList
{
}
#UserPageList li
{
    font-size:80%;  
    float:left;
    list-style: outside none none;
    padding: 10px 5px;
    margin:2px;
    width:140px;
    height:140px;
    overflow:hidden;
	background: #e6e6e6;
}
#UserPageList .ListImage
{
    text-align:center;
}
#UserPageList h3
{
    margin:2px;    
}
#UserPageList p
{
    margin:0px;    
}
.UserPageList .Pager
{
    margin:10px 0;
    padding: 10px;    
    background:#000000;
}
/* ユーザーページリスト（一覧） */

/* 商品タグ検索パーツ */
.SearchTagListTitle::after {
    clear: both;
    content: " ";
    display: block;
    overflow: hidden;
}
.SearchTagListTitle {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #666, #333) repeat scroll 0 0;
    clear: both;
    color: #ffffff;
    font-size: 80%;
    margin: 10px 5px 0;
    padding: 5px;
}

.SearchTagList {
    font-size: 80%;
    margin: 0 5px;
    padding: 0;
}

.SearchTagList li:last-child {
    border-bottom: 2px solid #333;
}
.SearchTagList li {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #eee, #fff) repeat scroll 0 0;
    border-left: 2px solid #333;
    border-right: 2px solid #333;
    list-style-type: none;
    margin: 0;
    padding: 5px;
}
/* 商品タグ検索パーツ */
/* MultiShopOrderHistory */
.MultiShopOrderHistory
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.MultiShopOrderHistory li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:solid 1px #333;
	list-style-type:none;
	line-height:20px;
}

.MultiShopOrderHistory li:last-child
{
	color:#FFFFFF;
	background-color:#000000;
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-size:120%;
}

.MultiShopOrderHistory li:first-child
{
	color:#FFFFFF;
	background-color:#000000;
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

div .SeparatorSolid
{
    width:100%;
	border-bottom:solid 1px #333;
}

div .SeparatorDotted
{
    width:100%;
	border-bottom:dotted 1px #333;
}

/* 契約情報一覧 */
.ContractList
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.ContractList li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
}

.ContractList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.ContractList li:first-child
{
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

/* 関連商品（商品グループ） */

.RelatedProductTitle {
    font-weight: bold;
    text-align: center;
    margin: 10px;
}

.RelatedProductGroupTitle
{
	margin:10px 5px 0px 5px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
    clear:both;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.RelatedProductGroupTitle:after
{
    display: block;
    content: " ";
    overflow: hidden;
    clear: both;
}

.RelatedProductGroupFrame
{
	padding:0px;
	margin:0px 5px;
	font-size:80%;
}

.RelatedProductGroupFrame li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
}

.RelatedProductGroupFrame li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}



.ItemCenter
{
   text-align:center;   
}

/* ファイルアップロードパネル */
#UploadPanel
{
	display:none;
	z-index:9999;
	width:87%;
    padding:10px;
	margin:10px;
    position:fixed;
    top:50%;
    left:50%;
}

#UploadHeader
{
    background-color: #EEE;
    padding:2px;
    width:98%;
    margin:0 auto;
    font-size:12px;
    font-weight:bold;
    zoom:1;
    overflow:hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}
#UploadHeaderLeft
{
    float:left;
}
#UploadHeaderRight
{
    float:right;
    cursor: pointer;
}
#Upload
{
    clear:both;
    background-color: #FFF;
    padding:2px;
    width:98%;
    margin:0 auto;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}
.ShowDataTitle
{
    font-size:large;
    margin:8px;
    text-align:left;
    border-bottom:solid 1px #c0c0c0;
}
.ShowDataContentBox
{
    width:80%; 
    margin:0 auto;    
}
.ShowDataTextLine
{
    margin:1px;
    padding:4px;
    background: none repeat scroll 0 0 #E5E7EB;
    color: #606060;
    font-size: 12px;
}
.ShowDataButtonArea
{
    margin:8px;
}
.ShowDataButtonArea input
{
    width:80px;
}
.ShowDataDiv
{
    margin:1px;
    padding:4px;
    background: none repeat scroll 0 0 #003366;
    color: #FFFFFF;
    font-size: 14px;
    font-weight:bold;
    margin: 0 0 8px;
    padding: 5px 3px 5px 20px;
}
.ShowDataResult .ErrorMessage
{
    color:Red;
}
.UploadBox .Notes
{
    color:Red;
}
.PopUpFrame{
	background-color:White;
	border:0px solid black;
	overflow:auto;
}

/* Cart Quantity Detail */
div.CartQuantityBreakDown {
 margin-top:30px;
}
div.CartQuantityBreakDown .tab 
{
    margin:0;
    padding:0;
    overflow:auto;
}
div.CartQuantityBreakDown .tab li:first-child {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
div.CartQuantityBreakDown .tab li:last-child {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
div.CartQuantityBreakDown .tab li {
 background-color:#9D9D9D;
 color:#fff;
 width:40%;
 text-align:center;
 border: none;
}
 div.CartQuantityBreakDown .tab li:nth-child(1) {
  float:left;
 }
 div.CartQuantityBreakDown .tab li:nth-child(2) {
  float:right
 }
 div.CartQuantityBreakDown .tab li.selected {
  background-color:#172a88
 }
 div.CartQuantityBreakDown .tab li a {
 padding:1.2em 0.5em;
 color:#fff;
 display:block
}
 div.CartQuantityBreakDown #detail article {
  margin:0 auto;
  width:100%;
 }
 div.CartQuantityBreakDown #detail article p {
  display:inline-block;
  margin:10px 10px 0 0
 }
 div.CartQuantityBreakDown {
  padding:1em 0 0 1em
 }
/* Cart Quantity Detail */
/* Cart Quantity Detail Input */
@media screen {
 #inline-wrap1,#inline-wrap2 {
  position:relative;
  margin:10px auto;
  max-width:700px;
  background:#fff;
  box-sizing:border-box;
  padding-bottom:30px
 }
 #inline-wrap1 .modaltit,#inline-wrap2 .modaltit {
  width:100%;
  background-color:#172a88;
  color:#fff;
  font-size:20px;
  padding:1em 0;
  text-align:center
 }
 #inline-wrap1 .mfp-close,#inline-wrap2 .mfp-close {
  color:#fff;
  -moz-border-radius:27px;
  -webkit-border-radius:27px;
  border-radius:27px;
  background-color:#000;
  margin-top:-3%
 }
 #inline-wrap1 #detail div.modaltabarea,#inline-wrap2 #detail div.modaltabarea {
  display:block;
  margin:0 auto;
  width:100%;
  text-align:center;
  padding:3%;
  box-sizing:border-box
 }
 #inline-wrap1 #detail div.modaltabarea p,#inline-wrap2 #detail div.modaltabarea p {
  display:inline-block;
  margin:20px 30px 0 0
 }
 #inline-wrap1 #detail div.modaltabarea p input,#inline-wrap2 #detail div.modaltabarea p input {
  display:block;
  width:3em;
  font-size:16px;
  margin:5px auto 0 auto;
  padding:7px
 }
 #inline-wrap1 #detail div.modaltabarea p input.classotherbox,#inline-wrap2 #detail div.modaltabarea p input.classotherbox {
  width:4em
 }
  .classsubmit a {
  padding:1em;
  background-color:#172a88;
  color:#fff;
  width:40%;
  display:block;
  text-align:center;
  margin:30px auto 10px auto
 }
/* Cart Quantity Detail Input */
/* Comfirmation Quantity Detail */
div.quantityBreakDownBlock
{
    text-align:left;
}
span.quantityBreakDown
{
    display:inline-block;
}
/* Comfirmation Quantity Detail */

/* SetItemsShipping */
.SetItemsShipping
{
	margin:5px 5px 15px 5px;
	padding:0;
}

.DivideShippingProductList
{
    font-size:80%;
}
.SetItemsShipping dd
{
    margin:0; 
    padding:0; 
}

.SetItemsShipping ul
{
    margin:0; 
    padding:0; 
    list-style-type:none;
}

.SetItemsShipping li
,.SetItemsShippingModal li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
}

.SetItemsShipping li:last-child
,.SetItemsShippingModal li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.SetItemsShipping li:first-child
,.SetItemsShippingModal li:first-child
{
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.SetItemsShipping .LargeButton
{
    font-size:100%;
}
.SetItemsShipping .ErrorMessage
{
    font-size:100%;
}

.SetItemsShippingModal
{
    margin:10px;      
    padding:10px;  
    background-color:#ffffff;
    text-align:center;
}
.SetItemsShippingModal .SelectShippingList
{
    text-align:left;
    font-size:80%;    
}
.SetItemsShippingModal .message
{
    text-align:left;
    font-size:80%;        
    display:inline-block;
}
.SetItemsShippingModal ul
{    
    margin:0; 
    padding:0; 
    list-style-type:none;
}
/* SetItemsShipping */

/* MultiColumnLayout */
.multiColumnLayout .contents
{
    display:block;
    width:1080px!important;
    margin:auto;
}
.multiColumnLayout .contents ul
{
    list-style:none;
}
.multiColumnLayout .contents .leftArea
{
    float:left;
    width:200px;
    margin:auto;
}
.multiColumnLayout .contents .mainArea
{
    float:left;
    width:650px;
    margin:auto;
}
.multiColumnLayout .contents .mainArea #divProductImages .arrows > .prev 
{
    float:left;
    position:relative;
    top:-150px;
    left:auto;
    z-index: 1;
}
.multiColumnLayout .contents .mainArea #divProductImages .arrows > .next 
{
    float:right;
    position:relative;
    top:-150px;
    right:auto;
    z-index: 1;
}
.multiColumnLayout .contents .rightArea
{
    float:left;
    width:200px;
    margin:auto;
}

/*  */
.multiColumnLayout.top_aspx .contents .leftArea,
.multiColumnLayout.top_aspx .contents .rightArea{
    display:none;
}
.multiColumnLayout.top_aspx .contents .mainArea
{
    float:clear;
    width:100%;
    margin:auto;
}

/* MultiColumnLayout */



/* Cart */

/* =================== 購入STEP ==================== */
.templateInner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding: 50px 0;
    font-size: 1.1em;
}
@media only screen and (max-width: 768px) {
.templateInner{width:92%;padding:7% 0 0; margin:0 auto;}
}
@media only screen and (max-width: 540px) {

.templateInner{width:90%;padding:10% 0 0;}
}

/* =================== Cart =================== */







.cart_aspx .CartRecommendTitle{
	font-size:1.2em;
	border-top:1px solid #CCC;
	padding-top:1em;
}
.marble_btn-miniBox input {
    box-sizing: border-box;
    padding: 0.5em 0;

}

/****************BookMarkList.aspx***************/
.bookmarklist_aspx .PriceTitleB{display: none;}





/* セール価格表記 */
.ListPriceTable {text-align:center;width:100%;}
.ListPriceTable .ListPriceDiv1 {display: inline-block;vertical-align:middle;}
.ListPriceTable .ListPriceDiv1 .PriceTitleA {display: none;}
.ListPriceTable .ListPriceDiv1 .ListPriceTextA {display: none;}
.ListPriceTable .ListPriceDiv1 .priceA {display: inline-block;text-decoration:line-through;vertical-align:middle;}
.ListPriceTable .ListPriceDiv2 {display: inline-block;margin:0 3px;vertical-align:middle;}
.ListPriceTable .ListPriceDiv3 {display: inline-block;}
.ListPriceTable .ListPriceDiv3 .SalePriceTitle {display: none;}
.ListPriceTable .ListPriceDiv3 .PriceTitleB {display: none;}
.ListPriceTable .ListPriceDiv3 .ListPriceTextD {display: none;}
.ListPriceTable .ListPriceDiv3 .priceD {display: inline-block;font-weight:600;color:red;vertical-align:middle;}
.ListPriceTable .ListPriceDiv3 .DiscountRateD {display: inline-block;padding:1px 3px;margin-left:5px;font-size:0.8em;background-color:red;color:#fff;vertical-align:middle;}
.ListPriceTable .ListPriceDiv3 .SaleIcon {display: none;}
.ListPriceTable .ListPriceDiv3 .SaleIcon img{display: none;}
.ListPriceTable .ListPriceDiv5 {display: none;}
.ListPriceTable .ListPriceTableEnd {display: none;}

.productdetail_aspx .itemdetailArea_top .itemTxtArea .PriceDiv >table {width:100%;}
.multiColumnLayout.productdetail_aspx .itemdetailArea_top .itemTxtArea .PriceDiv >table .ListPriceTable {width:100%;text-align:left;}
.productdetail_aspx .itemdetailArea_top .itemTxtArea .PriceDiv .ListPriceTable:before  {
    content: "価格　";
    display: inline-block;
    vertical-align:middle;
}
.productdetail_aspx .itemdetailArea_top .itemTxtArea .PriceDiv .saleitemIcon {display: none;}
.productdetail_aspx .itemdetailArea_top .itemTxtArea .PriceDiv .ListPriceDiv3 {display: inline-block !important;}
.productdetail_aspx .itemdetailArea_top .itemTxtArea .PriceDiv .ListPriceTable .ListPriceDiv3 .priceB {display: inline-block;vertical-align:middle;}
.productdetail_aspx .itemdetailArea_top .itemTxtArea .PriceDiv .ListPriceTable .ListPriceDiv3 .priceD {display: inline-block;font-weight:600;color:red;font-size: 1.5em;vertical-align:middle;}
.productdetail_aspx .itemdetailArea_top .itemTxtArea .PriceDiv .ListPriceTable .ListPriceDiv3 .priceD span.priceUnit{font-size: 0.8em;}

.productdetail_aspx .itemdetailArea_top .itemTxtArea .PriceDiv .ListPriceTable .ListPriceDiv3 .priceD span.priceUnit:after {
    content: "(税込)";
    display: inline-block;
    width: 3em;
    height: 1em;
    font-size: 0.6em;
    padding-left: 5px;
}
.productdetail_aspx .itemdetailArea_top .itemTxtArea .PriceDiv .ListPriceTable .ListPriceDiv3 .SaleIcon {display: none;}

/* セール商品 */
.SaleProductTitle
{
	margin:10px 5px 0px 5px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
    clear:both;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.SaleProductTitle:after
{
    display: block;
    content: " ";
    overflow: hidden;
    clear: both;
}

.SaleProductList
{
	padding:0px;
	margin:0px 5px;
	font-size:80%;
}

.SaleProductList li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
    overflow: hidden;
}

.SaleProductList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/* VariationPopup */

/*
#VariationPopup
{
    padding:10px;
	margin:10px;
    background:white;
    overflow:auto;
}

#VariationPopup div
{
    font-size: 80%;
	margin:3px;
}

#VariationPopup .goodsImageMainFrame
{
    float:left;    
    width:250px;   
}

#VariationPopup .goodsImageMain
{
    float:left;    
    width:240px;   
}

#VariationPopup .goodsImageThumbList
{
}

#VariationPopup .explain
{
}

#VariationPopup .variationListImage
{
    width:40px;
}

#VariationPopup .variationListParent1 li
,#VariationPopup .variationListParent2 li
{
    clear:both;
    display:inline;
    margin:3px;
    width:100%;
}

#VariationPopup .cartButton
{
    clear:both;
    overflow:auto;
}

#VariationPopup .messageArea
,#VariationPopup .inventoryMessage
,#VariationPopup .inventoryImage
{
    clear:both;
    width:100%;    
    text-align:center;
}

#VariationPopupOverlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  background-color: #ccc;
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index:9000;
}
*/
#VariationPopupLoading {
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  text-align: center;
  z-index:9001;
}


a.btnVariationPopup {
    border: solid 1px #000;
    vertical-align: middle;
    padding: 0.5em 0;
    font-size: 0.9em;
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: 1em;}
a.btnVariationPopup img {display:inline-block;vertical-align:middle;width:15px;}
/*a.btnVariationPopup span {display:inline-block;vertical-align:middle;margin-left:3px;}*/

.mfp-content #VariationPopup {
	width: 70%;
	margin: 5% auto;
	text-align:center;
	background-color: #fff;
	border-radius: 10px;
	padding: 40px;
	position:relative;
}
.mfp-content #VariationPopup> div {}
.mfp-content #VariationPopup .goodsName {font-size:1.2em;font-weight: 600; margin-bottom: 20px;}

.mfp-content #VariationPopup .goodsImageBlock:after{
    display: block;
    content: " ";
    overflow: hidden;
    clear: both;
}
.mfp-content #VariationPopup .goodsImageMainFrame {
	width:300px;
	height:300px;
	margin: 0 auto 20px auto;
	text-align:center;
}
.mfp-content #VariationPopup .goodsImageMainFrame img{
	margin: auto;
	text-align:center;
}
.mfp-content #VariationPopup .goodsImageThumbList {
	display:none;
}
.mfp-content #VariationPopup .goodsImageThumbList img{
	width:50px;
	height:50px;
	display:inline;
}

.mfp-content #VariationPopup .variationList{
	display:block;
	margin-bottom:30px;
}

.mfp-content #VariationPopup .variationList ul{
	display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

.mfp-content #VariationPopup .variationList ul.variationListParent1:before{
    content: "バリエーション";
    width: 8em;
    border-right: 2px solid #333;
    padding: 1.5em 20px 0 0;
    height: 3em;
    margin: auto 0;
    font-weight: bold;
}


.mfp-content #VariationPopup .variationList ul li{
	display: inline-block;
	text-align:center;
	/*width:30%;*/
	margin: 0.3em 10px;
	max-width:100px;
}

.mfp-content #VariationPopup .variationList .variationListChild img{
	width:80px;
	height:80px;
	display:block;
	margin: auto;
	text-align:center;
}
.mfp-content #VariationPopup .inventoryMessage{
	display: block;
}
.mfp-content #VariationPopup .cartButton{
	display: block;
}
.mfp-content #VariationPopup .cartButton a{
	box-sizing: border-box;
	border: 1px solid #333;
	background-color: #fff;
	padding: 0.5em 4em;
	display: inline;
	font-size: 14px
}
.mfp-content #VariationPopup .cartButton a:before{
content: "\f07a";
font-family: "Font Awesome 5 Free";
display:inline-block;
width:1em;
height:1em;
font-weight:900;
margin-right:0.5em;
}

.mfp-content #VariationPopup .cartButton a:hover{
	background-color: #f24e64;
	color:#fff;
	border: 1px solid #f24e64;
}

.mfp-content #VariationPopup .mfp-close {
	position:absolute;
	top:0;
	right:0;
    width: 54px;
    height: 54px;
    line-height: 54px;
    font-size: 50px;
}
.mfp-content #VariationPopup .inventoryMessage .soldout{
    display: inline;
    border: 1px solid #ccc;
    width: 100%;
    max-width: 215px;
    margin: 0 auto;
    padding: 0.7em 5em;
    background-color: #eee;
}


.mfp-content #VariationPopup {
	width: 70%;
}

@media only screen and (max-width: 768px) {
.mfp-content #VariationPopup {
	width: 70%;
}
}

@media only screen and (max-width: 599px) {
.mfp-content #VariationPopup .variationList ul.variationListParent1:before {
    content: "バリエーション";
    width: 50%;
    border-bottom: 2px solid #333;
    border-right:none;
    padding: 0 0 0px 0;
    height: 2.5em;
    margin: auto 25% 20px;
    font-weight: bold;
    display: block;
}
.mfp-content #VariationPopup {
	width: 80%;
}
.mfp-content #VariationPopup .mfp-close {
	position:absolute;
	top:0;
	right:0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 30px;
}
}

@media only screen and (max-width: 450px) {
.mfp-content #VariationPopup .goodsImageMainFrame{
width:100%; height:auto;}
.mfp-content #VariationPopup{padding:40px 20px;}
}

/*site_sp.css*/

.templateInner {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
    font-size: 1.1em;
}

ul.disc li {list-style-type: disc;}
.bold{font-weight: bold;}
.text-left{text-align: left;}
/**********　ユーザーページ　*************/
.u_page{text-align: left;}
.u_page a{text-decoration: underline;}
h3.tit--subject{
    width: 100%;
    margin: 20px 0;
    font-size: 2em;
    padding: 10px 0 40px 0;
	text-align: center;
}
h3.guide_catetit{
	font-size: 2em;
    padding: 20px;
    text-align: center;
    margin-bottom: 2em;
    border-bottom: 1px dashed #000;
    line-height: 1.3;

}
h3.title{
    font-size: 1.5em;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #f24e64;
    padding-bottom: 15px;
	margin: 2em 0;
    line-height: 1.3;
}
h3.Sub--title{
    font-size: 1.3em;
    font-weight: bold;
    margin: 1em 0;
	padding-left: 1em;
}

/******************** ドロップダウンメユー **********************/

#guideLink{margin: 1em auto 3em;}
#guideLink_inner ul.guideMenu{
	padding-left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    list-style-type: none;
	background: #eee;
	padding: 1em 0;
    justify-content: center;
}
#guideLink_inner ul.guideMenu > li{
	position: relative;
    height: 100%;
    text-align: center;
	flex-basis: 24%;
	    margin: 3px;

}
#guideLink_inner ul.guideMenu > li:hover {
	opacity: 0.5 ;
}

#guideLink_inner ul.guideMenu li >a {
	position: relative;
    display: block;
    height: 100%;
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    line-height: 40px;
    background: #444;
    color: #000;
	background: #fff;
    text-decoration: none;
    /*z-index: 2;*/
    padding: 1em 0;

}

#guideLink_inner ul.guideMenu li >a:after{content:"";}

#guideLink_inner ul.secondMenu{}
#guideLink_inner ul.guideMenu li > ul.secondMenu {
	visibility: hidden;
    position: absolute;
    top: 0;
	margin: 1em;
    padding-left: 0;
    list-style-type: none;
    z-index: -1;
	background: #ccc;

}

#guideLink_inner ul.guideMenu li:hover > ul.secondMenu {
	visibility: visible;
    top: 40px;/*2*/
    z-index: 1;
    transition: all .3s;
	padding: 1em;
}

#guideLink_inner ul.guideMenu > li > ul.secondMenu > li{
   /* flex-basis: 40%; */
    padding: 0 12px;

}

#guideLink_inner ul.guideMenu > li > ul.secondMenu > li > a{
    display: block;
    font-size: 80%;
	text-decoration: underline;
	text-align: left;
}
#guideLink_inner ul.guideMenu > li > ul.secondMenu > li > a:hover{
    color: #fff;/*16*/
}

@media screen and (max-width: 768px){  
#guideLink_inner ul.guideMenu li {flex-basis:  48%;}
}
@media screen and (max-width: 480px){    

#guideLink_inner ul.guideMenu li {flex-basis:  100%;}

}

/******************** /ドロップダウンメユー **********************/


.info_flame p{
	margin: 0.5em 0;
	/*padding: 10px 0;*/
	line-height: 1.8;
}

.info_flame > p{
	padding: 0 0 40px 1em;

}
.info_flame ul li{line-height: 1.5;}
.cf {padding-bottom: 70px;}

.guide_leftArea {width: 50%;}
.guide_rightArea {
    width: 47%;
    padding-left: 3%;
}
.info_flame ul {
    margin: 20px 0 15px;
    padding-left: 1em;
}
ul.guindenum li {
    font-weight: normal;
	text-indent: 0em;

}
.info_flame ul.guindenum {
    margin: 0 0 40px 0;

}

ul.guindenum li .tit-p {
    list-style: none;
    font-weight: bold;
    color: #e6506d;
    font-size: 16px;
    margin-bottom:1em;
}

.guide_rightArea img {
    border: 1px solid #ccc;
    border-radius: 5px;
}
.info_flame{margin-bottom: 30px;}

#payment ul li{ margin-bottom:20px;}
#payment ul.disc li{margin-bottom:1em;}

.i_box {
    margin: 10px 0;
    padding: 10px 15px;
    background-color: #f6f6f6;
    line-height: 22px;
    letter-spacing: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.f24{color: #f24e64 !important;}
.guide_paymentimg{max-width: 400px;}

.document .description{
    line-height: 20px;
    margin: 30px 0;
    letter-spacing: 1px;
}
.info_flame .catch{font-weight: bold;}

/***************** 会社概要 ***********************/
#table-01 {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    width: ;
    margin-right: 10px;
    margin-left: 10px;
}
#table-01 th {
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    line-height: 120%;
    white-space: nowrap;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: center;
    font-weight: normal;
    width: 25%;
}
#table-01 td {
    padding: 10px 5px 10px 30px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}
@media screen and (max-width: 500px){


}

/***************ご利用ガイド************/





nav#guideLink{

    background: #eee;
    border: 1px solid #ccc;
    padding: 1em;
    
}
/*
nav#guideLink ul{
    width: 180px;
}
.u_page_guide_aspx .GuideSub{ width: 250px;background: #333;}
.u_page_guide_aspx .GuideSub ul{margin: 1em;}
.u_page_guide_aspx .GuideSub ul li{padding: 0.5em;}
.u_page_guide_aspx .GuideSub ul li a{color: #fff;}


.u_page_guide_aspx .GuideSub:before{
  content: "";
  position: absolute;
  right: 0;
  top: 33px;
  left: -271px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-top: 20px solid transparent;
  border-right: 20px solid #333;
  border-bottom: 20px solid transparent;
}
*/
nav#guideLink ul li{
	position: relative;
    border-bottom: 1px solid #fff;
    max-width: 100%;
    padding: 0.5em 0;
    box-sizing:border-box;
    font-size: 14px;
}
nav#guideLink ul li a{color: #333;text-decoration: none;}

/*#guideLink .GuideSub{margin-left: 2em;}*/

.guindenum li{margin: 0.3em 0;}

dl.dl--table,
dl.dl--table dt,
dl.dl--table dd {
  box-sizing: border-box;
}
dl.dl--table {
  background: #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  width: 340px;
}

dl.dl--table .sb--table{background:#eee;}

dl.dl--table dt,
dl.dl--table dd {
  padding: 10px 10px 0 10px;
  border-top: 1px solid #ccc;
}
dl.dl--table dt {
  width: 55%;
  float: left;
}
dl.dl--table dd {
  background: #fff;
  margin-left: 55%;
  /*padding-bottom: 10px; */
  border-left: 1px solid #ccc;
}
dl.dl--table dd:after {
  content: '';
  display: block;
  clear: both;
}
.u_page_guide_aspx{position: relative;}
/*#guideMain .leftArea{
	position: fixed;
    left: 0;
	top: 20vh;
	z-index:1;
	width: 18%;
}/*
#guideMain .mainArea{width:85%;margin-left: 15%;}
/**縦書き**/
/*#guideMain .leftArea #guideLink ul li > a.First_Tab{*/
/* 	-webkit-writing-mode: vertical-rl; Chrome,Safari対応*/
/*       -ms-writing-mode: tb-rl; IE対応*/
/*          writing-mode: vertical-rl;応
}
*/

nav#guideLink ul li:last-child {
    border-bottom: none;;

}
@media screen and (max-width :768px){

#guideMain .leftArea {
    position: relative;
    width: 100%;
	top: 0;
}
#guideMain .mainArea {
    width: 100%;
    margin: 0;
}
.kiyaku{position: relative;}
.info_flame .guide_leftArea,
.info_flame .guide_rightArea{width:100%;}

.info_flame ul {
    padding: 0 1em;
}

}

/************サイトマップ***************/
.map--list{justify-content: space-between;}
.map--list dl{
	width: 27%;
    margin: 1%;
    padding: 0.5em;
    /*border: 1px solid #eee;*/

}
.map--list dl dt{
    font-size: 17px;
    text-align: left;
    border-bottom: 1px solid #333;
    padding-bottom: 0.5em;
    font-weight: 600;
    position: relative;
    padding-left: 5px;

}
.map--list dl dt:before{
    content: "";
    display: block;
    position: absolute;
    background-color: #f24e64;
    height: 1px;
    width: 30px;
    bottom: -1px;
    left: -1px;
}
.map--list dl dd{

width: 90%;
    margin: 0.5em auto;
}
.map--list dl dd ul{
	line-height: 1.8;
}
.map--list dl dd ul li:before{
content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    margin-right: 0.5em;
    font-size: 13px;
    vertical-align: middle;	

}
@media screen and (max-width :800px){
.map--list dl {
    width: 40%;}
}
@media screen and (max-width :450px){
.map--list dl{

    width: 100%;
}

}
.checkout_aspx header div.headMain .cart{border:none;}
.thanks_aspx h3.tit--subject{padding: 10px;}
.thanks_aspx p.thanks--msg{text-align: center;margin-bottom: 1em;}

dl.ddIn_CreditCard dd{margin-bottom:1em;}

/************ LPページ(共通) ***************/
.m0a		{  margin:0px auto 0px !important; }
.m10a		{  margin:10px auto 0px !important; }
.m20a		{  margin:20px auto 0px !important; }
.mt3		{ margin-top: 3px !important; }
.mt5		{ margin-top: 5px !important; }
.mt8		{ margin-top: 8px !important; }
.mt10		{ margin-top: 10px !important; }
.mt20		{ margin-top: 20px !important; }
.mt30		{ margin-top: 30px !important; }
.mt40		{ margin-top: 40px !important; }
.mr5		{ margin-right: 5px !important; }
.mr10		{ margin-right: 10px !important; }
.mr15		{ margin-right: 10px !important; }
.mr20		{ margin-right: 20px !important; }
.mr30		{ margin-right: 30px !important; }
.mb5		{ margin-bottom: 5px !important; }
.mb10		{ margin-bottom: 10px !important; }
.mb15		{ margin-bottom: 15px !important; }
.mb20		{ margin-bottom: 20px !important; }
.mb30		{ margin-bottom: 30px !important; }
.ml5		{ margin-left: 5px !important; }
.ml10		{ margin-left: 10px !important; }
.ml15		{ margin-left: 15px !important; }
.ml20		{ margin-left: 20px !important; }
.ml30		{ margin-left: 30px !important; }
.ml40		{ margin-left: 40px !important; }

/************ LPページ ***************/

.mainArea .lpLayout{
	max-width: 900px;
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    height: 100%;
    background-color: #FFFFFF;
    padding-top: 15px;
    padding-right: 50px;
    padding-bottom: 15px;
    padding-left: 50px;

}
.lpLayout-sp .item-detail img{
	width:100%;
	max-width: 640px;
	
}
.gotohead {
    clear: both;
    margin-bottom: 10px;
    padding-top: 10px;
    text-align: right;
}

#AddCartCompleteBlock .SmallButton{display: block;}

/************ LPページ(SP）***************/
@media screen and (max-width :450px){

	.mainArea .lpLayout-sp{padding:0;margin-top: 0px;}




}


.productdetail_aspx .SpecialShippingHandling {}
.productdetail_aspx .SpecialShippingHandling dl{margin-bottom: 20px;}
.productdetail_aspx .SpecialShippingHandling dl dt{width: 7em;}
.productdetail_aspx .SpecialShippingHandling dl dd{color:#f24e64;font-weight:bold;}

#ProductReviewTitle h2 span{font-size: 1.7rem;}

ul.itemList li {
    margin: 0 1% !important;

}
/************ SNSでログイン ***************/

.FacebookLogin img, .LineLogin img, .TwitterLogin img {
    width: 30px;
    height: 30px;
}

.btn--snslogin .SNSMiddleButton.LineLogin{
    background: #00C300;
    color: #fff;
    display: flex;
    padding: 5px 15px 5px 5px;
    border-radius: 5px;
    margin: 15px auto;
    align-items: center;
    width: 200px;
    background-image: url(/store/images/common/btn_base.png);
    background-position: 5px center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    height: 40px;
    box-sizing: border-box;
}
.btn--snslogin .SNSMiddleButton.LineLogin:hover{
	background: #00E000;
    background-image: url(/store/images/common/btn_hover.png);
    background-position: 5px center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    height: 40px;
    box-sizing: border-box;
}
.btn--snslogin .SNSMiddleButton.LineLogin:active{
	background: #00B000;
    background-image: url(/store/images/common/btn_press.png);
    background-position: 5px center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    height: 40px;
    box-sizing: border-box;

}
.btn--snslogin .MiddleButton.LineLogin span{margin-left: 30px;}
.btn--snslogin a .text_LineLogin{
	width: 100%;
    text-align: center;
    display: block;
    margin-left: 40px;
}
.logo_login {padding: 10px;}
.logo_login img{width:150px;}
.Login.mt1 .marble_box{width:80%;margin:auto;}
.p-product-review__link a{
	border: 1px solid #ccc;
    padding: 5px 15px 5px 10px;
	border-radius: 5px;
}
.p-product-review__link a:before {
    content: "\f303";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    color: #333;
}
#ProductDetail .ProductName{margin-bottom: 2em;}


/**************/
select{

-webkit-appearance: none !important;/* ベンダープレフィックス(Google Chrome、Safari用) */
-moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
appearance: none; /* 標準のスタイルを無効にする */
}
::-ms-expand { /* select要素のデザインを無効にする（IE用） */
display: none;
}

/*******サブ画像11をSPFアイコンに********/
#ProductDetail .DetailLink4 img {
    margin-top: 20px;
}

/*******SPF表示のサイズ調整********/


.productdetail_aspx .function_icon .productexplain_img img{max-width: 120px;}

/***********サムネの画像サイズ**********/

div.content .itemdetailArea .itemdetailArea_top .itemImgArea #ProductImages .ProductImageThumb ul.imgThumbSlider{
padding:0 20px;}

div.content .itemdetailArea .itemdetailArea_top .itemImgArea #ProductImages .ProductImageThumb ul.imgThumbSlider .slick-prev {
    left: 0px;
}
div.content .itemdetailArea .itemdetailArea_top .itemImgArea #ProductImages .ProductImageThumb ul.imgThumbSlider .slick-next {
    right: 0px;
}
div.content .itemdetailArea .itemdetailArea_top .itemImgArea #ProductImages .ProductImageThumb ul.imgThumbSlider li{
box-sizing: border-box;
margin-right:0;
}


@media only screen and (max-width: 768px) {

}