﻿/* アイコン */


/* 価格 */

.listBox li .price_area {width:100%;/*padding:0 10px*/;box-sizing: border-box;
    margin-top: auto;text-align: left;}
.price_area table,
.listBox li .price_area table td {width:100%;}

.price_area .ListPriceTable .ListPriceDiv1 .PriceTitleA{display:none;}
.price_area .ListPriceTable .ListPriceDiv3 .PriceTitleB{display:none;}
.price_area .ListPriceTable .ListPriceDiv3 .SalePriceTitle {display:none;}
.information_aspx .InfoASPX_variation .ProductInfoPanelPrice table{width:100%;}
.information_aspx .InfoASPX_variation .ProductInfoPanelPrice table td{text-align:center; padding:20px 0;}
#ProductDetail .price_area {width:100%;font-size:1.6em; position:relative;}

/* 価格共通 */
.ListPriceTable {font-size:1em;font-weight:normal;display: -webkit-flex;display: flex;   -webkit-flex-direction: column;flex-direction: column;}
.ListPriceTable .ListPriceDiv2 {display:none;}
.ListPriceTable .ListPriceDiv5 {display:none;}

.ListPriceTable .ListPriceDiv1 .priceA{text-decoration: line-through;display:inline;font-size:0.88em;}
.ListPriceTable .ListPriceDiv1 .OpenPrice {display:none;}
.ListPriceTable .ListPriceDiv1{order: 3;}
.ListPriceTable .ListPriceDiv1 .DiscountRateD{font-size:0.88em;line-height:1.1em;display:inline;}
.ListPriceTable .ListPriceDiv1 .DiscountRateD .discountRate,
.wrapper#store.primary .TradeInPriceParts .TradeInPrice .discountRate {color:#00935F;}
.ListPriceTable .ListPriceDiv1 .DiscountRateD .discountRate:before,
.wrapper#store.primary .TradeInPriceParts .TradeInPrice .discountRate:before{content: "（";}
.ListPriceTable .ListPriceDiv1 .DiscountRateD .discountRate:after,
.wrapper#store.primary .TradeInPriceParts .TradeInPrice .discountRate:after{content: "）";}
.ListPriceTable .ListPriceDiv1 .DiscountRateB{font-size:0.88em;line-height:1.1em;display:inline;}
.ListPriceTable .ListPriceDiv1 .DiscountRateB .discountRate {color:#00935F;}
.ListPriceTable .ListPriceDiv1 .DiscountRateB .discountRate:before{content: "（";}
.ListPriceTable .ListPriceDiv1 .DiscountRateB .discountRate:after{content: "）";}

.ListPriceTable .ListPriceDiv1 .DiscountRateC.layoutType1{display:none;}


.ListPriceTable .ListPriceDiv3{order: 1;display:block;}
.ListPriceTable .ListPriceDiv3 .priceB{font-size:1.15em;line-height:1.7em; /*color: #00935F;*/}
.ListPriceTable .ListPriceDiv3 .priceD{font-size:1.15em;line-height:1.7em;/*color:#00935F*/;display:inline;}
.ListPriceTable .ListPriceDiv3 .DiscountRateD{font-size:0.88em;line-height:1.1em;display:inline;}
.ListPriceTable .ListPriceDiv3 .DiscountRateD .discountRate {color:#00935F;}
.ListPriceTable .ListPriceDiv3 .DiscountRateD .discountRate:before{content: "（";}
.ListPriceTable .ListPriceDiv3 .DiscountRateD .discountRate:after{content: "）";}


#ProductDetail .price_area .ListPriceTable .ListPriceDiv3 .priceB{font-size:1em;font-weight:bold;}
#ProductDetail .price_area .ListPriceTable .ListPriceDiv3 .priceD{font-size:1em;font-weight:bold;}

#ProductDetail .TemporaryNotice {padding:8px 0;}

/*productlist*/
.wrapper#store .listBox li .dataBox table .ListPriceTable .ListPriceDiv1 .PriceTitleA {
  display: none;
}
.wrapper#store .listBox li .dataBox table .ListPriceTable .ListPriceDiv3 .PriceTitleB {
  display: none;
}
.wrapper#store .listBox li .dataBox table .ListPriceTable .ListPriceDiv3 .SalePriceTitle {
  display: none;
}
.wrapper#store .listBox li .dataBox table .ListPriceTable .ListPriceDiv3 .priceB .priceArea1, .wrapper#store .listBox li .dataBox table .ListPriceTable .ListPriceDiv3 .priceD .priceArea1 {
  width: 100%;
  /*color: #00935F;*/
  font-weight: bold;
}
.wrapper#store .listBox li p {
  margin: 0;
}
.wrapper#store .listBox li.productDeviceSub .dataBox table .ListPriceTable .ListPriceDiv3 .priceB:after,
.wrapper#store .listBox li.productDeviceSubPlus .dataBox table .ListPriceTable .ListPriceDiv3 .priceB:after,
.wrapper#store .listBox li.DeviceSub .dataBox table .ListPriceTable .ListPriceDiv3 .priceB:after,
.wrapper#store .listBox li.DeviceSubPlus .dataBox table .ListPriceTable .ListPriceDiv3 .priceB:after{
    content:" / 月";
    display:inline-block;
  font-weight: bold;
}

/*productdetail*/
.productdetail_aspx .ListPriceTable{

}


/* 価格共通
.ListPriceTable {font-size:1em;}

.ListPriceTable .ListPriceDiv1 {font-size:0.9em;}

.ListPriceTable .ListPriceDiv1 .ListPriceTextA{display:inline;font-size:0.8em;margin-right:3px;text-decoration: line-through;}
.ListPriceTable .ListPriceDiv1 .priceA{display:inline-block;text-decoration: line-through;}
.ListPriceTable .ListPriceDiv1 .priceA .priceNumeric{font-size:1.1em;font-weight:bold;}
.ListPriceTable .ListPriceDiv1 .priceA .priceUnit{font-size:0.8em;font-weight:normal;margin-left:3px;}
.ListPriceTable .ListPriceDiv1 .ListPriceTextA2{display:inline;font-size:0.9em;margin-right:3px;text-decoration: line-through;}
.ListPriceTable .ListPriceDiv1 .ListPriceTextA2 .PriceA2{margin-left:3px;}
.ListPriceTable .ListPriceDiv1 .ListPriceTextA2 .PriceA2 .priceUnit{margin-left:3px;}

.productlist_aspx .ListPriceTable .ListPriceDiv3,
.salesbest_aspx .ListPriceTable .ListPriceDiv3,
.categorylist_aspx .ListPriceTable .ListPriceDiv3{ display: flex; flex-wrap: wrap;}
.ListPriceTable .ListPriceDiv3 .ListPriceTextB{display:inline;font-size:0.8em;margin-right:5px;}
.ListPriceTable .ListPriceDiv3 .priceB{display:inline-block;}
.ListPriceTable .ListPriceDiv3 .priceB .priceNumeric{font-size: 24px;font-weight:bold;}
.ListPriceTable .ListPriceDiv3 .priceB .priceUnit{font-size:0.8em;font-weight:normal;margin-left:5px;}
.ListPriceTable .ListPriceDiv3 .ListPriceTextB2{display:block;font-size:0.9em;margin-right:5px;}
.ListPriceTable .ListPriceDiv3 .priceB2{margin-left:5px;}
.ListPriceTable .ListPriceDiv3 .priceB2 .priceUnit{margin-left:5px;}
.ListPriceTable .ListPriceDiv3 .DiscountRateB {display:none;}
.ListPriceTable .ListPriceDiv3 .DiscountRateD {display:none;}

.ListPriceTable .ListPriceDiv3 .ListPriceTextD{display:inline;font-size:0.8em;margin-right:5px;color:#F06543;}
.ListPriceTable .ListPriceDiv3 .priceD{display:inline-block;color:#F06543;}
.ListPriceTable .ListPriceDiv3 .priceD .priceArea1 .priceNumeric{font-size:1.2em;font-weight:bold;}
.ListPriceTable .ListPriceDiv3 .priceD .priceUnit{font-size:0.8em;font-weight:normal;margin-left:5px;}
.ListPriceTable .ListPriceDiv3 .ListPriceTextD2{display:block;font-size:0.9em;margin-right:5px;}
.ListPriceTable .ListPriceDiv3 .ListPriceTextD2 .priceD2{margin-left:5px;}
.ListPriceTable .ListPriceDiv3 .ListPriceTextD2 .priceD2 .priceUnit{margin-left:5px;}

.ListPriceTable .ListPriceDiv4{}
.ListPriceTable .ListPriceDiv4 .UnitDiscountPriceTitle{margin-right:5px;color:#F06543;}
.ListPriceTable .ListPriceDiv4 .UnitDiscountPriceTitle:after{content: "";}
.ListPriceTable .ListPriceDiv4 .UnitDiscountPriceTitle span{display:none;}
.ListPriceTable .ListPriceDiv4 .ListPriceTextC{display:inline;font-size:0.8em;margin-right:5px;color:#F06543;}
.ListPriceTable .ListPriceDiv4 .priceC{display:inline-block;color:#F06543;}
.ListPriceTable .ListPriceDiv4 .priceC .priceNumeric{font-size: 24px;font-weight:bold;}
.ListPriceTable .ListPriceDiv4 .priceC .priceUnit{font-size:0.8em;font-weight:normal;margin-left:5px;}
.ListPriceTable .ListPriceDiv4 .ListPriceTextC2{display:block;font-size:0.9em;margin-right:5px;}
.ListPriceTable .ListPriceDiv4 .priceArea2 .PriceC2{margin-left:5px;}
.ListPriceTable .ListPriceDiv4 .priceArea2 .priceUnit{margin-left:5px;}

.ListPriceTable .ListPriceDiv4 .DiscountRateC {display:none;}


#ProductDetail .itemPrice .ListPriceTable {font-size:1.2em;}
#ProductDetail .itemPrice .ListPriceTable .ListPriceDiv1 {margin-bottom:15px;}
#ProductDetail .itemPrice .ListPriceTable .ListPriceDiv1 .PriceTitleA {float:left;}
#ProductDetail .itemPrice .ListPriceTable .ListPriceDiv3 .SalePriceTitle {float:left;}
#ProductDetail .itemPrice .ListPriceTable .ListPriceDiv3 .ListPriceTextB2{display:inline-block;margin-left:8px;}
#ProductDetail .itemPrice .ListPriceTable .ListPriceDiv3 .ListPriceTextD2 {display:inline-block;margin-left:8px;}
#ProductDetail .itemPrice .ListPriceTable .ListPriceDiv3 .priceD {font-size:24px;}
#ProductDetail .itemPrice .ListPriceTable .ListPriceDiv4 {margin-top:15px;}
#ProductDetail .itemPrice .ListPriceTable .ListPriceDiv4 .UnitDiscountPriceTitle {float:left;}
#ProductDetail .itemPrice .ListPriceTable .ListPriceDiv4 .ListPriceTextC{display:inline-block;margin-left:8px;}
#ProductDetail .itemPrice .ListPriceTable .ListPriceDiv4 .ListPriceTextC2 {display:inline-block;margin-left:8px;}

.ListPriceTable .ListPriceDiv1.MemberPriceExists {display:none;}

.ListPriceTable .ListPriceDiv3.MemberPriceExists {font-size:0.9em !important;}
.ListPriceTable .ListPriceDiv3.MemberPriceExists .ListPriceTextB{display:inline;font-size:0.8em;margin-right:3px;text-decoration: line-through;}
.ListPriceTable .ListPriceDiv3.MemberPriceExists .priceB{display:inline-block;text-decoration: line-through;}
.ListPriceTable .ListPriceDiv3.MemberPriceExists .priceB .priceNumeric{font-size:1.1em;font-weight:bold;}
.ListPriceTable .ListPriceDiv3.MemberPriceExists .priceB .priceUnit{font-size:0.8em;font-weight:normal;margin-left:3px;}
.ListPriceTable .ListPriceDiv3.MemberPriceExists .ListPriceTextB2{display:inline;font-size:0.8em;margin-right:3px;text-decoration: line-through;}
.ListPriceTable .ListPriceDiv3.MemberPriceExists .ListPriceTextB2 .priceB2{margin-left:3px;}
.ListPriceTable .ListPriceDiv3.MemberPriceExists .ListPriceTextB2 .priceB2 .priceUnit{margin-left:3px;}

 */



html {height: 100%;}

body
{
	height: 100%;
	margin:0;
	font:normal 16px Roboto, "Droid Sans", "Hiragino Kaku Gothic ProN", "メイリオ", -apple-system, sans-serif;
	background-attachment: fixed; 
	background-color:#ffffff;
	color:#000000;
}

hr
{
	border: solid 2px #38CEE3;
	margin:10px;
}

a
{
	color:#000000;
	text-decoration:none;
}

/* floatの解除 */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

#wrap 
{
	min-height: 100%;
}

#main 
{
	overflow:auto;
	padding-bottom: 10px;
}
	
#Header
{
	color:#FFFFFF;
	background-color:#000000;
	font-size:12px;
	padding:5 0px;
}
#Header a
{
	color:#FFFFFF;
}

#Contents
{
	width:100%;
}

#Footer
{
	position: relative;
	clear:both;
	color:#FFFFFF;
	background-color:#000000;
	font-size:12px;
	padding:5px;
	text-align:center;
}

#Footer a
{
	color:#FFF;
}

#SubTitle
{
	font-weight:bold;
	text-align:center;
	margin:10px;
}

#Contents .SubTitle {
    font-weight: bold;
    margin: 10px;
    text-align: center;
}

#Header .Left{
	padding:5px;
	color:#FFF;
}
#Header .Right{
	float:right;
	padding:5px;
	color:#FFF;
}


.HeaderMember
{
	padding:0 5px;
	color:#FFF;
	float:left;
	clear:both;
	font-size:80%;
}
.HeaderMemberWelcome {
	float:left;
} 
.HeaderMemberRank {
	width:100%;
	font-size:55%;
	width:100%;
	text-align:center;
	background-color:#EFFF79;
}
.HeaderMemberRank	br{
	display:none;
}
#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
{
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	font-weight:bold;
	display: block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 1px 3px 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;
	width:90%;
	margin:10px auto;
	text-align:center;
}

.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
{
	display: inline-block;
	margin: 5px auto;
	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;
	cursor: pointer;
}

.LargeButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 10px auto;
	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;
	cursor: pointer;
}
.LargeButton.disabled
{
	background: -webkit-gradient(linear, left top, left bottom,from(#CCCCCC),to(#696969));
	background: -moz-linear-gradient(top, #CCCCCC,#696969);
	border: solid 1px #999;
}
.ListButton
{
	background: -moz-linear-gradient(top, #38CEE3, #128494);
    background: -webkit-gradient(linear, left top, left bottom, from(#38CEE3), to(#128494));
	font-weight:bold;
	font-size:8pt;
	display: block;
	padding: 5px 2px;
	margin:5px 0px;
	width:80px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 1px 3px 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;
	text-align:center;
}
.DeleteButton
{
	background: -moz-linear-gradient(top, #E30000, #930000);
    background: -webkit-gradient(linear, left top, left bottom, from(#E30000), to(#930000));
	font-weight:bold;
	padding: 5px 15px;
	margin:5px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px 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;
	text-align:center;
}
.EditButton
{
	background: -moz-linear-gradient(top, #00B500, #007600);
    background: -webkit-gradient(linear, left top, left bottom, from(#00B500), to(#007600));
	font-weight:bold;
	padding: 5px 15px;
	margin:10px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px 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;
	text-align:center;
}
.SubContents
{
	margin:5px;
	font-size:80%;
}
.Description
{
	text-align:center;
	font-size:50%;
	margin:5px;
}

/* ページング */
.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;
}

/* ログイン */
.Login
{
	margin:10px;
}

.LoginInput
{
	width:90%;
	margin:5px;
	font-size:120%;
}

.Login select
{
	width:97%;
	margin:5px;
	font-size:120%;
}

.MembershipTitle
{
    margin:5px 0px 0px 10px;
    font-weight:bold;
    color:#990000;
}

/* 検索 */

#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%;
}

/* おすすめ */
.RecommendTitle
{
	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;
}
.RecommendTitle:after
{
    display: block;
    content: " ";
    overflow: hidden;
    clear: both;
}

.RecommendList
{
	padding:0px;
	margin:0px 5px;
	font-size:80%;
}

.RecommendList 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;
}

.RecommendList 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;
}

/* おすすめ(スライドバージョン) */
.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;
}
.productlist_aspx .ProductListFooter{
	background-color: transparent;
}

.IconImage
{
	display:block;
	margin:5px;
}

.OpenTab, .RecommendOpenTab, .Recommend2OpenTab, .SalesRankingOpenTab, .RecentOrderListOpenTab, .SimpleProductOpenTab, .NewArrivalOpenTab
, .SaleProductOpenTab, .BuyAgainProductListOpenTab, .CouponTargetGoodsOpenTab
{
	background:url("../Images/Common/listarrow-open.png") no-repeat scroll right center transparent;
	width:20px;
}

.ClearHistory
{
    text-align: right;
    color: #FFF;
    float:right;
    display:block;
}
/* 商品詳細 */
#ProductDetail .ProductName
{
	text-align:center;
	font-weight:bold;
	padding:10px 10px 0px 10px;
}
#ProductDetail .Caption
{
	font-size:80%;
	text-align:center;
	padding:5px 10px 10px 10px;
}
#ProductDetail .Information
{
	font-size:80%;
	padding:5px;
}
#ProductDetail .SmallButton
{
	text-align:center;
	margin:5px;
	width:90%;
}
#ProductImage
{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:20px;
	width:240px;
}
.ProductImageThumb>img
{
	width:60px;
	margin:10px auto;
}
.ProductImageThumb
{
	width:260px;
	margin:10px auto;
}

.ProductVariationImageThumb
{
    width:100%;
    text-align:center;
}

.ProductVariationImageThumb img
{
    width:50px;
}

/*.Box
{
	border:solid 2px #999999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:5px;
	margin:5px;
}
.Box hr
{
	border:dotted 1px #999999;
	margin:5px;
}*/
#ProductDetail .Box table
{
	width:100%;
}

#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;
}

.productdetail_aspx .cartIn .box 
{
    max-height: 0;
    overflow: hidden;
}
.productdetail_aspx .cartIn p 
{
	margin: 0 auto;
}
.productdetail_aspx .cartIn.open .box 
{
    max-height: 320px;
}
.productdetail_aspx .radioBase 
{
    margin: 0 auto;
}   
.productdetail_aspx .SelectVariationMessagePanel
{
	display:none;position:relative; z-index:1001;
}
.productdetail_aspx .SelectVariationMessagePanel .message
{
    z-index: 4;
    position: absolute;
    left: 14px;
    top: -39px;
    transform: translate(-50%, 0%);
    padding: 20px 30px;
    border: solid 2px #db565b;
    border-radius: 0px;
    color: #444;
    background: #ffffff;
    font-weight: 600;
    width: 100%;
    max-width: 270px;
    box-sizing: border-box;
    text-align: center;
}
.productdetail_aspx .SelectVariationMessagePanel .message:before,
.productdetail_aspx .SelectVariationMessagePanel .message:after {
    position: absolute;
	left: 50%;
	top: 100%;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	border-width: 14px;
}
.productdetail_aspx .SelectVariationMessagePanel .message:before {
    border-top-color: #db565b;
    margin-left: -12px;
}
.productdetail_aspx .SelectVariationMessagePanel .message:after {
        border-top-color: #FFFFFF;
    margin: -3px 0 0 -12px;
}
@media (max-width: 350px) {
.productdetail_aspx .SelectVariationMessagePanel .message
{
    left: 50%;
}
}
.productdetail_aspx .DeviceSubMode .SelectVariationMessagePanel{
    position: absolute;
    width: 100%;
    max-width: 270px;
    top: 0px!important;
    left: 143px!important;
}
.productdetail_aspx .SelectVariationMessagePanel.fixedmessage{
    position: fixed;
    width: 100%;
    max-width: 270px;
    top: auto!important;
    bottom: 80px!important;
    left: 48.7%!important;
}

.productdetail_aspx .DeviceSubMode #divAddToCartAndBookmark #AddToCartPanel .AddToCartProductType.radioBase{display:none;}

/* メニュー */
.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;
}

.UserRegistLabel
{
	font-size:80%;
	font-weight:bold;
	padding:5px;
}

.UserRegistForm
{
	padding:0 5px 2px 5px;
	font-size:120%;
}

.UserRegistDescription
{
	font-size:80%;
	color:#999999;
	padding:0 5px 5px 10px;
}

.UserRegistButton
{
	text-align:center;
	padding:10px;
}

.UserRegistButton a
{
	width:40%;
}

.UserRegistButtonWide
{
	text-align:center;
	padding:10px;
}

.UserRegistButtonWide a
{
	width:80%;
}

.Name
{
	width:40%;
	font-size:120%;
}
.Zip
{
	font-size:120%;
	width:80%;
}
.Address
{
	font-size:120%;
	width:90%;
}
.Tel
{
	font-size:120%;
	width:20%;
}
.MailFirst
{
	font-size:120%;
	width:35%;
}
.MailSecond
{
	font-size:120%;
	width:35%;
}
.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;
}

/* アドレス帳 */
.AddressTitle
{
	background:url("../Images/Common/listarrow-open.png") no-repeat scroll right center transparent;
}
.AddressList .relatedOrderItem
{
    margin-top:5px;
}
.AddressList .giftInput dt
{
    margin-left:10px;
}
.AddressList .giftInput dl
{
    margin-left:20px;
}


/* カート */
/*.Cart
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.Cart 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;
}

.Cart 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;
}

.Cart 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;
}
.Cart input
{
	font-size:120%;
}
.Cart textarea
{
	font-size:120%;
}
.Cart select
{
	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;
}
.FreeShippingMessage
{
	color:#900;
	font-weight:bold;
}
.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;
}

/* 新着情報 */
.WhatsNew
{
	margin:5px;
	padding:0;
	font-size:80%;
}
.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;
}
.WhatsNew li
{
	list-style-type:none;
	border-bottom:dashed 1px #333;
	padding:5px 5px 5px 20px;
	background:url("../Images/Common/arrow-2-right.png") no-repeat scroll left center transparent;
}

.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, #RecentlyViewedItemsGrayLayer, #ProductListCategoryGrayLayer, #BuyAgainProductListGrayLayer
{
	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, #RecentlyViewedItemsBookmarkDialog, #RecentlyViewedItemsBookmarkDialog, #ProductListCategoryBookmarkDialog, #BuyAgainProductListBookmarkDialog
{
	display:none;
	z-index:9999;
	width:100%;
    background:white;
		margin:0 auto;
    position:fixed;
    top:50%;
    left:50%;
}

#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, #RecentlyViewedItemsBookmarkDialog div, #RecentlyViewedItemsBookmarkDialog div, #ProductListCategoryBookmarkDialog div, #BuyAgainProductListBookmarkDialog div
{
	margin:3px;
}

/* VariationPopup */
#VariationPopup
{
    padding:10px;
	margin:10px;
    background:white;
    overflow:auto;
    border-radius: 10px;
}
#VariationPopup .title{
font-weight:600;
}
@media (min-width: 1080px){
#VariationPopup .title{
    font-size: 20px;
    line-height: 30px;
}
}
@media (max-width: 1079px) and (min-width: 768px){
#VariationPopup .title {
    font-size: 18px;
    line-height: 28px;
}
}
@media (max-width: 767px){
#VariationPopup .title{
    font-size: 18px;
    line-height: 28px;
}
}
#VariationPopup div
{

	margin:3px;
}

#VariationPopup .goodsImageMainFrame
{
    margin:0 auto;
    width:100%;
    max-width:364px;
    height:auto;
    position: relative;
    border: 1px solid #bbb;
    box-sizing: border-box;
}

#VariationPopup .goodsImageMain
{
    width:100%;
    max-width:364px; 
    /*margin: 2px;*/
    box-sizing: border-box;
    position:relative;
    display:block!important;
}
#VariationPopup.unavailable .goodsImageMainFrame:before {
    content: '';
    width: 100%;
    white-space: pre;
    box-sizing: border-box;
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    height: 100%;
    margin: auto;
    right: 0;
    padding: 20px;
    z-index: 1;
}
#VariationPopup.unavailable .goodsImageMainFrame:after{
    content: 'ご好評につき\A完売いたしました';
    width: 100%;
    white-space: pre;
    box-sizing: border-box;
    display: block;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    box-sizing: border-box;
    z-index: 2;
}

#VariationPopup.unavailable .goodsImageMainFrame:after{
    height: 98px;
    font-size: 25px;
    line-height: 46px;
}

@media (max-width: 420px){
#VariationPopup.unavailable .goodsImageMainFrame:after{
    height: 3.6em;
    font-size: 6vw;
    line-height: 1.7em;
}}
.variationListParent1{
    /*display: flex;
    justify-content: center;*/
}

#VariationPopup .goodsImageThumbList
{
display: flex;
    justify-content: center;
margin:10px 0;
}
#VariationPopup .goodsImageThumbList .goodsImageThumb{

}
#VariationPopup .goodsImageThumbList .goodsImageThumb img{
width: 60px;
    border: 1px solid #bbb;
    margin: 2px;
}
#VariationPopup .explain
{
width:100%;
max-width:1060px;
}
#VariationPopup .explain .explainblock span:after{
    content: '';
    width: 20px;
    height: 20px;
    margin-left: 10px;

    display: inline-block;
    vertical-align: middle;
    background-image: url(/assets/Images/Common/Icon/Arrow/ico_arrow03Black.svg);
    background-size: 12px auto;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    margin-top: -5px;
}
#VariationPopup .explain .explainblock span.close:after{
    transform: rotate(90deg);
    margin-top: -0px;
}
#VariationPopup .variationListImage
{
margin:0 auto;
display:block;
}

#VariationPopup .variationListParent1 li
,#VariationPopup .variationListParent2 li
,#VariationPopup .variationListParent3 li
{
    clear:both;
    display:inline;
    margin:3px;
}
#VariationPopup .variationListParent1 li,
#VariationPopup .variationListParent2 li{
    text-align:left;
    display: block;
    box-sizing: border-box;
    padding: 4px 10px;

}
#VariationPopup .variationListParent2:before{
    content: 'サイズを選択';
    display:block;
    width:100%;
    font-weight:bold;
    margin:10px 0 20px -7px;
}

@media (min-width: 1080px){
#VariationPopup .variationListParent2:before {
    font-size: 20px;
    line-height: 30px;
}
}
@media (max-width: 1079px) and (min-width: 768px){
#VariationPopup .variationListParent2:before {
    font-size: 18px;
    line-height: 28px;
}
}
@media (max-width: 767px){
#VariationPopup .variationListParent2:before {
    font-size: 18px;
    line-height: 28px;
}
}

#VariationPopup .variationListParent1 li.selected,
#VariationPopup .variationListParent2 li.selected{
    background-color: #dff1e9;
}
#VariationPopup .variationListParent1 li input{display:none;}
#VariationPopup .variationListParent1 li input+label{
     display:flex;
     align-items: center;
    justify-content: space-between;
}

#VariationPopup .variationListParent2 li input+label{
    width: calc(100% - 30px);
    display: inline-block;
}
#VariationPopup .variationListChild img{
width:30px;
margin-right: 0;
}
#VariationPopup .cartButton
{
    clear:both;
    overflow:auto;
    margin-top:60px;
}

#VariationPopup .messageArea
,#VariationPopup .inventoryMessage
,#VariationPopup .inventoryImage
{
    clear:both;
    width:100%;    
    text-align:center;
    margin:20px 0;
}
#VariationPopup .messageArea>span{
    text-align: center;
    border-radius: 8px;
    background-color: #b3b3b3;
    color: #ffffff;
    margin: 20px auto;
    width: 100%;
    max-width: 320px;
    padding: 17px 14px;
    vertical-align: middle;
    font-size: 19px;
    line-height: 30px;
    display: block;
    margin-top: 80px;

}
#VariationPopup .messageArea>span.RankMsg{
    border: solid 2px #00935F;
    background-color: #ffffff;
    border-radius: 0px;
    display: inline-block;
    padding: 15px;
    margin-top: 40px;
    color: #00935F;
    font-size: 16px;
    line-height: 24px;
    max-width: 340px;
}
#VariationPopup .messageArea>span.RankMsg a{
text-decoration: underline;
    color: #00935F;
    margin: 0 3px 0 0;
}

@media (max-width: 767px){
#VariationPopup .messageArea>span{
    font-size: 18px;
    line-height: 28px;
    box-sizing:border-box;

}
}
#VariationPopup .inventoryMessage .text{
    text-align: center;
    border-radius: 8px;
    background-color: #b3b3b3;
    color: #ffffff;
    margin: 80px auto 20px auto;
    width: 100%;
    max-width: 320px;
    padding: 17px 14px;
    vertical-align: middle;
    font-size: 20px;
    line-height: 30px;
    display: block;
}
@media (max-width: 767px){
#VariationPopup .inventoryMessage .text{
    font-size: 18px;
    line-height: 28px;
    width: 100%;
    box-sizing: border-box;
}}
#VariationPopup .textButton{
    text-align: center;
    border-radius: 8px;
    background-color: #00935F;
    color: #ffffff;
    margin: 20px auto;
    width: 100%;
    max-width: 320px;
    padding: 17px 14px;
    vertical-align: middle;
    font-size: 20px;
    line-height: 30px;
    display:block;
}
@media (max-width: 767px){
#VariationPopup .textButton{
    font-size: 18px;
    line-height: 28px;
    width: 100%;
    box-sizing: border-box;
}}
#VariationPopup .textButton:before{
    content: '';
    width: 30px;
    height: 30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    background-image: url(/assets/Images/Common/Icon/ico_cart01White.svg);
    background-size: 20px auto;
    background-position: center;
    background-repeat: no-repeat;
}
#VariationPopup .goodsName{
    text-align: left;
    margin: 50px auto 30px auto;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    max-width: 800px;
    box-sizing: border-box;
}
#VariationPopup .VariationPopupBlock{
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
}
#VariationPopup .VariationPopupBlock .leftBlock{
    width: 400px;
    padding: 3px;
    margin:0;
}
#VariationPopup .VariationPopupBlock .rightBlock{
    width: calc(100% - 400px);
    max-width: 420px;
    box-sizing: border-box;
    padding-right: 20px;
}
@media (max-width: 767px){
#VariationPopup .VariationPopupBlock .rightBlock{
    width: 100%;
    padding-right:0;
}
}
#VariationPopup .VariationPopupBlock .variationList{
    font-size: 14px;
}
#VariationPopup .VariationPopupBlock .explainDetailblock{
    font-size: 14px;
    text-align: left;
}
@media (max-width: 900px){
#VariationPopup .goodsImageThumbList {
    flex-wrap: wrap;
}
.variationListParent1 {
    display: block;
}
#VariationPopup .variationListParent1 li, #VariationPopup .variationListParent2 li, #VariationPopup .variationListParent3 li {
    display:block;
    margin:10px;
    width: calc(100% - 20px);
}
}
#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;
}
#VariationPopup .mfpCartButtonArea{
position:relative;
}
#VariationPopup .mfpCartButtonArea .successMessageArea{
    text-align: center;
    font-size:100%;
}
#VariationPopup .mfpCartButtonArea .successMessageArea p{
z-index: 4;
    position: absolute;
    top: -73px;
    padding: 20px 30px;
    border: solid 2px #009c4c;
    border-radius: 0px;
    color: #444;
    background: #ffffff;
    font-weight: 600;
    width: 100%;
    max-width: 270px;
    box-sizing: border-box;
    text-align: center;
    margin: auto;
    right: 0;
    left: 0;
}
#VariationPopup .mfpCartButtonArea .successMessageArea p a.btnColor.round{
    width: 100%;
    max-width: 320px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    background-color: #00935F;
    color: #ffffff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 7px 10px;
    margin-top: 10px;
}


#VariationPopup .mfpCartButtonArea .successMessageArea p::before {

    position: absolute;
    left: 50%;
    top: 100%;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    border-width: 14px;
    border-top-color: #009c4c;
    margin-left: -12px;
}
#VariationPopup .mfpCartButtonArea .successMessageArea p:after{
    position: absolute;
    left: 50%;
    top: 100%;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    border-width: 14px;
    border-top-color: #FFFFFF;
    margin: -3px 0 0 -12px;
}
/* VariationPopup */

/* 逆引きカテゴリーパーツ */
.ReverseCategory
{
    margin:10px;
    padding-top:10px;
    clear:both;
}
.ReverseCategory h3
{
    font-size:12px;
    margin:10px 0px 3px;
}
.ReverseCategory ul
{
    margin:5px;
    padding:0px;
}
.ReverseCategory li
{
    display: inline;
    font-size:12px;
}
.ReverseCategory li:after
{
    content: ">";
}
.ReverseCategory li:last-child:after
{
    content: "";
}
.ReverseCategory li span
{
    color:Gray;
}

/* 商品画像リストパーツ */
#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:80%;
    margin: 10px auto;
}

.MessageWindow
{
    width:100%;
    text-align:center;
    padding-top:30px;
    height:200px;
    font-size:medium;
    color:Red;
}
/* 営業日カレンダー */
.DatePickerArea
{
    border-top:dotted 1px #333;
    border-bottom:dotted 1px #333;
}
.Sunday {
    background-color: #FFCCCC;
}
.Saturday {
    background-color: #CCFFFF;
}
.Open
{
}
.Closed
{
    background-color:#BC8F8F;
}
a.DatePicker
{
    cursor:pointer;
    color: #FF6600;

}
a.OtherMonth
{
    color:#c0c0c0;
}

a.DatePicker:visited {
    color: #FF8C00;
    text-decoration: none;
}
a.DatePicker:hover {
    color: #4169E1;
    text-decoration: underline;
}
a.DatePicker:active {
    color: #008BD0;
    text-decoration: none;
}

/* クーポン一覧 */
/* css撤去 */

.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;
}

/* メーカーから探す */
#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 */
/* セール商品 */
.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;
}
/* MultiColumnLayout */

/* SNSログインボタン */
.FacebookLogin
{
	display:inline-block;
	height:30px;
	width:250px;
	background-color:#4267B2;
	color:#FFFFFF;
	border-radius: 10px 10px 10px 10px;
	padding: 2px 5px;
	margin:2px 2px 2px 2px;
}
.FacebookLoginIcon
{
	position:relative;
	top:2px;
	left:0px;
	height:20px;
	width:20px;
}
.TwitterLogin
{
	display:inline-block;
	height:30px;
	width:250px;
	background-color:#1ab7ea;
	color:#FFFFFF;
	border-radius: 10px 10px 10px 10px;
	padding: 2px 5px;
	margin:2px 2px 2px 2px;
}
.TwitterLoginIcon
{
	position:relative;
	top:5px;
	left:2px;
	height:20px;
	width:20px;
}
.LineLogin
{
	display:inline-block;
	height:30px;
	width:250px;
	background-color:#00C300;
	color:#FFFFFF;
	border-radius: 10px 10px 10px 10px;
	padding: 2px 5px;
	margin:2px 2px 2px 2px;
}
.LineLoginIcon
{
	position:relative;
	top:5px;
	left:3px;
	height:20px;
	width:20px;
}
/* くじ企画リスト */
.LotteryPlanListTitle
{
	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;
}
.LotteryPlanListSubTitle
{
	margin-top:5px;
    font-size:80%;
    padding:5px;
    text-align: center;
}
#LotteryPlanList
{
    margin: 0;
    padding: 0;
    font-size:80%;
}
#LotteryPlanList .ListItem
{
    border-bottom: 1px dotted #333;
    line-height: 20px;
    list-style-type: none;
    padding: 5px;
}
.LotteryPlanListStatusSale
{
	color: #fff;
	background-color: #fd8e2a;
	width: 80px;
    text-align: center;
	border-radius: 5px 5px 5px 5px;
}
.LotteryPlanListStatusSaleEnd
{
	color: #fff;
	background-color: #2f9fbc;
	width: 80px;
    text-align: center;
	border-radius: 5px 5px 5px 5px;
}
.LotteryPlanListStatusToSale
{
	color: #fff;
	background-color: #98bf46;
	width: 80px;
    text-align: center;
	border-radius: 5px 5px 5px 5px;
}
.LotteryPlanListHeader
{
	background-color:#000;
	color:#FFF;
	padding:10px;
	text-align:center;
}
.LotteryPlanListFooter
{
	background-color:#000;
	color:#FFF;
	padding:10px;
	text-align:center;
}
/* ----- */
/* ポイントチャージ */
.PointChargeList
{
    margin: 5px 5px 15px 5px;
    padding: 0;
}
.PointChargeList .Main
{
    font-size: 80%; 
}
.PointChargeList .ULPointChargeList{
    display: flex;
    flex-wrap: wrap;

}
.PointChargeList .ULPointChargeList li
{
	width: 30.5%;
    padding:0.2em 1em;
	cursor: pointer;

}
.PointChargeList .ULPointChargeList li+li,
.PointChargeList .ULPointChargeList li:first-child{
	border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.PointChargeList .ULPointChargeList li:nth-child(3n+1){
	border-left: 1px solid #ccc;
}
.PointChargeList .ULPointChargeList li:nth-child(-n+3){
    border-top: 1px solid #ccc;
}
/*.PointChargeList .PaymentLabel {
    float: left;
    width: 20%;
}
.PointChargeList .PaymentAmount {
    float: left;
    text-align: right;
    width: 20%;
}
.PointChargeList hr
{
    border: solid 1px #AAA;
    margin: 3px 0px;
    width: 60%;
}
*/
.PointChargeList .PriceCommentFrame{width:100%;}

}


/*.titvalidPoint:before{
	content: "\f51e";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    margin: 10px;
    font-size: 19px;
    color: #ffd700;
}
*/
.titvalidPoint{font-weight: 800;margin-left: 5px;}
.buyPT,.validPoint .Point{
    font-size: 18px;
    font-weight: bold;
    color: #fa8072;
	line-height: 2.5;
}

/* ---------------- */

.ULPointChargeList li{
    display: flex;
    align-items: center;
	flex-wrap: wrap;
    position: relative;
}

.ULPointChargeList li input[type="radio"] {
    display: none;
}
.ULPointChargeList li:hover{
	background: #f0f8ff;
}
.ULPointChargeList li.Active{background: #e0ffff;}
.ULPointChargeList li:after{
	background-image: URL("../images/common/listarrow-round.png");
	display:block;
	background-size:68%;
	background-repeat: no-repeat;

}
.ULPointChargeList li:after{
    position: absolute;
    top: 37%;
    right: 0;
    content: "";
    width: 15px;
    height: 20px;
    margin: auto;
}

.PointChargeList.payment .ULPointChargeList li{height: 72px;}

@media only screen and (max-width: 768px) {

.PointChargeList .ULPointChargeList li{width:100%;}
.PointChargeList .ULPointChargeList li:nth-child(-n+3){border-top:none;}
.PointChargeList .ULPointChargeList li:nth-child(3n+1) {
    border-left: none;
}
.PointChargeList .ULPointChargeList li+li, .PointChargeList .ULPointChargeList li:first-child {
    border-right: none;
border-bottom:1px dotted #ccc;
}
.ULPointChargeList li:after{top: 17%;}

}
/***** 決済方法設定　ラジオボタン*******/
input[type=radio]{
    display: inline-block;
    background-color: #999999;
    border: 1px solid #aaa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    -moz-appearance: radio;
    -webkit-appearance: radio;
}
input[type="radio"] {
    margin: 0px 5px 0px 0px;
	line-height: normal;
}
.PointChargeList.payment ul li{
line-height: 3;
}

/**********テーブル表示*************/
.defaultList2columnBox dl.List2ColumnBox {
    border-bottom: 1px solid #CCC;
    padding: 1.7em 0;
    text-align: left;
}
.defaultList2columnBox dl.List2ColumnBox > dt {
    width: 200px;
}
.defaultList2columnBox dl.List2ColumnBox > dd {
    width: 100%;
    margin-left: -200px;
}
.defaultList2columnBox dl.List2ColumnBox>dd>.ddIn {
    text-align: left;
    line-height: 1.8;
}
.defaultList2columnBox dl.List2ColumnBox > dd > .ddIn {
    margin-left: 200px;
}
.defaultList2columnBox dl.List2ColumnBox.borderb {
    border-top: 2px solid #333;
}
dl.ddIn_CreditCard dd {
    margin-bottom: 1em;
}
dl.marble_cart__total {
    text-align: right;
    font-weight: bold;
    font-size: 1.3em;
    border: none;
    padding: 0.2em 15px;
    box-sizing: border-box;
}
dl.List2ColumnBox dl.PaymentLabel dd {
    width: auto;
    float: none;
    margin: 0;
    display: inline-block;
    width: 180px;
}
.marble_cart__tax{font-size: 0.6em;}

/*********【決済方法選択】***********/

.PointChargeList .ULPointChargeList.PaymentMethodList li{width: 70%;margin: 5px auto;}

.PointChargeList .ULPointChargeList.PaymentMethodList li label i{margin:5px;}
.ULPointChargeList.PaymentMethodList li:after{content:"";}



.ULPointChargeList.PaymentMethodList li{border: 1px solid #ccc !important;}

.PointChargeList.payment .Main > div {
    text-align: center;
    display: block;
}

ul.ULPointChargeList.PaymentMethodList{
	text-align: center;
	display: inline-block;
	width: 70%;
}

ul.ULPointChargeList.PaymentMethodList li{


text-align: center;
}

ul.ULPointChargeList.PaymentMethodList li label{
	text-align: left;
}

@media only screen and (max-width: 768px){
.defaultList2columnBox dl.List2ColumnBox {
    padding: 0 0 1.0em 0;
    flex-wrap: wrap;
}
.defaultList2columnBox dl.List2ColumnBox > dt {
    width: 100%;
    float: none;
    font-size: 1.05em;
    padding: 0.5em 0;
    margin-bottom: 1em;
    border-bottom: 1px dashed #999;
}
.defaultList2columnBox dl.List2ColumnBox > dd {
    margin-left: 0;
    float: none;
}
.defaultList2columnBox dl.List2ColumnBox > dd > .ddIn {
    margin-left: 0;
}
.confirmation_aspx dl.List2ColumnBox dl.PaymentLabel dd {
    width: 130px;
}
ul.ULPointChargeList.PaymentMethodList {
    display: inline-block;
    width: 100%;
}
.PointChargeList .ULPointChargeList.PaymentMethodList li{width:90%;}
}

#RefineSearchOverlay {
  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;
}
#RefineSearchLoading {
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  text-align: center;
  z-index:9001;
}

/* RealTime Coupon */
.IncentiveMsgRT
{
	color:red;
	border-color:LightGrey;
	border-width:1px;
	border-style:solid;
	margin:5px;
	padding:5px;
}


///////////////////////////////////////////////////////////////////////////////////* for jt */

.CategoryTreeParts {margin:40px 0;}
.CategoryTreeParts .top_category_list{
	margin:0;
	padding:0;
  border-bottom: solid 1px #cecece;
}

.CategoryTreeParts .top_category_list .parent_category {
  border-top: solid 1px #cecece;
  position: relative;
  display: block;
  color: #000000;
	margin:0;
	padding:0;
}
.CategoryTreeParts .top_category_list .parent_category p{
  position: relative;
}
.CategoryTreeParts .top_category_list .parent_category p::after {
  content: "";
  display: block;
  background-image: url("/assets/images/ico-accordion-arrow.svg");
  background-size: 20px 10px;
  width: 20px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CategoryTreeParts .top_category_list .parent_category_active p::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.CategoryTreeParts .top_category_list .parent_category p{
  padding: 0px 30px 0px 16px;
}
.CategoryTreeParts .top_category_list .child_category {
	display:none;
	margin:0;
	padding:0;
    background-color: #f4f4f4;
}
.CategoryTreeParts .top_category_list .child_category li {
  border-top: solid 1px #cecece;
  position: relative;
  display: block;
  color: #000000;
  padding: 16px 30px 18px 16px;
}

.tile-info.-last {
  margin-bottom: 40px;
  border-bottom: solid 1px #cecece;
}

.CategoryTreeParts .top_category_list .child_category li::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 16px;
  right: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(/assets/images/ico-arrow-right.svg) no-repeat;
  background-size: contain;
}

.tile-info .tile-info-word {
  font-size: 16px;
  margin: 0;
}

.tile-info .tile-info-date {
  display: block;
  color: #000000;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 10px;
}

.wrapper .sliderBox .sliderNum li { list-style:none;}


.Recommend ul li{list-style:none;}


/* RegistCardInfoMulti */
.RegistCardMultiPanel
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}
.RegistCardMultiPanel .CardList
{
	padding:0;
}
.RegistCardMultiPanel .CardItem ul,.RegistCardMultiPanel .CardItem li
{
	padding:0;
}
.RegistCardMultiPanel .CardItem
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
}
.RegistCardMultiPanel .CardItem: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;
}
.RegistCardMultiPanel .CardItem: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;
}
/* CardPaymentPanel */
.CardPaymentPanel .CardList
{
	margin:0;
	padding:0;
}
.CardPaymentPanel .CardList li
{
	border:none;
	margin:0 0 0 5px;
	padding:0;
}

/* ConfirmZipMessageBox */
.ConfirmZipMessageBox .ConfirmMessage
{
	margin:10px;
	text-align:center;
}
.ConfirmZipMessageBox .ConfirmTitle
{
	display:inline-block;
	text-align:left;
}

/* Regist card info */
.wrapper#store .listBorderBox li .btn_maincard,
.wrapper#store .listBorderBox li .status_maincard{display:none;}

/* bookmarklist */
.wrapper#store .listBox li .VariationInfoBlock{display:none;}


/* productdetail cartBtn-soldout */
.wrapper#store .productdetail_aspx .mainBox .textBox #VariationFlgStockDiv{
    margin-top: 10px;
    text-align: left;
}
.wrapper#store .productdetail_aspx .mainBox .textBox #VariationFlgStockDiv i {
    text-align: center;
}
.wrapper#store .productdetail_aspx .mainBox .textBox #VariationFlgStockDiv i {
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    line-height: 30px;
    background-color: #b3b3b3;
    border-radius: 8px;
    width: 100%;
    max-width: 320px;
    padding: 17px 14px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #ffffff;
}
.wrapper#store .productdetail_aspx .mainBox .textBox #VariationFlgStockDiv i:before {
    content: '';
    width: 30px;
    height: 30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    background-image: url(/assets/Images/Common/Icon/ico_cart01White.svg);
    background-size: 20px auto;
    background-position: center;
    background-repeat: no-repeat;
}
@media (min-width: 1080px){
.wrapper#store .productdetail_aspx .mainBox .textBox #VariationFlgStockDiv i {
    font-size: 20px;
    line-height: 30px;
}
}

/* productdetail schedulearea */
.wrapper#store .productdetail_aspx .mainBox .textBox .boxCart.cartIn {
    border: none;
    padding: 0px;
}
.wrapper#store .productdetail_aspx .mainBox .textBox .ScheduledProductBox .boxCart.cartIn {
    border: 1px solid #cecece;
    padding: 20px;
}
.wrapper#store .productdetail_aspx .mainBox .textBox .boxCart.cartIn + .cartIn{
    margin-top: 0;
    border-top: 0;
}

/* thanks */
@media (max-width: 500px){
.wrapper#store .thanks_aspx.content h2{
font-size: 15px;
}

.wrapper#store .thanks_aspx.content .contactBox dl dt, 
.wrapper#store .thanks_aspx.content .contactBox dl dd{
    font-size: 14px;
}
}

/* jt header */
.header-before-pc .header-pc-popup-lists .header-pc-popup-listitem .header-pc-popup-navilist a, .header-before-pc .header-pc-popup-lists .header-pc-popup-listitem .header-pc-popup-list .header-pc-popup-item .header-pc-popup-link, .header-before-pc .header-pc-popup-txtlist li{
text-align:left;
}

/* top_aspx contentmargin */

.wrapper#store .top_aspx + .more{
  margin-top:0;}
}
@media (min-width: 1080px) {
.wrapper#store .top_aspx + .more{
  margin-top:0;}
}
@media (max-width: 767px) {
.wrapper#store .top_aspx + .more{
  margin-top:0;
}
}
@media (min-width: 1080px) {
  .wrapper#store .top_aspx {
    padding: 10px 10px 40px 10px;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  .wrapper#store .top_aspx {
    padding: 10px 10px 40px 10px; 
  }
}
@media (max-width: 767px) {
  .wrapper#store .top_aspx {
    padding: 10px 10px 30px 10px;
  }
}


/* teiki orderhistory */
@media (max-width: 767px) {
  .wrapper#store .settingBox > time + .btnAbsolute, .wrapper#store .decisionBox > time + .btnAbsolute, .wrapper#store .orderBox > time + .btnAbsolute {
    top: 60px;
    right: 10px;
  }
}
/* orderhistory */
.wrapper#store .settingBox.disabled .btnColor.btnCart.btnBuyAgain{
background-color:#b3b3b3;
}

/* subscContractCancel.aspx button  */
.wrapper#store .deliverydatetime_aspx .headsUp{

}

/* deliverydatetime_aspx button  */
  .wrapper#store .subsccontractcancel_aspx .settingBox + .btnBox,
  .wrapper#store .deliverydatetime_aspx .textBox + .btnBox,
  .wrapper#store .btnBox.rowreBox{
    display:flex;
    flex-direction:row-reverse;
    justify-content:center;
    align-items:center;
}

  .wrapper#store .subsccontractcancel_aspx .settingBox + .btnBox a:first-child,
  .wrapper#store .deliverydatetime_aspx .textBox + .btnBox a:first-child,
  .wrapper#store .btnBox.rowreBox a:first-child{
    margin-left:10px;
    margin-right:0;
}
  .wrapper#store .subsccontractcancel_aspx .settingBox + .btnBox a:last-child,
  .wrapper#store .deliverydatetime_aspx .textBox + .btnBox a:last-child,
  .wrapper#store .btnBox.rowreBox a:last-child{
    margin-right:10px;
    margin-left:0;
}

@media (max-width: 767px) {
  .wrapper#store .subsccontractcancel_aspx .settingBox + .btnBox,
  .wrapper#store .deliverydatetime_aspx .textBox + .btnBox,
  .wrapper#store .btnBox.rowreBox{
    display:block;
}
  .wrapper#store .subsccontractcancel_aspx .settingBox + .btnBox a:first-child,
  .wrapper#store .deliverydatetime_aspx .textBox + .btnBox a:first-child,
  .wrapper#store .btnBox.rowreBox a:first-child{
    margin-left:auto;
    margin-right:auto;
    display:block;
}
  .wrapper#store .subsccontractcancel_aspx .settingBox + .btnBox a:last-child,
  .wrapper#store .deliverydatetime_aspx .textBox + .btnBox a:last-child,
  .wrapper#store .btnBox.rowreBox a:last-child{
    margin-left:auto;
    margin-right:auto;
    display:block;
}
}

/* subscContractCancel.aspx kekka  */
  .wrapper#store .subsccontractcancel_aspx .attention{
    padding:40px 0;
}

  .wrapper#store .subsccontractcancel_aspx .btnBox{
  
}

  .wrapper#store .subsccontractcancel_aspx .text.empty.errorMsg{
  margin:40px 0 40px 0;
}

/* confirmation.aspx */
.wrapper#store .confirmation_aspx .confirm_btn + .text{
  margin: 20px auto 0 auto;
  display: block;
}

.wrapper#store .confirmation_aspx .confirm_btn + .text + .btnTxt{
  margin: 20px auto 0 auto;
  display: inline-block;
}

.wrapper#store .confirmation_aspx .CardPaymentPanel .CardList + .btnBorderBlack,
.wrapper#store .confirmation_aspx .CardPaymentPanel .CardList ~ .btnBorderBlack.round.min{
  margin: 10px 0 0 5px;

}
.wrapper#store .confirmation_aspx  .decisionBox.innerdecisionBox{padding:0; position:relative;}
.wrapper#store .confirmation_aspx  .decisionBox .innerdecisionBoxinner{padding:20px 0 0 0;}
.wrapper#store .confirmation_aspx  .decisionBox.innerdecisionBox:before{
    content: "";
    display: block;
    position: relative;
    height: 20px;
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    top: 0;
    left: 0;
    background-color: #fff;
    margin-left: -20px;
    margin-top:30px;
}

@media (max-width: 767px){
.wrapper#store .confirmation_aspx  .decisionBox .innerdecisionBoxinner{padding:10px 0 0 0;}
.wrapper#store .confirmation_aspx .decisionBox.innerdecisionBox:before{
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-top:20px;
}
}

.wrapper#store .settingBox .boxRadio .box dl dd input[type='text'], .wrapper#store .decisionBox .boxRadio .box dl dd input[type='text'], .wrapper#store .orderBox .boxRadio .box dl dd input[type='text'] {
    max-width: 300px;
    font-size:120%;
}
.wrapper#store .settingBox .boxRadio .box dl dd input[type='tel'], .wrapper#store .decisionBox .boxRadio .box dl dd input[type='tel'], .wrapper#store .orderBox .boxRadio .box dl dd input[type='tel'] {
    max-width: 300px;
    font-size:120%;
}
.wrapper#store .confirmation_aspx .CardInfoExpired dt{margin-bottom:10px;}
.wrapper#store .confirmation_aspx .decisionBox .boxRadio .box dl dd.day,
.wrapper#store .confirmation_aspx .CardInfoExpired dd.day{display: flex;}
.wrapper#store .confirmation_aspx .decisionBox .boxRadio .box dl dd.day .selectBase,
.wrapper#store .confirmation_aspx .CardInfoExpired dd.day .selectBase{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 110px;
}

.wrapper#store .confirmation_aspx .decisionBox .boxRadio .box dl dd.day .select01:after,
.wrapper#store .confirmation_aspx .CardInfoExpired dd.day .select01:after{
right: 33px;
}
.wrapper#store .confirmation_aspx .CardInfoExpiredWrap:has(.CardInfoExpired){
margin-top: 10px;
}
.wrapper#store .decisionBox .CardList li:has(.CardInfoExpired){
padding-top:16px;
}
.wrapper#store .decisionBox .CardList li:has(.CardInfoExpired) label{margin-left:3px;}
.wrapper#store .decisionBox .CardList li:has(.CardInfoExpired) .inputCheckAll.btnBorderBlack.min.round{
margin-left:3px;
}
.wrapper#store .confirmation_aspx .CardInfoExpired{
    margin: 0px 3px 10px 3px;
    background-color: #dff1e9;
    padding: 16px 10px;
}
.wrapper#store .confirmation_aspx .CardPaymentPanel .CardList + .btnBorderBlack:hover a {
    color: #00935F;
}

/*ordercancel*/
@media (min-width: 1080px){
  .wrapper#store .ordercancel_aspx .settingBox + .btnBox{
    display:flex;
    flex-direction:row-reverse;
    justify-content:center;
    align-items:center;
}
.wrapper#store .ordercancel_aspx .btnBox input[type='submit']:last-child {
    margin-left:0px;
    margin-right:10px;
}
.wrapper#store .ordercancel_aspx .btnBox input[type='submit']:first-child{
    margin-right:0px;
    margin-left:10px;

}}
@media (min-width: 768px) and (max-width: 1079px) {
  .wrapper#store .ordercancel_aspx .settingBox + .btnBox{
    display:flex;
    flex-direction:row-reverse;
    justify-content:center;
    align-items:center;
}
.wrapper#store .ordercancel_aspx .btnBox input[type='submit']:last-child {
    margin-left:0px;
    margin-right:10px;
}
.wrapper#store .ordercancel_aspx .btnBox input[type='submit']:first-child{
    margin-right:0px;
    margin-left:10px;

}
}

@media (max-width: 767px) {
  .wrapper#store .ordercancel_aspx .settingBox + .btnBox{
    display:block;
}
.wrapper#store .ordercancel_aspx .btnBox input[type='submit']:first-child{
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.wrapper#store .ordercancel_aspx .btnBox input[type='submit']:last-child{
    margin-left:auto;
    margin-right:auto;
    display:block;
}
}
/*usecoupon*/
.wrapper#store .headsUp{
padding-left:43px;
text-indent:-32px;
}
.wrapper#store .ErrorMessage span{
padding-left:43px;
text-indent:-32px;
}

.wrapper#store .usecoupon_aspx .CouponList li .attention span{
width:100%;
font-size:14px;
line-height:20px;
text-indent:-32px;
padding:10px 10px 10px 42px;
}

@media (max-width: 400px) {
.wrapper#store .modal .box .boxTab .box h2 {
  font-size:15px;
  line-height:25px;
}
}

@media (min-width: 1080px){
.wrapper#store .headsUp{
padding-left:43px;
text-indent:-37px;
}
.wrapper#store .ErrorMessage span{
padding-left:43px;
text-indent:-32px;
}

.wrapper#store .usecoupon_aspx .CouponList li .attention span{
width:100%;
font-size:16px;
line-height:26px;
padding:10px 20px 10px 42px;
}
}

@media (max-width: 767px) {
.wrapper#store .usecoupon_aspx .CouponList li .attention span{
font-size:12px;
line-height:18px;
padding:5px 6px 8px 35px;
text-indent:-27px;
}
.wrapper#store .usecoupon_aspx .CouponList li .attention span:before{
margin-right:5px;
}
}

/*checkout_aspx*/
.wrapper#store .checkout_aspx .modal .box .headsUp{
width:100%;
display:flex;
text-indent: 0;
  padding: 10px 20px 10px 13px;
}
.wrapper#store .checkout_aspx .modal .box .headsUp>ul{
width:100%;
color:#000;
}
.wrapper#store .checkout_aspx br.sptubOnly{
display:none;
}
@media (min-width: 1080px) {
.wrapper#store .checkout_aspx .modal .box .headsUp{
    font-size:16px;
    line-height:26px;
    padding: 10px 20px 10px 23px;
}
}
@media (max-width: 767px) {
.wrapper#store .checkout_aspx br.sptubOnly{
display:inline-block;
}
}
.wrapper#store .checkout_aspx .modal#SubscriptionOrderModal .box .headsUp{ display:none; }

/*arert_aspx*/
.wrapper#store .alert_aspx .attention + .text {
  margin-top: 0;
}
.wrapper#store .alert_aspx .text {
  margin-top: 20px;
}
.wrapper#store .alert_aspx .contactBox {
  margin: 40px auto 20px auto;
}
@media (min-width: 1080px) {
  .wrapper#store .alert_aspx .contactBox {
    padding: 20px 20px 20px 120px;
    background-image: url("/assets/Images/Common/Icon/ico_contact.svg");
    background-size: 80px 80px;
    background-position: left 20px center;
    background-repeat: no-repeat;
    width:80%;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  .wrapper#store .alert_aspx .contactBox {
    padding: 20px 20px 20px 120px;
    background-image: url("/assets/Images/Common/Icon/ico_contact.svg");
    background-size: 80px 80px;
    background-position: left 20px center;
    background-repeat: no-repeat;
  }
}
@media (max-width: 767px) {
  .wrapper#store .alert_aspx .contactBox {
    padding: 20px;
  }
}
.wrapper#store .alert_aspx .contactBox dl {
  width: 100%;
}
.wrapper#store .alert_aspx .contactBox dl dt {
  margin-top: 10px;
  display: inline-block;
  font-size:16px;
}
.wrapper#store .alert_aspx .contactBox dl dd {
  display: inline-block;
  font-size:16px;
}
.wrapper#store .alert_aspx .btnTxt + .btnBorderBlack {
  margin-top: 20px;
}
.wrapper#store .alert_aspx .btnBorderBlack {
  margin: 0 auto;
  display: block;
}

.wrapper#store .alert_aspx .alertBoxlinkTop .btnBorderBlack{ margin:40px auto 0 auto;display:block; }

@media (max-width: 500px){
.wrapper#store .alert_aspx.content h2{
font-size: 15px;
}

.wrapper#store .alert_aspx.content .contactBox dl dt, 
.wrapper#store .alert_aspx.content .contactBox dl dd{
    font-size: 14px;
}
}

/*category_aspx*/
.wrapper#store .content.categorylist_aspx .mainArea.template1 h1.categoryTitle.min{  }
.wrapper#store .productlist_aspx section + .subCategory .listCategory,
.wrapper#store .categorylist_aspx section + .subCategory .listCategory{
  margin: 70px auto 0 auto;
}

.wrapper#store .content.categorylist_aspx .mainArea#smoking-equipment .categoryTitle.min #categoryTitleLevel1,
.wrapper#store .content.categorylist_aspx .mainArea#brandgoods-MEVIUS .categoryTitle.min #categoryTitleLevel1,
.wrapper#store .content.categorylist_aspx .mainArea#others-CAMELgoods .categoryTitle.min #categoryTitleLevel1,
.wrapper#store .content.categorylist_aspx .mainArea#brandgoods-Peace .categoryTitle.min #categoryTitleLevel1,
.wrapper#store .content.categorylist_aspx .mainArea#brandgoods-SevenStars .categoryTitle.min #categoryTitleLevel1{
display:none;
}

.wrapper#store .content.categorylist_aspx .mainArea#specialcigarette-permanent .categoryTitle.min #categoryTitleLevel1,
.wrapper#store .content.categorylist_aspx .mainArea#specialcigarette-special .categoryTitle.min #categoryTitleLevel1{
display:none;
}
.wrapper#store .content.categorylist_aspx .mainArea.template3 .categoryTitle.min #categoryTitleLevel1{
display:none;
}

.wrapper#store .content.categorylist_aspx .mainArea#brandgoods-MEVIUS .categoryTitle.min #categoryTitleLevel1 + span:after,
.wrapper#store .content.categorylist_aspx .mainArea#others-CAMELgoods .categoryTitle.min #categoryTitleLevel1 + span:after,
.wrapper#store .content.categorylist_aspx .mainArea#brandgoods-Peace .categoryTitle.min #categoryTitleLevel1 + span:after,
.wrapper#store .content.categorylist_aspx .mainArea#brandgoods-SevenStars .categoryTitle.min #categoryTitleLevel1 + span:after{
content: "ブランドグッズ";
display:inline-block;
margin-left:4px;
}

.wrapper#store .content.categorylist_aspx .mainArea#otherscigarette-productlist .categoryTitle.min #categoryTitleList,
.wrapper#store .content.categorylist_aspx .mainArea#others_productlist .categoryTitle.min #categoryTitleList{
display:none;
}

.wrapper#store .productlist_aspx section + .subCategory .listCategory li:after, 
.wrapper#store .categorylist_aspx section + .subCategory .listCategory li:after {    
transform: rotate(-90deg);
margin-top:-3px;
}

.wrapper#store .productlist_aspx section + .subCategory .listCategory li:hover:after, 
.wrapper#store .categorylist_aspx section + .subCategory .listCategory li:hover:after {    
margin-top:-5px;
}

@media (max-width: 767px) {
.wrapper#store .productlist_aspx section + .subCategory .listCategory,
.wrapper#store .categorylist_aspx section + .subCategory .listCategory{
  margin: 50px auto 0 auto;
}
}



@media (min-width: 1080px) {
.wrapper#store .content.categorylist_aspx{
padding:50px 10px 20px 10px;
}
}
@media (min-width: 768px) and (max-width: 1079px) {
.wrapper#store .content.categorylist_aspx{
padding:10px 10px 20px 10px;
}
}

@media (max-width: 767px) {
.wrapper#store .content.categorylist_aspx{
padding:10px 10px 10px 10px;
}
}
/*RegistCardInfo_aspx*/
dl.exArea_securitycode{margin-top:5px!important;}
.img_cards{width:100%; max-width:378px;}
.toggleMenu dd{display:none;}
dl.exArea_securitycode dd{
    background-color: #efefef;
    border-radius:10px;
    box-sizing:border-box;
    padding:10px;
    margin-top:10px;
}
.wrapper#store .headsUp.ErrorMessageForMulti{
display:inline-block;
}
@media (min-width: 1080px) {
dl.exArea_securitycode dd{
background-color: #efefef;
    width:100%;
    max-width:none;
}
}
@media (min-width: 768px) and (max-width: 1079px) {
.toggleMenu dd{display:none;}
dl.exArea_securitycode dd{
background-color: #efefef;
    width:100%;
    max-width:none;
}
}

dl.exArea_securitycode dd .exArea_securitycode-img{
    display: block;
    width: 100%;
    max-width: 360px;

}

@media (min-width: 1080px) {
dl.exArea_securitycode dd .exArea_securitycode-img{
    display: flex;
    flex-wrap: wrap;
    max-width: 75%;
}
}
@media (min-width: 768px) and (max-width: 1079px) {
dl.exArea_securitycode dd .exArea_securitycode-img{
    display: flex;
    flex-wrap: wrap;
    max-width: 80%;
}
}

dl.exArea_securitycode dd .exArea_securitycode-img img{
    width:100%;
    display:initial;

}
.exArea_securitycode dd .exArea_securitycode-img img:last-child{
margin-top:20px;
}
@media (min-width: 1080px) {
dl.exArea_securitycode dd .exArea_securitycode-img img:last-child{
margin-top:0px;
}
}
@media (min-width: 768px) and (max-width: 1079px) {
dl.exArea_securitycode dd .exArea_securitycode-img img:last-child{
margin-top:0px;
}
}
@media (min-width: 1080px) {
dl.exArea_securitycode dd .exArea_securitycode-img img{
    width:50%;
    padding:10px;
    box-sizing:border-box;
}
}
@media (min-width: 768px) and (max-width: 1079px) {
dl.exArea_securitycode dd .exArea_securitycode-img img{
    width:50%;
    padding:10px;
    box-sizing:border-box;
}
}
.wrapper#store dl.exArea_securitycode dt{
font-weight:normal!important;
}
dl.exArea_securitycode dt a:after{
content: '';
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-top: -0px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/assets/Images/Common/Icon/Arrow/ico_arrow03Black.svg);
    background-size: 12px auto;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(90deg);
}
dl.exArea_securitycode dt.active a:after{
    transform: rotate(-90deg);
    margin-top: -5px;
}

.wrapper#store .closetoggle{
    display:block;
    width:100%;
    cursor:pointer;
}
.wrapper#store .closetoggle:before {
    content: '';
    width: 10px;
    height: 10px;
    margin-right: 10px;
    display: inline-block;
    background-image: url(/assets/Images/Common/Icon/ico_close01Black.svg);
    background-size: 10px auto;
    background-position: center;
    background-repeat: no-repeat;
}
/*a tel*/
a[href^="tel:"] {
    display: inline-block;
}

/*select IE*/
.wrapper .selectBase select::-ms-expand {
    display: none;
}

.wrapper#store .listBox.listItem li .InventoryInfoBlock{
display:none;
}

.wrapper#store .listBox li .memberText span:empty{background-color:transparent; display:none;}
.wrapper#store .categorylist_aspx .categoryListBox .btnBorderBlack.morebtn{
display:none;
}

.wrapper#store .categorylist_aspx .cateLinkTxt{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    margin: 20px auto;
}
.wrapper#store .categorylist_aspx .cateLinkTxt li{
    margin-right:20px;
}
.wrapper#store .categorylist_aspx .cateLinkTxt li:last-child{
    margin-right:0;
}
.wrapper#store .categorylist_aspx .cateLinkTxt li .arrow:after{
    content: '';
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-top: -5px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/assets/Images/Common/Icon/Arrow/ico_arrow03Black.svg);
    background-size: 12px auto;
    background-position: center;
    background-repeat: no-repeat;
}
.wrapper#store .categorylist_aspx .cateLinkTxt li .arrow.bottom:after{
    transform: rotate(90deg);
    margin-top: 0px;
}
.wrapper#store .categorylist_aspx .cateLinkTxt li .arrow.prev:before{
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: -5px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/assets/Images/Common/Icon/Arrow/ico_arrow03Black.svg);
    background-size: 12px auto;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}
.wrapper#store .categorylist_aspx .cateLinkTxt li .arrow.prev:after{
    content: none;
}

/*cart toTopBtn*/
.wrapper#store .content.cart_aspx  .btnBox {
    text-align: center;
    margin-top:60px;
}

@media (min-width: 1080px) {
.wrapper#store .content.cart_aspx  .btnBox {
    margin-top:100px;
}
}
@media (min-width: 768px) and (max-width: 1079px) {
.wrapper#store .content.cart_aspx  .btnBox {
    margin-top:60px;
}
}

/*orderHistory toTopBtn*/
.wrapper#store .orderhistory_aspx > .text{
    margin-top:80px;
}
.wrapper#store .orderhistory_aspx .text + .btnBox {
    text-align: center;
    margin-top:60px;
}

@media (min-width: 768px) and (max-width: 1079px) {
.wrapper#store .orderhistory_aspx .text + .btnBox {
    margin-top:60px;
}
}
@media (max-width: 767px){
.wrapper#store .content.orderhistory_aspx > .text,
.wrapper#store .content.flatplancontracthistory_aspx > .text,
.wrapper#store .content.flatplancontractdetail_aspx > .text,
.wrapper#store .content.flatplancancel_aspx > .text{
    margin-top:60px;
    text-align:center;
}
}
/*subsccontracthistory_aspx toTopBtn*/
.wrapper#store .subsccontracthistory_aspx > .text,
.wrapper#store .flatplancontracthistory_aspx > .text,
.wrapper#store .flatplancontractdetail_aspx > .text{
    margin-top:80px;
}
.wrapper#store .content.flatplancancel_aspx > .text{
    margin-top:60px;
}
.wrapper#store .subsccontracthistory_aspx .text + .btnBox,
.wrapper#store .flatplancontracthistory_aspx .text + .btnBox,
.wrapper#store .flatplancontractdetail_aspx .text + .btnBox,
.wrapper#store .content.flatplancancel_aspx .text + .btnBox,
.wrapper#store .subsccontractdetail_aspx .text.spleft + .btnBox{
    text-align: center;
    margin-top:60px;
}


@media (min-width: 768px) and (max-width: 1079px) {
.wrapper#store .subsccontracthistory_aspx .text + .btnBox,
.wrapper#store .flatplancontracthistory_aspx .text + .btnBox,
.wrapper#store .flatplancontractdetail_aspx .text + .btnBox,
.wrapper#store .flatplancancel_aspx .text + .btnBox,
.wrapper#store .subsccontractdetail_aspx .text.spleft + .btnBox {
    margin-top:60px;
}
}
@media (max-width: 767px){
.wrapper#store .content.subsccontracthistory_aspx > .text,
.wrapper#store .content.flatplancontracthistory_aspx > .text,
.wrapper#store .content.flatplancontractdetail_aspx > .text,
.wrapper#store .content.flatplancancel_aspx > .text{
    margin-top:60px;
    text-align:center;
}
}

/*error.aspx title*/
@media (max-width: 767px){
.wrapper#store .content .categoryTitle.errmin {
    font-size: 20px;
    line-height: 30px;
}
}

/*ValidateMessageLabel*/

.wrapper#store .headsUpArea {
    margin: 10px auto 0 auto;
    padding: 10px 10px 10px 43px;
    box-sizing: border-box;
    background-color: #fff9c4;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

.wrapper#store .headsUpArea {
    padding-left: 43px;
    text-indent: -32px;
}
.wrapper#store .headsUpArea:before {
    content: '';
    width: 22px;
    height: 22px;
    margin-bottom: -6px;
    margin-right: 10px;
    display: inline-block;
    background-image: url(/Assets/Images/Common/Icon/ico_headsup.svg);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 1080px){
.wrapper#store .headsUpArea {
    width: calc(100% - 20px);
    max-width: 1060px;
    font-size: 16px;
    line-height: 26px;
    padding: 10px 20px 10px 53px;
}
}
@media (min-width: 1080px){
.wrapper#store .headsUpArea {
    padding-left: 43px;
    text-indent: -32px;
}
}
@media (max-width: 1079px) and (min-width: 768px){
.wrapper#store .headsUpArea {
    width: calc(100% - 20px);
    max-width: 1060px;
}
}
@media (max-width: 767px){
.wrapper#store .headsUpArea {
    width: calc(100% - 32px);
    max-width: 1048px;
    font-size: 12px;
    line-height: 22px;
}
}
.wrapper#store .headsUpArea{
    display:inline-block;
    margin-top:-40px;
    margin-bottom:50px;
}
@media (max-width: 1079px){
.wrapper#store .headsUpArea{
    margin-top:-30px;
}
}
@media (max-width: 767px){
.wrapper#store .headsUpArea {
width:100%;
}}
.wrapper#store .headsUpArea:empty{display:none;}

.wrapper#store .storeNav .box .icon i.cart .num:empty, 
.wrapper#store .storeNav .box .icon a.cart .num:empty{
display:none;
}

.wrapper#store .storeNav .box .icon i.bookmark, .wrapper#store .storeNav .box .icon a.bookmark {
    margin-right: 2px;
    background-image: url(/assets/Images/Common/Icon/ico_collectionBlack_line.svg);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.wrapper#store .registcardinfo_aspx .btnColor {
    margin: 20px 0 20px 0;
}

.wrapper#store .registcardinfo_aspx .backToMypage{
    width: 100%;
    margin: 20px auto 0 auto;
    max-width: 150px;
    display: block;
}
/*
#ProductListCategoryLoading
{
    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;
}*/
#ProductListCategoryLoading {
  margin: 100px auto;
  width: 70px;
  text-align: center;
}

#ProductListCategoryLoading > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

#ProductListCategoryLoading .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

#ProductListCategoryLoading .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}



/* マージン調整 */
.mt0  { margin-top: 0px  !important;}
.mt5  { margin-top: 5px  !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}

.mb0  { margin-bottom: 0px  !important;}
.mb5  { margin-bottom: 5px  !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb100 { margin-bottom: 100px !important;}
.ml0  { margin-left: 0px  !important;}
.ml5  { margin-left: 5px  !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

.mr0  { margin-right: 0px  !important;}
.mr5  { margin-right: 5px  !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.nmt10 { margin-top: -10px !important;}
.nmb10 { margin-bottom: -10px !important;}

.pt0 { padding-top: 0px !important;}
.pb0 { padding-bottom: 0px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb20 { padding-bottom: 20px !important;}

@media screen and (max-width: 767px) {
.sp-mt0 { margin-top: 0 !important;}
.sp-mt20 { margin-top: 20px !important;}
.sp-mt30 { margin-top: 30px !important;}
.sp-mt50 { margin-top: 50px !important;}
.sp-mb0 { margin-bottom: 0 !important;}
.sp-mb5 { margin-bottom: 5px!important;}
.sp-mb10 { margin-bottom: 10px !important;}
.sp-mb15 { margin-bottom: 15px !important;}
.sp-mb20 { margin-bottom: 20px !important;}
.sp-mb25 { margin-bottom: 25px !important;}
.sp-mb30 { margin-bottom: 30px !important;}
.sp-mb40 { margin-bottom: 40px !important;}
.sp-pr5 { padding-right: 5px !important;}
.sp-pb40 { padding-bottom: 40px !important;}
}

.wrapper#store .productdetail_aspx .mainBox .textBox .boxCart .box .btnBox .btnColor.btnCart.notLoginBtn{
background-color: #b3b3b3;
}

.wrapper#store .productdetail_aspx .mainBox .textBox .boxCart .box .btnBox .btnColor.btnCart.notLoginBtn:hover{
opacity:1;
}

.DuplicatMessage{text-align:center;}

*carthistory*/
@media (max-width: 999px){
.wrapper#store .CrossSell .CrossSellList li:nth-child(n + 4){
display:none;
}
}

.jtoc-ns .header .header-menu .header-menu-nav2 .header-menu-nav2-otheritems .header-menu-nav2-item .header-menu-nav2-link{text-align:left;}

/*productdetail_rankmsg*/
.ProductDetailErrorMessage { display:block;width:86%; }
.ProductDetailErrorMessage span.RankMsg{border:solid 2px #00935F;display:inline-block;padding:15px;margin-top:40px;color:#00935F; line-height: 24px;}
.ProductDetailErrorMessage span.RankMsg a{text-decoration:underline;color:#00935F;margin:0 3px 0 0;}
@media (max-width: 767px){
.ProductDetailErrorMessage{
width:100%;
}
.ProductDetailErrorMessage span.RankMsg{
width:100%;

box-sizing: border-box;
font-size: 15px;
padding: 15px 10px;
}
}

.productdetail_aspx #ProductDetail .InventoryPanel { display:block; }
.productdetail_aspx #ProductDetail .InventoryPanel .InventoryPanelMsg {display:block;}
.productdetail_aspx #ProductDetail .InventoryPanel .InventoryPanelMsg.NonVariationInventoryPanelMsg {margin-top: 40px;}

.productdetail_aspx #ProductDetail .InventoryPanel .InventoryPanelMsg span,
#VariationFlgStockDivSub span{
 display:block;
 width: 100%;
 max-width: 320px;
 padding: 17px 14px;
 box-sizing: border-box;
 display: inline-block;
 vertical-align: middle;
 position: relative;
 font-size: 20px;
 line-height: 24px;
 font-weight: normal;
 color: #ffffff;
 text-align: center;
 background-color:#b3b3b3;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
}

#IceWallLoginCheckerImage{
    display: none;
    width: 1px;
    height: 1px;
}

@media (max-width: 767px){
.wrapper#store .selectBase select{font-size:16px;}
.tradelaw_card_img {width:100%;}

}

/*pagetop*/
#page-top{
    position: fixed;
    z-index: 101;
    right: 10px;
    bottom: 20px;
}
@media (min-width: 768px){
#page-top.dispFix{
    bottom: 120px;
}
}
@media (max-width: 767px){
#page-top.dispFix{
    bottom: 100px;
}
}
#page-top>a{
background-color: #333;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    box-shadow: 0 0 3px #fff;
}
#page-top>a:hover{
background-color:#00935F;
}
#page-top .icon{
width: 20px;
    height: 20px;
    margin-top: -11px;
    display: block;
    background-image: url(/assets/Images/Common/Icon/Arrow/ico_arrow05White.svg);
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 10px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}
.wrapper#store .orderhistorydetail_aspx .btnColor.btnCart.btnBuyAgain{
    margin:0 auto;
}

/*subscteiki-css*/
        .wrapper#store .settingBox .statusReason {
            display: inline-block;
            margin-left: 0.5em;
        }

        .wrapper#store .settingBox .status+.statusReason+.title {
            margin-top: 10px;
        }

        .wrapper#store .settingBox .deliveryStatus {
            margin: 10px 0 5px 0;
        }

        .wrapper#store .settingBox .contractPeriod {
            display: inline-block;
            margin: 0 1em;
        }

        .wrapper#store .contractBox {
            border-top: 1px solid #ccc;
            padding: 20px 0;
        }

        .wrapper#store .contractBox>dl {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }

        .wrapper#store .contractBox>dl dt {
            font-weight: bold;
        }

        @media (min-width: 768px) {
            .wrapper#store .contractBox>dl {
                width: 100%;
                padding: 0;
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-end;
                text-align: right;
                font-size: 16px;
                line-height: 26px;
            }

            .wrapper#store .contractBox>dl dt {
                width: calc(100% - 120px);
                margin: 0 20px 0 0;
                font-weight: bold;
            }

            .wrapper#store .contractBox>dl dd {
                min-width: 100px;
            }
        }

        .wrapper#store .contractBox>dl .price {
            color: #00935F;
            font-weight: bold;
        }
        .wrapper#store .contractBox>dl .price.subscPrice {
            color: #000;
        }

        .wrapper#store .orderPayBox .contractMonth {
            font-size: 16px;
        }

        .wrapper#store .contractBox>dl.mb10 {
            margin-bottom: 10px
        }

        .wrapper#store .contractBox>dl.mt10 {
            margin-top: 10px;
        }

        .wrapper#store .contractBox+.orderPayBox {
            text-align: right;
        }

        .wrapper#store .contractBox+.orderPayBox .total {
            padding-top: 10px;
            border-top: 1px solid #000000;
            font-weight: bold;
        }

        .wrapper#store .contractBox+.orderPayBox .total .price {
            margin-left: 20px;
            color: #00935F;
        }
        .wrapper#store .contractBox+.orderPayBox .total .price.subscPrice {
            color: #000;
            font-size: 16px;
        }

        @media (min-width: 1080px) {

            .wrapper#store .contractBox+.orderPayBox .total .price {
                font-size: 26px;
                line-height: 36px;
            }
        }

        @media (max-width: 1079px) and (min-width: 768px) {

            .wrapper#store .contractBox+.orderPayBox .total .price {
                font-size: 22px;
                line-height: 32px;
            }
        }

        @media (max-width: 767px) {

            .wrapper#store .contractBox+.orderPayBox .total .price {
                font-size: 22px;
                line-height: 32px;
            }
        }

        .wrapper#store .contractBox+.orderPayBox+.btnBox {
            margin-top: 20px;
        }

        @media (max-width: 767px) {
            .wrapper#store .contractBox .text.right {
                text-align: left !important;
            }
        }
        @media (max-width: 1079px) and (min-width: 768px) {
        .wrapper#store .content.orderhistory_aspx .ErrorMessage .linkTxt,
        .wrapper#store .content.orderhistorydetail_aspx .ErrorMessage .linkTxt,
        .wrapper#store .content.flatplancontracthistory_aspx .ErrorMessage .linkTxt,
        .wrapper#store .content.flatplancontractdetail_aspx .ErrorMessage .linkTxt,
        .wrapper#store .content.subsccontracthistory_aspx .ErrorMessage .linkTxt,
        .wrapper#store .content.subsccontractdetail_aspx .ErrorMessage .linkTxt,
        .wrapper#store .content.subsccontractcancel_aspx .ErrorMessage .linkTxt{
    font-size: 14px;
    line-height: 24px;}
       }
        @media (max-width: 767px) {
        .wrapper#store .content.orderhistory_aspx .ErrorMessage .linkTxt,
        .wrapper#store .content.orderhistorydetail_aspx .ErrorMessage .linkTxt,
        .wrapper#store .content.flatplancontracthistory_aspx .ErrorMessage .linkTxt,
        .wrapper#store .content.flatplancontractdetail_aspx .ErrorMessage .linkTxt,
        .wrapper#store .content.subsccontracthistory_aspx .ErrorMessage .linkTxt,
        .wrapper#store .content.subsccontractdetail_aspx .ErrorMessage .linkTxt,
        .wrapper#store .content.subsccontractcancel_aspx .ErrorMessage .linkTxt{
    font-size: 12px;
    line-height: 22px;}
        }
        .wrapper#store .content.orderhistory_aspx .contactBox,
        .wrapper#store .content.orderhistorydetail_aspx .contactBox,
        .wrapper#store .content.flatplancontracthistory_aspx .contactBox,
        .wrapper#store .content.flatplancontractdetail_aspx .contactBox,
        .wrapper#store .content.subsccontracthistory_aspx .contactBox,
        .wrapper#store .content.subsccontractdetail_aspx .contactBox,
        .wrapper#store .content.subsccontractcancel_aspx .contactBox,
        .wrapper#store .content.checkout_aspx .contactBox {
            margin: 20px auto 20px auto;
            padding: 20px;
        }

        @media (max-width: 767px) {
            .wrapper#store .content.orderhistory_aspx .contactBox,
        .wrapper#store .content.orderhistorydetail_aspx .contactBox,
        .wrapper#store .content.flatplancontracthistory_aspx .contactBox,
        .wrapper#store .content.flatplancontractdetail_aspx .contactBox,
        .wrapper#store .content.checkout_aspx .contactBox{
                padding: 20px;
            }
        .wrapper#store .content.subsccontracthistory_aspx .contactBox,
        .wrapper#store .content.subsccontractdetail_aspx .contactBox,
        .wrapper#store .content.subsccontractcancel_aspx .contactBox,
        .wrapper#store .content.checkout_aspx .contactBox {
                padding: 20px 10px;
            }
        }

        @media (min-width: 1080px) {
            .wrapper#store .content.orderhistory_aspx .contactBox,
        .wrapper#store .content.orderhistorydetail_aspx .contactBox,
        .wrapper#store .content.flatplancontracthistory_aspx .contactBox,
        .wrapper#store .content.flatplancontractdetail_aspx .contactBox,
        .wrapper#store .content.subsccontracthistory_aspx .contactBox,
        .wrapper#store .content.subsccontractdetail_aspx .contactBox,
        .wrapper#store .content.subsccontractcancel_aspx .contactBox,
        .wrapper#store .content.checkout_aspx .contactBox {
                padding: 20px 20px 20px 120px;
                background-image: url(/assets/images/common/icon/ico_contact.svg);
                background-size: 80px 80px;
                background-position: left 20px center;
                background-repeat: no-repeat;
            }

            .wrapper#store .content.orderhistory_aspx .settingBox .contactBox .title,
        .wrapper#store .content.orderhistorydetail_aspx .contactBox .title,
        .wrapper#store .content.flatplancontracthistory_aspx .contactBox .title ,
        .wrapper#store .content.flatplancontractdetail_aspx .contactBox .title,
        .wrapper#store .content.subsccontracthistory_aspx .contactBox .title,
        .wrapper#store .content.subsccontractdetail_aspx .contactBox .title,
        .wrapper#store .content.subsccontractcancel_aspx .contactBox .title,
        .wrapper#store .content.checkout_aspx .contactBox .title{
                font-size: 20px;
                line-height: 30px;
            }
        }

        @media (max-width: 1079px) and (min-width: 768px) {
            .wrapper#store .content.orderhistory_aspx .contactBox,
        .wrapper#store .content.orderhistorydetail_aspx .contactBox,
        .wrapper#store .content.flatplancontracthistory_aspx .contactBox,
        .wrapper#store .content.flatplancontractdetail_aspx .contactBox,
        .wrapper#store .content.subsccontracthistory_aspx .contactBox,
        .wrapper#store .content.subsccontractdetail_aspx .contactBox,
        .wrapper#store .content.subsccontractcancel_aspx .contactBox,
        .wrapper#store .content.checkout_aspx .contactBox {
                padding: 20px 20px 20px 120px;
                background-image: url(/assets/images/common/icon/ico_contact.svg);
                background-size: 80px 80px;
                background-position: left 20px center;
                background-repeat: no-repeat;
            }
        }

        @media (max-width: 767px) {
            .wrapper#store .content.orderhistory_aspx .settingBox .contactBox .title,
        .wrapper#store .content.orderhistorydetail_aspx .contactBox .title,
        .wrapper#store .content.flatplancontracthistory_aspx .contactBox .title,
        .wrapper#store .content.flatplancontractdetail_aspx .contactBox .title,
        .wrapper#store .content.subsccontracthistory_aspx .contactBox .title,
        .wrapper#store .content.subsccontractdetail_aspx .contactBox .title,
        .wrapper#store .content.subsccontractcancel_aspx .contactBox .title,
        .wrapper#store .content.checkout_aspx .contactBox .title{
                font-size: 18px;
                line-height: 28px;
            }
        }

        @media (max-width: 500px) {
            .wrapper#store .content.orderhistory_aspx .settingBox .contactBox .title,
        .wrapper#store .content.orderhistorydetail_aspx .contactBox .title,
        .wrapper#store .content.flatplancontracthistory_aspx .contactBox .title ,
        .wrapper#store .content.flatplancontractdetail_aspx .contactBox .title,
        .wrapper#store .content.subsccontracthistory_aspx .contactBox .title,
        .wrapper#store .content.subsccontractdetail_aspx .contactBox .title,
        .wrapper#store .content.subsccontractcancel_aspx .contactBox .title,
        .wrapper#store .content.checkout_aspx .contactBox .title{
                font-size: 15px;
            }
        }

        .wrapper#store .content.orderhistory_aspx .settingBox .text.mt20,
        .wrapper#store .content.orderhistorydetail_aspx .settingBox .text.mt20,
        .wrapper#store .content.flatplancontracthistory_aspx .contactBox .text.mt20,
        .wrapper#store .content.flatplancontractdetail_aspx .contactBox .text.mt20,
        .wrapper#store .content.subsccontracthistory_aspx .contactBox .text.mt20,
        .wrapper#store .content.subsccontractdetail_aspx .contactBox .text.mt20 ,
        .wrapper#store .content.subsccontractcancel_aspx .contactBox .text.mt20,
        .wrapper#store .content.checkout_aspx .contactBox .text.mt20{
            margin-top: 20px;

        }

        .wrapper#store .content.orderhistory_aspx .contactBox dl,
        .wrapper#store .content.orderhistorydetail_aspx .contactBox dl,
        .wrapper#store .content.flatplancontracthistory_aspx .contactBox dl,
        .wrapper#store .content.flatplancontractdetail_aspx .contactBox dl,
        .wrapper#store .content.subsccontracthistory_aspx .contactBox dl,
        .wrapper#store .content.subsccontractdetail_aspx .contactBox dl,
        .wrapper#store .content.subsccontractcancel_aspx .contactBox dl,
        .wrapper#store .content.checkout_aspx .contactBox dl {
            width: 100%;
        }

        .wrapper#store .content.orderhistory_aspx .contactBox dl dt,
        .wrapper#store .content.orderhistorydetail_aspx .contactBox dl dt,
        .wrapper#store .content.flatplancontracthistory_aspx .contactBox dl dt,
        .wrapper#store .content.flatplancontractdetail_aspx .contactBox dl dt,
        .wrapper#store .content.subsccontracthistory_aspx .contactBox dl dt,
        .wrapper#store .content.subsccontractdetail_aspx .contactBox dl dt,
        .wrapper#store .content.subsccontractcancel_aspx .contactBox dl dt,
        .wrapper#store .content.checkout_aspx .contactBox dl dt {
            margin-top: 10px;
            display: inline-block;
            font-size: 16px;
        }

        .wrapper#store .content.orderhistory_aspx .contactBox dl dd,
        .wrapper#store .content.orderhistorydetail_aspx .contactBox dl dd,
        .wrapper#store .content.flatplancontracthistory_aspx .contactBox dl dd,
        .wrapper#store .content.flatplancontractdetail_aspx .contactBox dl dd,
        .wrapper#store .content.subsccontracthistory_aspx .contactBox dl dd,
        .wrapper#store .content.subsccontractdetail_aspx .contactBox dl dd,
        .wrapper#store .content.subsccontractcancel_aspx .contactBox dl dd,
        .wrapper#store .content.checkout_aspx .contactBox dl dd {
            display: inline-block;
            font-size: 16px;
        }

        @media (max-width: 500px) {

            .wrapper#store .content.orderhistory_aspx .content .contactBox dl dt,
            .wrapper#store .content.orderhistory_aspx .content .contactBox dl dd,
            .wrapper#store .content.orderhistorydetail_aspx .content .contactBox dl dt,
            .wrapper#store .content.orderhistorydetail_aspx .content .contactBox dl dd,
        .wrapper#store .content.flatplancontracthistory_aspx .contactBox dl dt,
        .wrapper#store .content.flatplancontracthistory_aspx .contactBox dl dd,
        .wrapper#store .content.flatplancontractdetail_aspx .contactBox dl dt,
        .wrapper#store .content.flatplancontractdetail_aspx .contactBox dl dd,
        .wrapper#store .content.subsccontracthistory_aspx .contactBox dl dt,
        .wrapper#store .content.subsccontracthistory_aspx .contactBox dl dd,
        .wrapper#store .content.subsccontractdetail_aspx .contactBox dl dt,
        .wrapper#store .content.subsccontractdetail_aspx .contactBox dl dd,
        .wrapper#store .content.subsccontractcancel_aspx .contactBox dl dt,
        .wrapper#store .content.subsccontractcancel_aspx .contactBox dl dd,
        .wrapper#store .content.checkout_aspx .contactBox dl dt,
        .wrapper#store .content.checkout_aspx .contactBox dl dd  {
                font-size: 14px;
            }
        }

.wrapper#store .productdetail_aspx .mainBox .textBox .InquirylinkTxt{
    display:inline-block;
    font-size: 14px;
    line-height: 24px;
}
.wrapper#store .productdetail_aspx .mainBox .textBox .InquirylinkTxt + span{font-size:0.8em;display:block;}
.wrapper#store .productdetail_aspx .mainBox .textBox .InquirylinkTxt + span + .btnBox{
    text-align:left;
    margin-top:10px;
}
.wrapper#store .productdetail_aspx .mainBox .textBox .InquirylinkTxt + span + .btnBox a.linkTxt{
    font-size: 14px;
    line-height: 24px;
}
/* productlist_BannerArea */

.wrapper#store .productlist_BannerArea{
width:100%;
text-align:center;
margin:0px auto 20px auto;
}
@media (min-width: 1080px){
.wrapper#store .productlist_BannerArea {
margin:-20px auto 20px auto;
}
}

.wrapper#store .productlist_BannerArea > a{
display: inline-block;
}
.wrapper#store .productlist_BannerArea img{
width:100%;
max-width:788px;
margin:0 auto;
}


/* productdetail_BannerArea */
.wrapper#store .productdetail_HeadBannerArea{
display: flex;
justify-content: center;
width:100%;
}
.wrapper#store .productdetail_HeadBannerArea>.productdetail_BannerArea{
width:100%;
text-align:center;
padding:0 10px;
margin: -20px 10px 20px 10px;
}
.wrapper#store .productdetail_HeadBannerArea>.productdetail_BannerArea:nth-child(1){
margin: -20px -10px 20px -10px;
}
.wrapper#store .productdetail_HeadBannerArea>.productdetail_BannerArea:nth-child(2){
    margin: -20px -10px 20px 10px;
}
@media (min-width: 1080px){
.wrapper#store .productdetail_BannerArea {
margin: -20px 10px 20px 10px;
}
}
@media (max-width: 767px){
.wrapper#store .productdetail_HeadBannerArea{
flex-wrap:wrap;
}
.wrapper#store .productdetail_HeadBannerArea>.productdetail_BannerArea{
width:100%;
padding:0;
}
.wrapper#store .productdetail_HeadBannerArea>.productdetail_BannerArea:nth-child(1){
margin: -20px 0px 20px 0px;
}
.wrapper#store .productdetail_HeadBannerArea>.productdetail_BannerArea:nth-child(2){
    margin: 0px 0px 20px 0;
}
}

.wrapper#store .productdetail_FootBannerArea{
    display: flex;
    justify-content: center;
    width:100%;
}
@media (min-width: 1080px){
.wrapper#store .productdetail_FootBannerArea .productdetail_BannerArea{
    padding:0 10px;
}
}
.wrapper#store .productdetail_FootBannerArea>.productdetail_BannerArea:nth-child(1){
margin: 20px -10px 20px -10px;
}
.wrapper#store .productdetail_FootBannerArea>.productdetail_BannerArea:nth-child(2){
    margin: 20px -10px 20px 10px;
}

@media (max-width: 767px){
.wrapper#store .productdetail_FootBannerArea{
flex-wrap:wrap;
}
.wrapper#store .productdetail_FootBannerArea>.productdetail_BannerArea{
width:100%;
padding:0;
}
.wrapper#store .productdetail_FootBannerArea>.productdetail_BannerArea:nth-child(1){
margin: 20px 0px 0px 0px;
}
.wrapper#store .productdetail_FootBannerArea>.productdetail_BannerArea:nth-child(2){
    margin: 20px 0px 0px 0;
}
}

.wrapper#store .productdetail_BannerArea > a{
display: inline-block;
}
.wrapper#store .productdetail_BannerArea img{
width:100%;
max-width:788px;
margin:0 auto;
}


/*productdetail devidesubmode*/

.wrapper#store .productdetail_aspx .mainBox .textBox.DeviceSubMode .details  .price_area .ListPriceTable .ListPriceDiv3 .priceD:before,
.wrapper#store .productdetail_aspx .mainBox .textBox.DeviceSubMode .details  .price_area .ListPriceTable .ListPriceDiv3 .priceB:before{
    content:"月会費";
    display:inline-block;
    margin-right:10px;
}
.wrapper#store .productdetail_aspx .mainBox .textBox.DeviceSubMode .details  .price_area .ListPriceTable .ListPriceDiv3 .priceD:after,
.wrapper#store .productdetail_aspx .mainBox .textBox.DeviceSubMode .details  .price_area .ListPriceTable .ListPriceDiv3 .priceB:after{
    content:"（送料込）";
    display:inline-block;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    font-weight: normal;
}
@media (max-width: 400px){
.wrapper#store .productdetail_aspx .mainBox .textBox.DeviceSubMode .details .IconBookMark{
    bottom: 2em;
}
}

.wrapper#store .productdetail_aspx .mainBox .textBox .details .price_area .ListPriceTable .ListPriceDiv3.subscPrice .priceD:after, 
.wrapper#store .productdetail_aspx .mainBox .textBox .details .price_area .ListPriceTable .ListPriceDiv3.subscPrice .priceB:after {
    content: "（送料込）";
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    font-weight: normal;
}
.productdetail_aspx .mainBox .textBox .details .price_area .ListPriceTable .ListPriceDiv3 .priceB .subscPriceTop{
    display:inline-block;
    margin-right: 10px;
}
.wrapper#store .productdetail_aspx .mainBox .textBox .details .subscComment{
    margin: 10px 0;
}
.wrapper#store .productdetail_aspx .mainBox .textBox .details .subscComment .priceNumeric{
    font-size: 20px;
    line-height: 30px;
    color: #00935e;
    font-weight: 600;
}
.wrapper#store .productdetail_aspx .mainBox .textBox .details .subscComment .priceNumeric .priceUnit{
    color: #00935e;
}
.wrapper#store .productdetail_aspx .mainBox .textBox.DeviceSubMode .details .subscComment .priceNumeric{
    color: #000;
}

@media (min-width: 1080px){
.wrapper#store .productdetail_aspx .mainBox .textBox .boxCart .box .btnBox .btnColor.btnCart.subscBtn {
    font-size: 18px;
    line-height: 30px;
}
}

.wrapper#store .productdetail_aspx .subscBox {
    margin-top: 20px;
}
@media (min-width: 769px){
.wrapper#store .productdetail_aspx .subscBox .flat_sp{
display:none;
}
}

.wrapper#store .productdetail_aspx .subscBox .subscBox--cont ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.wrapper#store .productdetail_aspx .subscBox .subscBox--cont .subscBox--cont--detail{
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.wrapper#store .productdetail_aspx .subscBox .subscBox--cont .subscBox--cont--detail dl{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: center;
}
.wrapper#store .productdetail_aspx .subscBox .subscBox--cont .subscBox--cont--detail dl dt{
    width: calc(100% - 64px);
    box-sizing: border-box;
    padding: 0 0px 0 20px;
    text-align: left;
}
.wrapper#store .productdetail_aspx .subscBox .subscBox--cont .subscBox--cont--detail dl dt .text{
    font-size: 14px;
}
.wrapper#store .productdetail_aspx .subscBox .subscBox--cont .subscBox--cont--detail dl dt span{
    display: block;
    font-weight:600;
    font-size: 16px;
}

.wrapper#store .productdetail_aspx .subscBox .subscBox--cont .subscBox--cont--detail dl dd{
    width: 64px;
}
.wrapper#store .productdetail_aspx .subscBox .subscBox--cont .subscBox--cont--detail dl dd img{
    width: 100%;
}
@media (max-width: 768px){
    .wrapper#store .productdetail_aspx .subscBox .subscBox--cont ul {
    display: block;
    }
    .wrapper#store .productdetail_aspx .subscBox .subscBox--cont .subscBox--cont--detail {
    width: 100%;
    }
}

    .wrapper#store .productdetail_aspx .subscBox .btnBox .btnColor.round.btnModal.subscBtn.arrow.up {
    font-size: 18px;
    line-height: 30px;
    font-weight:normal;
    padding: 16px 15px;
}

@media (max-width: 767px){
    .wrapper#store .productdetail_aspx .subscBox .btnBox .btnColor.round.btnModal.subscBtn.arrow.up {
    font-size: 16px;
}
}
    .wrapper#store .productdetail_aspx .subscBox .btnBox .btnColor.round.btnModal.subscBtn.arrow.up:after{
    transform: rotate(-90deg);
}

.wrapper#store .flat_purchaseText.termContent {
  background-color: #f4f4f4;
}

.wrapper#store .flat_purchaseText.termContent .termText {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 20px 10px 40px 10px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 22px;
}
.wrapper#store .flat_purchaseText.termContent .termText > dt {
  font-size: 14px;
  line-height: 24px;
  margin-top: 20px;
}
.wrapper#store .flat_purchaseText.termContent .termText dd .text{
  font-size: 12px;
  line-height: 22px;
}
.wrapper#store .flat_purchaseText.termContent .termText dd ul.listDecimal > li {
  font-size: 12px;
  line-height: 22px;
}
.wrapper#store .flat_purchaseText .linkTxt {
  font-size: 12px;
  line-height: 22px;
}


.wrapper#store .productdetail_aspx .btnFixed .subscBtn{
    padding: 16px 15px;
    font-size: 18px;
    line-height: 30px;
}
.wrapper#store .productdetail_aspx .btnFixed .subscBtn a{
    color:#fff;
}
.wrapper#store .productdetail_aspx .btnFixed .subscBtn.soldout{
    background-color:#b4b4b4;
}
@media (max-width: 767px){
    .wrapper#store .productdetail_aspx .btnFixed .subscBtn {
    width: 100%;
    max-width: 320px;
    /*margin-left: 10px;*/
    font-size: 16px;
}
}
.wrapper#store .productdetail_aspx .btnColor.btnCart> a{
color:#fff;
}

.productdetail_aspx #RequestSelectVariation #msg
{
    z-index: 4;
    position: absolute;
    left: 0;
    right:0;
    top: -39px;
    padding: 20px 30px;
    border: solid 2px #db565b;
    border-radius: 0px;
    color: #444;
    background: #ffffff;
    font-weight: 600;
    width: 100%;
    max-width: 270px;
    box-sizing: border-box;
    text-align: center;
    margin:auto;
}
.productdetail_aspx #RequestSelectVariation #msg:before,
.productdetail_aspx #RequestSelectVariation #msg:after {
    position: absolute;
	left: 50%;
	top: 100%;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	border-width: 14px;
}
.productdetail_aspx #RequestSelectVariation #msg:before {
    border-top-color: #db565b;
    margin-left: -12px;
}
.productdetail_aspx #RequestSelectVariation #msg:after {
        border-top-color: #FFFFFF;
    margin: -3px 0 0 -12px;
}


/*subsclink siteTop*/
    .wrapper#store .storeNav .navCont .listNav dl.headerFeeMenu br,
    .wrapper#store .storeNav .navCont .listNav dl.headerSubscMenu br
    .wrapper#store .storeNav .navCont .listNav dl.headerSubscMenu br.display_sp{
        display: none;
    }
    .wrapper#store .storeNav .navCont .listNav dl.headerSubscMenu br.display_pc{display:inline-block;}
    @media (max-width: 767px){
    .wrapper#store .storeNav .navCont .listNav dl.headerFeeMenu br,
    .wrapper#store .storeNav .navCont .listNav dl.headerSubscMenu br,
    .wrapper#store .storeNav .navCont .listNav dl.headerSubscMenu br.display_sp{
        display: inline-block;
    }

    .wrapper#store .storeNav .navCont .listNav dl.headerSubscMenu br.display_pc{display:none;}

    }

    .wrapper#store .storeFooterCategory .footerFeeMenu{
    width: 20%;
    /*margin-left: auto;*/}
    .wrapper#store .storeFooterCategory .footerFeeMenu dl,
    .wrapper#store .storeFooterCategory .footerSubscMenu dl{width:100%;}
    .wrapper#store .storeFooterCategory .footerFeeMenu dd ul>li a,
    .wrapper#store .storeFooterCategory .footerSubscMenu dd ul>li a{
        position: relative;
    }
    @media (max-width: 1080px){
    .wrapper#store .storeFooterCategory .footerFeeMenu dd ul,
    .wrapper#store .storeFooterCategory .footerSubscMenu dd ul{
        display:flex;
        flex-wrap: wrap;}
    .wrapper#store .storeFooterCategory .footerFeeMenu dd ul>li{
        width: 50%;
    }}

    @media (min-width: 1080px){
        .wrapper#store .storeFooterCategory .footerFeeMenu dd ul>li br,
        .wrapper#store .storeFooterCategory .footerSubscMenu dd ul>li br{display:none;}
        .wrapper#store .storeFooterCategory .footerFeeMenu,
        .wrapper#store .storeFooterCategory .footerSubscMenu{
           /* border-top: 1px solid #cecece;*/
            padding: 0px 0 0 0; box-sizing:border-box;}
        .wrapper#store .storeFooterCategory .footerFeeMenu dt,
        .wrapper#store .storeFooterCategory .footerSubscMenu dt{
            padding: 0 0 0 10px; box-sizing:border-box;}
       .wrapper#store .storeFooterCategory .footerFeeMenu dd ul li,
       .wrapper#store .storeFooterCategory .footerSubscMenu dd ul li{
        padding: 0 10px;
        box-sizing:border-box;
        }
        .wrapper#store .storeFooterCategory .footerSubscMenu dd ul li:nth-child(1){
            -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
            order: 0;
        }
        .wrapper#store .storeFooterCategory .footerSubscMenu dd ul li:nth-child(2){
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3;
        }
        .wrapper#store .storeFooterCategory .footerSubscMenu dd ul li:nth-child(3){
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }
        .wrapper#store .storeFooterCategory .footerSubscMenu dd ul li:nth-child(4){
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4; 
        }
        .wrapper#store .storeFooterCategory .footerSubscMenu dd ul li:nth-child(5){
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }
        .wrapper#store .storeFooterCategory .footerSubscMenu dd ul li:nth-child(6){
            -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
            order: 5;
        }
        .wrapper#store .storeFooterCategory .footerSubscMenu dd ul li:nth-child(7){
            -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
            order: 6;
        }
        .wrapper#store .storeFooterCategory .footerSubscMenu dd ul li:nth-child(8){
            -webkit-box-ordinal-group: 8;
            -ms-flex-order: 7;
            order: 7;
        }
        .wrapper#store .storeFooterCategory .footerSubscMenu dd ul li:nth-child(9){
            -webkit-box-ordinal-group: 9;
            -ms-flex-order: 8;
            order: 8;
        }
        .wrapper#store .storeFooterCategory .footerSubscMenu dd ul li:nth-child(10){
            -webkit-box-ordinal-group: 10;
            -ms-flex-order: 9;
            order: 9;
        }
        .wrapper#store .storeFooterCategory .footerFeeMenu dd ul>li{
        width: 100%;
    }

        .wrapper#store .storeFooterCategory .beforeLoginFootContractWrap .footerFeeMenu{
    width: 100%;
    padding-top: 0;
}
    .wrapper#store .storeFooterCategory .beforeLoginFootContractWrap{width:50%;}
    .wrapper#store .storeFooterCategory .beforeLoginFootContractWrap .footerSubscMenu{width:20%;}
        }
    @media (max-width: 1079px) and (min-width: 768px){

        .wrapper#store .storeFooterCategory .footerFeeMenu {
            width: 100%;
        }

        .wrapper#store .storeFooterCategory .footerSubscMenu{
            width: 100%;
        }
    .wrapper#store .storeFooterCategory .beforeLoginFootContractWrap .footerFeeMenu{width:100%;}
        .wrapper#store .storeFooterCategory .footerFeeMenu dd ul>li{
            width: 50%;
            border-right: 1px solid #f4f4f4;
            box-sizing: border-box;
        }
        .wrapper#store .storeFooterCategory .footerSubscMenu dd ul>li{
            width: 50%;
            box-sizing: border-box;
            border-right: 1px solid #f4f4f4;
        }
        .wrapper#store .storeFooterCategory .footerFeeMenu dd ul>li:nth-child(2n),
        .wrapper#store .storeFooterCategory .footerSubscMenu dd ul>li:nth-child(2n){
            border-right: none;
        }
        .wrapper#store .storeFooterCategory .footerFeeMenu dd ul>li br,
        .wrapper#store .storeFooterCategory .footerSubscMenu dd ul>li br{display:none;}
        
        .wrapper#store .storeFooterCategory .footerFeeMenu  dd ul>li a,
        .wrapper#store .storeFooterCategory .footerSubscMenu  dd ul>li a{
            text-indent: -26px;
            padding-left: 41px;
        }
}
    @media (max-width: 767px){
        .wrapper#store .storeFooterCategory .footerFeeMenu,
        .wrapper#store .storeFooterCategory .footerSubscMenu {
            width: 100%;
        }
        .wrapper#store .storeFooterCategory .footerFeeMenu dd ul>li,
        .wrapper#store .storeFooterCategory .footerSubscMenu dd ul>li{
            width: 50%;
            border-right: 1px solid #f4f4f4;
            box-sizing: border-box;
        }
        .wrapper#store .storeFooterCategory .footerFeeMenu dd,
        .wrapper#store .storeFooterCategory .footerSubscMenu dd{
            font-size: 14px;
        }
        .wrapper#store .storeFooterCategory .footerFeeMenu dd ul>li:nth-child(2n),
        .wrapper#store .storeFooterCategory .footerSubscMenu dd ul>li:nth-child(2n){
            border-right: none;
        }
        .wrapper#store .storeFooterCategory .footerFeeMenu  dd ul>li a,
        .wrapper#store .storeFooterCategory .footerSubscMenu  dd ul>li a{
            text-indent: -26px;
            padding-left: 40px;
            padding-right: 10px;
        }
    }
.wrapper#store .storeFooterCategory .beforeLoginFootContractWrap{
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 14px;
    line-height: 24px;
    width:20%;
}
@media (max-width: 1079px){
    .wrapper#store .storeFooterCategory .beforeLoginFootContractWrap{
    width:50%;
    font-size: 16px;
    line-height: 26px;
}
    .wrapper#store .storeFooterCategory .beforeLoginFootContractWrap .footerSubscMenu{width:100%;}
}
    @media (max-width: 767px){
    .wrapper#store .storeFooterCategory .beforeLoginFootContractWrap{
    width:100%;
}

.wrapper#store .storeFooterCategory .beforeLoginFootContractWrap .footerFeeMenu dd{
font-size:16px;
}
/*.wrapper#store .storeFooterCategory .beforeLoginFootContractWrap .footerFeeMenu dd ul{display:block;}
.wrapper#store .storeFooterCategory .beforeLoginFootContractWrap .footerFeeMenu dd ul>li{
    width: 100%;
}
.wrapper#store .storeFooterCategory .beforeLoginFootContractWrap .footerFeeMenu dd ul>li br{display:none;}*/
}

.wrapper#store .storeFooterCategory dl.NestLevel1.DispLevel1.teigaku,
.wrapper#store .storeNav .navCont .listNav dl.NestLevel1.DispLevel1.teigaku,
.wrapper#store .top_aspx .category > div.NestLevel1.DispLevel1.teigaku{
display:none;
}

.wrapper#store .productdetail_aspx .mainBox .textBox #VariationFlgStockDiv.soldout{
    width: 100%;
    max-width: 320px;
    padding: 17px 14px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    background-color: #b3b3b3;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.indentVisible{
text-indent:-9999%;
}
.wrapper#store .termContent .termText > dt.indentVisible{
line-height:0;
margin-top:0;
}
/*.wrapper#store .orderhistory_aspx .settingBox.resignWrap .status,
.wrapper#store .orderhistorydetail_aspx .settingBox.resignWrap .status{
display:none;

}
.wrapper#store .orderhistory_aspx .settingBox.resignWrap .status.resign,
.wrapper#store .orderhistorydetail_aspx .settingBox.resignWrap .status.resign{
display:inline-block;
}

.wrapper#store .orderhistory_aspx .settingBox.resignWrap .cartList + .orderPayBox + .btnBox + .status + .title,
.wrapper#store .orderhistory_aspx .settingBox.resignWrap .cartList + .orderPayBox + .btnBox + .status + .title + .OrderHistoryList,
.wrapper#store .orderhistory_aspx .settingBox.resignWrap .cartList + .orderPayBox + .btnBox + .status + .title + .OrderHistoryList + .btnBox,
.wrapper#store .orderhistory_aspx .settingBox.resignWrap .cartList + .orderPayBox + .btnBox + .status + .title + .OrderHistoryList + .btnBox + .notice{
display:none;
}*/


.wrapper#store .productdetail_aspx .mainBox .textBox .ScheduledProductBox .boxCart.cartIn .text b,
.wrapper#store .productdetail_aspx .mainBox .textBox .ScheduledProductBox .boxCart.cartIn .text strong,
.wrapper#store .productdetail_aspx .mainBox .textBox #AddToCartPanel.boxCart.cartIn.open .text b,
.wrapper#store .productdetail_aspx .mainBox .textBox #AddToCartPanel.boxCart.cartIn.open .text strong{font-weight:bold;}

.content.information_aspx .text .RankMsg a{text-decoration:underline;}

.information_aspx .InfoASPX_noproduct .NoProductMsgPanel + a.linkTop{display:none !important;}

.wrapper#store ul.listBox .productDeviceSub .dataBox .ListPriceTable .ListPriceDiv3 .priceB:after{content: "/月";display: inline-block;margin-left:3px;font-weight:bold;}


.ReverseCategoryPartsEx{width: 100%;text-align:left;margin:auto;padding:5px 0 15px 0; }
.BreadCrumb {padding:3px 0; }
.BreadCrumb li{display:inline;text-align:left;font-size:0.8em; }
.BreadCrumb li:after{content: " > ";}
.BreadCrumb li:last-child:after{content: "";}

.wrapper#store .information_aspx .VariationPanel .ProductList li{
    padding: 20px 5px;
    background: #fff;
    border-top: 1px solid #cecece;
}
.wrapper#store .information_aspx .VariationPanel .ProductList li:last-child{
border-bottom:1px solid #cecece;
margin-bottom:40px;
}
.wrapper#store .information_aspx .VariationPanel .ProductList .btnBorder.round.min{
    margin: 10px auto 0 auto;
    max-width: 320px;
    width: 100%;
    display: block;
    padding: 8px 10px;
}
.wrapper#store .information_aspx .VariationPanel .ProductList .btnColor.btnCart.round.min{
    margin: 20px auto 0px auto;
    display: block;
}

.wrapper#store ul.listBox li a.vrpop{
    vertical-align: middle;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    padding: 5px 0px;
    border: 1px solid #444444;
    color: #000000;
    background-color: #ffffff;
    border-radius: 8px;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-bottom: 12px;
    box-sizing: border-box;
}

/**/

.inquiryRequest .Cart{
    margin: 20px 0;
    box-sizing: border-box;
    padding: 0 10px;
}
.inquiryRequest .Cart dl{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.inquiryRequest .Cart dl dt{
    width: 200px;
    font-weight: 600;
}

.inquiryRequest .Cart dl dd{
    width: calc(100% - 200px);
}

@media (max-width: 480px){
.inquiryRequest .Cart dl{
margin-bottom:20px;
}
.inquiryRequest .Cart dl{
    display: block;
}
.inquiryRequest .Cart dl dt{
    width: 100%;
}
.inquiryRequest .Cart dl dd{
    width: 100%;
}
}
@media (max-width: 480px){
.wrapper#store .categorylist_aspx .categoryListBox .listBox a.ProductListCategoryItemAddToCatAjaxButton{
    padding: 7px 10px 7px 4px;
}
}
.wrapper#store .InquiryDueInBtn.btnColor.round{
    text-align: center;
    font-size: 14px;
    line-height: 1;
    max-width: none;
    font-weight: 700;
    border-radius: 32px;
    margin-bottom: 0px;
    padding: 9.7px 14px 7.7px 14px;
    display:inline-block;
    letter-spacing: 0.28px;
}
.wrapper#store .detailAfterLogin .InquiryDueInBtn.btnColor.round{
    padding:15.4px 14px 13.4px 14px;
}

.wrapper#store .InquiryDueInBtn.btnColor.round:before {

    content: '品切れ中';
    width: auto;
    height: auto;
    margin:0 14px 0 0;
    display: inline-block;
    background: none;
    vertical-align: initial;
}
.wrapper#store .InquiryDueInBtn.btnColor.round span:before {

    content: '';
    width: 25px;
    height: 20px;
    margin-right: 5px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/assets/Images/Common/Icon/ico_bell.svg);
    background-size: 20px auto;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: -5px;
}
.wrapper#store .detailBeforeLogin .InquiryDueInBtn.btnColor.round:after {

    content: '※ご登録にはログインが必要となります';
    font-size: 0.6em;
    display: block;
    margin-top:3px;
    font-weight:400;
    letter-spacing: 0;
}


@media (max-width: 767px){
.wrapper#store .InquiryDueInBtn.btnColor.round{
        font-size: 14px;
        line-height: 15px;
}
}
.wrapper#store.primary .productdetail_aspx #ProductDetail:has(.InquiryDueInBtn.DueInVisible) .textBox .boxCart{
margin-top:0;
}
.wrapper#store.primary .productdetail_aspx #ProductDetail:has(.InquiryDueInBtn.DueInVisible) .InventoryPanel .InventoryPanelMsg span{
display:none;
}

/*IllegalPaymentExists*/
.wrapper#store .checkout_aspx .selectPaymentAndShippingTypeParts .IllegalPaymentExists{
    padding: 16px;
    box-sizing:border-box;
    background-color: #faeadc;
    margin: 10px 0;
}

.wrapper#store .productdetail_aspx .AuthenticationRequiredMessage  {
    border: solid 2px #00935F;
    display: inline-block;
    padding: 15px;
    margin-top: 40px;
    color: #00935F;
    line-height: 24px;
}

.confirmation_aspx .ErrorMessage li {
	text-align: left;
	border: none;
	padding: 0px;
}

.confirmation_aspx .UpdateCardInfoMessage {
	text-align: left;
}


@media (min-width: 1080px) {
.wrapper#store .listBox.listItem.CrossSellList li{
        width: calc((100% - 84px) / 4);
}}
@media (max-width: 1079px) and (min-width: 1000px) {
.wrapper#store .listBox.listItem.CrossSellList li{
        width: calc((100% - 84px) / 4);
}}
@media (max-width: 999px) and (min-width: 766px) {
.wrapper#store .listBox.listItem.CrossSellList li{
        width: calc((100% - 56px) / 3);
}}
@media (max-width: 767px) {
.wrapper#store .listBox.listItem.CrossSellList.lineHalf li:nth-child(odd),
.wrapper#store .listBox.listItem.CrossSellList.lineHalf li:nth-child(even){
        margin: 0;
        width: calc((100% - 28px) / 2);
}}
@media (max-width: 500px) {
.wrapper#store .listBox.listItem.CrossSellList.lineHalf li:nth-child(odd),
.wrapper#store .listBox.listItem.CrossSellList.lineHalf li:nth-child(even){
        margin: 0;
        width: 100%;
}}