*:focus,
a:focus {
    outline: none!important;
}
html {height: 100%;}

body
{
}

hr
{
}

a
{
	color:#333;
	text-decoration:none;
    cursor: pointer;
}

/* floatの解除 */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

#wrap 
{
	min-height: 100%;
}

#main 
{
	overflow:initial;
}
	
#Header
{
	color:#000;
	background-color:#fff;
	font-size:12px;
	padding:5 0px;
}
#Header a
{
	color:#000;
}

#Contents{
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    box-sizing:border-box;
    padding-right: 10px;
    padding-left: 10px;
}

#Footer
{
	position: relative;
	clear:both;
	color:#FFFFFF;
	background-color:#000000;
	font-size:12px;
	padding:5px;
	text-align:center;
}

#Footer a
{
	color:#FFF;
}

#SubTitle
{
}

#Contents .SubTitle {
    font-weight: bold;
    margin: 10px;
    text-align: center;
}

#Header .Left{
	padding:5px;
	color:#FFF;
}
#Header .Right{
	float:right;
	padding:5px;
	color:#FFF;
}

#Header .HeaderWrap{
    box-sizing: border-box;
    padding: 10px;
}
@media screen and (max-width: 767px){
#Header .HeaderWrap{
    box-sizing: border-box;
    padding: 10px 10px 0 10px;
}
}
@media screen and (max-width: 767px){
header.header{
    display: flex;
    flex-wrap: wrap;
}
header.header>*{width:100%;}
header.header>.siteName{
    width: 100%;
    background-color: #727171;
    color: #fff;
    padding: 7px 0px 7px 5px;
    clear: both;
    font-size: 11px;
}
header.header>.siteName+.HeaderMember{
    width: calc(100% - 140px);
    padding: 7px 0px 7px 5px;
box-sizing:border-box;
}
}
@media screen and (min-width: 768px){
header.header>.siteName{
display:none;
}}

#store.wrapper.guestmode .HeaderMemberBlock {display:none;}
#store.wrapper.membermode .HeaderMemberBlock
{
    z-index:1;
    background-color: var(--keyColor);
    color: #fff;
    width: 100%;
    position: relative;
    padding:0.5em;
	font-size:0.85em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#store.wrapper.membermode .HeaderMemberBlock .HeaderIncentiveMessage {
	border:0;
}
#store.wrapper.membermode .HeaderMemberBlock .HeaderIncentiveMessage:before {
    content: none;
}
/*
.HeaderMember{
    padding: 7px 5px;
    color: #8d8d8d;
    clear: both;
    font-size: 11px;
    display: inline-block;
    right: 0;
    z-index:1;
    background-color: #727171;
    color: #fff;
    width: 100%;
    position: relative;
}
.module_btn--primary {
    font-size: 0.85rem;
    line-height: 1.4;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    color: #fff !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f01b0d), to(#be0b00));
    background-image: linear-gradient(to bottom, #f01b0d, #be0b00);
    padding: 8px 16px;
}
.HeaderMemberWelcome {
    float: none;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    text-align: left;
} 
@media (max-width: 1279px){
.HeaderMemberWelcome {
padding:0 5px 0 0px;
box-sizing:border-box;
}}
.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;
}


.headsUp
{
	width:100%;
	margin:0;
	padding:5px;	
	text-align:center;
	background-color:#fff9c4;
}

.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 #000;
	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;

	color:#fff;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}

.LargeButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 20px 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: var(--btnColor);
	border: solid 1px var(--btnColor);
	color:#fff;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}
a.LargeButton {
	color:#fff;
}

.LargeButton:hover {
    background: var(--btnColorHover);
	border: solid 1px var(--btnColorHover);
}
.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;
}
.LargeButton.btnColor{
    width: 100%;
    max-width: 300px;
    padding: 10px 10px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #f2a6b4;
    background: #f2a6b4;
    color: #fff;
    border-radius: 0px;
    box-shadow: none;
}
.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
{

    box-sizing: border-box;
    background-color: #999;
    color: #fff!important;

	font-weight:bold;
	padding: 5px 15px;
	margin:5px;
	text-decoration: none;
	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;
}
.ErrorMessage ul
{
	margin:0;
	padding:0;
	text-align:center;
	list-style-type:none;
}

.ErrorMessage
{
	color:#FC7777 !important;
	font-weight:bold;
/*	font-size:80%;*/
	text-align:center;
	display:block;
	margin:10px;
}
.ErrorMessageS
{
	color:#FC7777 !important;
	font-weight:bold;
	font-size:80%;
}
.WarnMessage
{
	color:#FC7777 !important;
	font-weight:bold;
	text-align:center;
	display:block;
	margin:10px;
}
.inputError,.clientValidationSummary
{
	color:#FC7777 !important;
	font-weight:bold;
/*	font-size:80%;*/
	text-align:left;
	display:block;
	margin:10px;
}
.Message
{
	font-weight:normal;
/*	font-size:80%;*/
	text-align:center;
	display:block;
	margin:10px;
}
.information_aspx .message
{
	font-weight:normal;
	text-align:center;
	display:block;
	margin:10px;
	font-size: 16px;
    line-height: 1.3;
}
.Label
{
/*	f	padding:5px;;*/
/*	font-size:80%;*/
	font-weight:bold;
}
.ItemLeft
{
	margin:5px;
	float:left;
}
.ItemRight
{
	margin:5px;
	float:right;
}
.ItemRight .Itemicon {
	margin: 0 0  5px 0;
}

.ItemRight .ItemIcon div {
	float:left;
	margin: 0 0 0 2px;
}

.Clear
{
	clear:both;
	height:0px;
}
.Left
{
	float:left;
}
.Right
{
	float:right;
}
.watermark 
{
	color: #999 !important;
}

/* ページング */
.PageLink
{
	text-align:center;
    display: flex;
    justify-content: center;
}

.PageLink b
{
    color: #000000;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #000000;
    padding: 0;
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.PageLink a
{
    color: #FFFFFF;
    text-align: center;
    background: #000000;
    font-weight: bold;
    padding: 0;
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.PrevPageLink
{
	display:block;
	float:left;
}
a.PrevPageLink
{
	color:#FFFFFF;
}
.NextPageLink
{
	display:block;
	float:right;
}
a.NextPageLink 
{
	color:#FFFFFF;
}

/* ログイン */

/* 検索 */

#Search
{
	padding:20px;
	background-color:#fff;
	border-radius:1em;
	padding:1.5em;
	border:solid 1px  var(--keyColor);
	box-shadow: 2px 4px 12px #00000014;
/*	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:100%;
	margin:8px auto;
	padding:8px;
	border:solid 1px #ccc;
	border-radius:8px;
}


#ShowSearchDetail
{
	margin:0px;
	padding:0px;
	text-align:right;
	text-decoration:underline;
	text-underline-offset: 3px;
	color:var(--keyColor);
	cursor: pointer;
}

#Search select
{
	width:100%;
	margin:8px auto;
	padding:8px;
	border:solid 1px #ccc;
	border-radius:8px;
}

/* おすすめ */
.RecommendTitle
{
	margin:8px 0;
	background-color:#666;
    padding:8px;
    color:#FFFFFF;
}
.RecommendTitle:after
{
}

.RecommendList
{
}

.RecommendList li
{
	border:solid 1px #ddd;
}

.RecommendList li:last-child
{
}

/* おすすめ(スライドバージョン) */
.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;
}


/* 商品リスト */
.ProductList
{
	margin:0;
	padding:0;
}

/*.ProductList li
{
	border:solid 1px #ddd;
}
*/
.ProductListItem
{
	font-size:80%;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
}

/*.ProductListHeader
{
	font-size:80%;
	background-color:#000;
	color:#FFF;
	padding:5px;
}
.ProductListFooter
{
	background-color:#000;
	color:#FFF;
	padding:10px;
	text-align:center;
}
*/

.IconImage
{
	display:block;
	margin:5px;
}

.OpenTab, .RecommendOpenTab, .Recommend2OpenTab, .SalesRankingOpenTab, .RecentOrderListOpenTab, .SimpleProductOpenTab, .NewArrivalOpenTab
, .SaleProductOpenTab, .RecentlyViewedItemsOpenTab
{
	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 10px 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 .containerInner{
height:auto;
}
    #divProductImages .containerInner button.slick-prev:before, 
    #divProductImages .containerInner button.slick-next:before{
color:black;
}
#divProductImages .item  
{
    width:100%;
    padding:0;
	margin:0;
	list-style-type:none;
    position: relative;
box-sizing: border-box;
 }
#divProductImages .item img{
width:100%;
height:auto;
    transition: transform 0.3s;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    position: relative;
    display: block;
}
.ProductDetailWrap .container{
height:auto!important;
}
#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
{
    width: 60px;
    transition: transform 0.3s;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    position: relative;
    display: block;
}
#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:absolute;
}
.productdetail_aspx .SelectVariationMessagePanel .message
{
	z-index:1000;
	transform:translate(-50%, 0%);
	padding:4px;
	margin:2px;	
	border:solid 1px red;
	border-radius:5px;
	color:red;
	background:#FFFFFF;
}
                
/* メニュー */
.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%;
}

/* 表示金額 */
.ListPriceTable {
}
.ListPriceDiv1
{
}
.PriceTitleA
{
	float:left;
	padding-right:3px;
}
.ListPriceTextA
{
	float:left;
	padding-right:3px;
}
.priceA
{
	float:left;
}
.DiscountRateA
{
	font-weight:bold;
	color:#FF0000;
}
.ListPriceDiv2
{
	display:none;
	clear:both;
}
.ListPriceDiv3
{
	clear:both;
}
.PriceTitleB
{
	float:left;
	padding-right:3px;
}
.wrapper#store .itemList li .ItemInfoWrap .price_area .ListPriceDiv3 .PriceTitleB span, 
.wrapper#store .itemList div.swiper-slide .ItemInfoWrap .price_area .ListPriceDiv3 .PriceTitleB span{display:none;}
.wrapper#store .itemList li .ItemInfoWrap .price_area .ListPriceDiv3 .PriceTitleB:after , 
.wrapper#store .itemList div.swiper-slide .ItemInfoWrap .price_area .ListPriceDiv3 .PriceTitleB:after {
   content: "販売価格";
/*    content: "特別価格";*/
}
.ListPriceTextB
{
	float:left;
	padding-right:3px;
}
.priceB
{
	padding-right:3px;
	font-weight:bold;
	float:left;
}
.DiscountRateB
{
}
.ListPriceDiv4
{
	clear:both;
}
.UnitDiscountPriceTitle
{
	float:left;
	padding-right:3px;
}
.MemberPriceTitle
{
	float:left;
	padding-right:3px;
}
.MultiPriceTitle
{
	float:left;
	padding-right:3px;
}
.ListPriceTextC
{
	float:left;
	padding-right:3px;
}
.priceC
{
	padding-right:3px;
	font-weight:bold;
	float:left;
}
.DiscountRateC
{
	font-weight:bold;
	color:#FF0000;
}
.ListPriceTableEnd
{
	clear:both;
}


/* ユーザ登録 */
.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 0px;
}

.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%;
}
@media (max-width: 600px) {
.wrapper#store .questionnaireModal .QuestionnaireAnswer{
	font-size: 16px;
}}

.QuestionnaireAnswer label
{
    padding-right: 10px;
}
.month {
	font-size: 120%;
	width: 10%;
}
.day {
	font-size: 120%;
	width: 10%;
}
.remark {
	font-size: 120%;
	width: 90%;
}
.relationShip {
	font-size: 120%;
}

/* アドレス帳 */
.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;
    color:#FFFFFF;
    -webkit-border-radius: 4px;
    border-style:none;
    padding:5px 10px;
}
.ConfirmQtyMsgDiv1
{
	text-align: left;
	margin-bottom: 10px;
}
.ConfirmQtyMsgDiv2
{
	text-align: left;
	margin-top: 10px;
	color: #FC7777;
	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;
}

/* ぱんくず */
.box_BreadCrumbs{
    background-color: #fefefe;
    background-image: url(/gift/Images/Common/bg_grayline.png);
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}
.BreadCrumbs
{
	position: relative;
	margin:0;
	padding:5px;
	list-style-type:none;
	font-size:14px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.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
{
	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
{
	display:none;
	z-index:9999;
	width:87%;
    background:white;
    padding:10px;
		margin:10px;
    position:fixed;
    top:50%;
    left:50%;
}

#BookmarkDialog div, .BookmarkDialog div, #RecommendBookmarkDialog div #Recommend2BookmarkDialog div, #VariationListBookmarkDialog div, #QzProductListBookmarkDialog div,RecentlyViewedItemsBookmarkDialog
, #CategoryRankingBookmarkDialog div, #SalesRankingBookmarkDialog div, #SalesRankingSliderBookmarkDialog div, #RecentOrderListBookmarkDialog div, #SimpleProductBookmarkDialog div, #NewArrivalBookmarkDialog div
, #CategoryRankingBookmarkDialog div, #ProductListGroupDialog div, #RecentlyViewedItemsBookmarkDialog div, #RecentlyViewedItemsBookmarkDialog div, #ProductListCategoryBookmarkDialog div
{
	margin:3px;
}

/* VariationPopup */
#VariationPopup
{
    padding:10px;
	margin:10px;
    background:white;
    overflow:auto;
}

#VariationPopup div
{
    font-size: 80%;
	margin:3px;
}

#VariationPopup .goodsImageMainFrame
{
    float:left;    
    width:250px;   
}

#VariationPopup .goodsImageMain
{
    float:left;    
    width:240px;   
}

#VariationPopup .goodsImageThumbList
{
}

#VariationPopup .explain
{
}

#VariationPopup .variationListImage
{
    width:40px;
}

#VariationPopup .variationListParent1 li
,#VariationPopup .variationListParent2 li
,#VariationPopup .variationListParent3 li
{
    clear:both;
    display:inline;
    margin:3px;
    width:100%;
}

#VariationPopup .cartButton
{
    clear:both;
    overflow:auto;
}

#VariationPopup .messageArea
,#VariationPopup .inventoryMessage
,#VariationPopup .inventoryImage
{
    clear:both;
    width:100%;    
    text-align:center;
}

#VariationPopupOverlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  background-color: #ccc;
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index:9000;
}
#VariationPopupLoading {
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  text-align: center;
  z-index:9001;
}
/* VariationPopup */

/* 逆引きカテゴリーパーツ */
.ReverseCategory
{
}
.ReverseCategory h3
{
    margin: 8px 0;
    background-color: #666;
    padding: 8px;
    color: #FFFFFF;
}
.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.svg");
    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;
}
@media (max-width: 600px) {
.QuestionnaireInputTitle
{
    font-size: 1em;  
}}
.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
{
    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;
}   

#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;
}

/* List全般 */

.RecommendList .ItemRight {
	width:60%;
}
.ProductList .ItemRight {
	width:60%;
}
#RankingList .ItemRight {
	width:50%;
}
.ItemRight .ListPriceTable{
	font-size:80%;
}

/* セールスランキング */
.RankingTitle
{
margin: 8px 0;
    background-color: #666;
    padding: 8px;
    color: #FFFFFF;
}
.Ranking .ShowMore
{
    float:right;
}
.Ranking .ShowMore a
{
    color: #ffffff;
}

.RankingList
{
}

.RankingList li
{
	border:solid 1px #ddd;
}

.RankingList li:last-child
{
}

.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:#;}
.SelectedCheckBox {background-color:#;}

#GiftOptionList
{
	margin: 10px 0px;
}
.EditGiftOptionButton
{
	clear:both;
}
.EditGiftOptionPanelButtonBlock
{
	clear:both;	
}
#GiftOptionSubmitButton
{
}
#GiftOptionCancelButton
{
}
#Overlay {
    background-color: #000000;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99;
    height: 100vh;
    /*width: 100%;*/
}
.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
{

}

/* 配送先選択画面 */

.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;
}


.wrapper.setshipping_aspx .cont{
    text-align: left;
}
.setshipping_aspx .titleBtnarea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
    padding-bottom: 8px;
}
.setshipping_aspx .SetShippingAddress .SetShippingAddressList {
    display: flex;
    flex-wrap: wrap;
}
.setshipping_aspx .SetShippingAddress .SetShippingAddressList li {
    border: 2px solid #cccccc;
    margin: 10px 10px 20px 10px;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    font-size: 14px;
    position: relative;
    width: calc((100% / 4) - 20px);
    box-sizing: border-box;
}
.setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner {
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 100%;
}
.setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner .CheckBox {
    padding: 0 8px 0 0;
}
.setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner .ShippingAddress {
    width: calc(100% - 50px);
}
.setshipping_aspx .SetShippingAddress .SetShippingAddressList li.selected {
    border: 2px solid orange;
    background: #ffeebf;
}
.setshipping_aspx .titleBtnarea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
    padding-bottom: 8px;
}
.setshipping_aspx .SetShippingAddress .SetShippingAddressList li .ButtonTab {
    clear: both;
}
.setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner .ButtonTab {
    margin: 10px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner .ButtonTab > *:first-of-type {
    margin-right: 10px;
}
.setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner .ButtonTab .btnColor.min, .setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner .ButtonTab .btnBorder.min {
    font-size: 14px;
    line-height: 24px;
}
.setshipping_aspx .SetShippingAddress .SetShippingAddressList li {
    border: 2px solid #cccccc;
    margin: 10px 10px 20px 10px;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    font-size: 14px;
    position: relative;
    width: calc((100% / 4) - 20px);
    box-sizing: border-box;
}
.setshipping_aspx .SetShippingAddress .SetShippingAddressList li.setAddress {
    border: 2px dashed #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    min-height: 164px;
}
.setshipping_aspx .SetShippingAddress .SetShippingAddressList li.setAddress span:first-of-type, .setshipping_aspx .SetShippingAddress .SetShippingAddressList li.setAddress span .btnAddShippingModal {
    display: inline-block;
    text-align: center;
    color: #6f6f6f;
    background-color: transparent !important;
    padding: 0;
    font-weight: normal;
}
.js-modal-close2.modalCloseBtn, .js-modal-close.modalCloseBtn {
    background-color: var(--keyColor);
    color: #fff;
    font-size: 30px;
    line-height: 1;
    display: flex;
    position: absolute;
    top: -15px;
    right: -15px;
    width: 1.2em;
    height: 1.2em;
    justify-content: center;
    align-items: center;
}
.js-modal-close2.modalCloseBtn {
    top: 10px;
    right: 10px;
}
.setshipping_aspx .inputBox {
    padding: 20px 0;
    box-sizing: border-box;

    border-bottom: 1px solid #cccccc;
    text-align: left;
}
.setshipping_aspx .inputBox dd {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
}
.setshipping_aspx .inputBox dd .marble_form-name.box {
    width: calc(50% - 10px);
    position: relative;
}
.setshipping_aspx .inputBox dd .marble_form-name:first-child {
    margin-right: 20px;
}
.setshipping_aspx .UserRegistDescription {
    width: 100%;
}
.setshipping_aspx .inputBox dd.box_postalcode input {
    width: calc(100% - 100px);
}
.setshipping_aspx .inputBox dd.box_postalcode .btnBorder {
    margin-left: 10px;
}

.setshipping_aspx .mainArea .inputBox dd {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
}
.setshipping_aspx .inputBox dt {
    width: 200px;
    font-size: 16px;
    line-height: 26px;
}

.setshipping_aspx .wrapper .selectBase.select01:after {
    display:none;
}
.setshipping_aspx .inputBox dd.box_address .box {
    width: 100%;
}
.setshipping_aspx .box_address .select01.noarrow+.non_editable {
    max-width: 150px;
}
.setshipping_aspx .inputBox dd.box_tell > input {
    width: calc(33.3% - 30px);
}
.setshipping_aspx .inputBox dd.box_tell .selectBase + span {
    display: inline-block;
    margin: 0.8em 4px 0 4px;
}
.setshipping_aspx .inputBox dd .selectBase {
    min-width: 240px;
}
.setshipping_aspx .inputBox dd .selectBase select {
    width: 100%;
    border: 1px solid #000000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
@media (min-width: 1280px){
.wrapper .termBase dl dd {
    font-size: 16px;
    line-height: 26px;
}
}
@media (max-width: 769px){

.setshipping_aspx .inputBox dt {
    width: 100%;
}
}

.SetItemsShippingModal .marble_btn{
margin: 0 auto;
}

@media (min-width: 769px){

.setshipping_aspx .SetShippingAddress .SetShippingAddressList li.setAddress span:first-of-type, .setshipping_aspx .SetShippingAddress .SetShippingAddressList li.setAddress span .btnAddShippingModal {
    font-size: 16px;
    line-height: 26px;
}
.setshipping_aspx .inputBox dd {
    width: calc(100% - 200px);
}
}
.setshipping_aspx .SetShippingAddress .SetShippingAddressList li.setAddress span.setPlusBtn {
    font-size: 30px;
    vertical-align: middle;
    margin-right: 7px;
    color: #b3b3b3;
    display: inline-block;
}
/* 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 {

}
TD.DivideShippingTableD {

}
TD.DivideShippingTableE {
	
}
TD.DivideShippingTableF {
	
}

/* 商品リストでの在庫・バリエーション表示 */
#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;
}

/* クーポン一覧 */

.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: #FCFAF1;
	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 #cccccc;
	background-color: #fff;
	padding: 20px 30px;
	width: 300px;
	z-index: 100;
}
.AgeRequirementCheckPanel .AgeRequirementMsg{margin:5px 0;}
.AgeRequirementCheckPanel .AgeRequirementMsg p.text.left{font-size:0.85em;}
.AgeRequirementCheckPanel p.text.left .Num{font-size:1.2em;margin:0 3px;}
.AgeRequirementCheckPanel .AgeRequirementButton{margin:10px 0 0 0;}
.AgeRequirementCheckPanel .AgeRequirementButton a{margin:0 8px;}


.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.svg");
    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;
}
.wrapper#store #RecommendCategoryList{
    margin-bottom:30px;
    overflow: hidden;
}
.wrapper#store #RecommendCategoryList.itemList li .ProductName{
margin-bottom:0;

}
#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;
}
/* ----- */
/* 領収書送付申込 */

/* ----- */

/* 見積履歴 */
.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 .SetOptionsSubTitle {
    color: #000;
    border: none;
    border-bottom: 2px solid #000;
    font-size: 20px;
    box-sizing: border-box;
    margin: 8px 0 20px 0;
    padding: 4px;
    text-align: left;
    clear: both;
}
#GiftOptionUI dd
,#GiftOptionUI ul
{
    margin:0;
    padding:0;
}
#GiftOptionUI dd.giftModalFlex ul {
    display: flex;
    flex-wrap: wrap;
}
#GiftOptionUI .OptionListImg {
    list-style-type: none;
    width: calc(100% / 3);
    box-sizing: border-box;
    padding: 10px;
    font-size: 13px;
}
#GiftOptionUI dd.giftModalFlex ul li.listTit {
    width: 100%;
    background-color: var(--KeyColor);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 8px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
@media (min-width: 768px){
#GiftOptionUI dd.giftModalFlex {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}
#GiftOptionUI dd.giftModalFlex #NoshiList, #GiftOptionUI dd.giftModalFlex .WrappingList, #GiftOptionUI dd.giftModalFlex .RibbonList, #GiftOptionUI dd.giftModalFlex .MessageCardList {
    width: calc(70% - 20px);
    margin-left: 20px;
    font-size: 13px;
}
#GiftOptionUI dd.giftModalFlex{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}
#GiftOptionUI dd.giftModalFlex #NoshiList, #GiftOptionUI dd.giftModalFlex .WrappingList, #GiftOptionUI dd.giftModalFlex .RibbonList, #GiftOptionUI dd.giftModalFlex .MessageCardList {
    width: calc(70% - 20px);
    margin-left: 20px;
    font-size: 13px;
}
#GiftOptionUI dd.giftModalFlex .SetOptionNoshiWrap, #GiftOptionUI dd.giftModalFlex .SetOptionWrappingWrap, #GiftOptionUI dd.giftModalFlex .SetOptionRibbonWrap, #GiftOptionUI dd.giftModalFlex .SetOptionMessageCardWrap {
    width: 30%;
}
}


#GiftOptionUI .SetOptionsFrame .Selected
{
    border:1px solid #FD6DB5;
}

#GiftOptionUI .SetOptionsFrame .optionItemName input
{
    display:none;
}

#GiftOptionUI .SetOptionWindowImageFrame
{
    clear:both;
    padding:4px 0;
}

#GiftOptionUI .SetOptionWindowImage
,#GiftOptionUI .SelectedGiftOptionBlock
{
      
}
#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;
}
.box_giftOption .ConfirmQtyButtonDiv{
    flex-direction: row-reverse;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
#ctl00_body_pnlCart .AddGiftOptionButtonDiv a.AddGiftOptionButton, #ctl00_body_pnlCart .AddGiftOptionButtonDiv a.EditGiftOptionButton, #ctl00_body_pnlCart .EditGiftOptionButtonDiv a.AddGiftOptionButton, #ctl00_body_pnlCart .EditGiftOptionButtonDiv a.EditGiftOptionButton {
    background-color:#099;
    padding: 5px;
    color: #fff;
}
#ctl00_body_pnlCart .AddGiftOptionButtonDiv a.AddGiftOptionButton:before, #ctl00_body_pnlCart .AddGiftOptionButtonDiv a.EditGiftOptionButton:before, #ctl00_body_pnlCart .EditGiftOptionButtonDiv a.AddGiftOptionButton:before, #ctl00_body_pnlCart .EditGiftOptionButtonDiv a.EditGiftOptionButton:before{
    content: "";
}
/* ギフト指定 */

/* ギフト指定(カート) */
#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;
}

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

/* SelectPaymentAndShippingTypeParts */

.selectPaymentAndShippingTypeParts {
  text-align:center;
}

.selectPaymentAndShippingTypeParts a {
  text-decoration: none;
  color: #000000;
  cursor: pointer;
}

.selectPaymentAndShippingTypeParts ul
{
	margin:0;
	padding:0;
}
.selectPaymentAndShippingTypeParts li
,.selectPaymentAndShippingTypeParts li:first-child
,.selectPaymentAndShippingTypeParts li:last-child
{
	border:none;
	list-style-type: disc;
	margin:0;
	padding:0;
}
.selectPaymentAndShippingTypeParts.settingBox dl {
  position: relative;
  text-align: left;
}

.selectPaymentAndShippingTypeParts.settingBox dt 
{
	margin:2px;
}

.selectPaymentAndShippingTypeParts .modal {
  width: 100%;
  height: 0;
  min-height: 0;
  max-height: 100vh;
  padding: 0 10px;
  box-sizing: border-box;
  overflow-y: scroll;
  opacity: 0;
  transition: opacity 0.5s 0s;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
}

.selectPaymentAndShippingTypeParts .modal.open {
  min-height: 100vh;
  padding: 40px 10px;
  opacity: 1;
}

.selectPaymentAndShippingTypeParts .modal > .box {
  width: 100%;
  max-width: 800px;
  padding: 40px 20px;
  padding-top: 60px;
  box-sizing: border-box;
  background-color: #ffffff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative;
}

@media (min-width: 800px) {
  .selectPaymentAndShippingTypeParts .modal > .box {
    margin-left: calc(50% - 400px);
  }
}
.selectPaymentAndShippingTypeParts .modal > .box dl {
  text-align: left;
  font-size: 16px;
  line-height: 26px;
}
.selectPaymentAndShippingTypeParts .modal > .box dl dt {
  margin-bottom: 10px;
  font-weight: bold;
  color: #eb0000;
}
.selectPaymentAndShippingTypeParts .modal > .box dl dd time {
  margin-bottom: 10px;
  display: block;
  color: #444444;
}
.selectPaymentAndShippingTypeParts .modal > .box dl dd .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.selectPaymentAndShippingTypeParts .modal > .box .title {
  margin-bottom: 20px;
  font-weight: bold;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab {
  margin: 100px 0 40px 0;
  position: relative;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box {
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  position: absolute;
  text-align: left;
  top: 0;
  left: 0;
  z-index: 10;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box h2 {
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
  background-color: #cecece;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  position: absolute;
  top: -70px;
  cursor: pointer;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box .boxRadio {
  height: 0;
  overflow: hidden;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #ededed;
}

.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box .boxRadio .selectBase:nth-child(odd) {
  margin-right: 20px;
}

.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box:nth-child(1) h2 {
  left: 0;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box:nth-child(2) h2 {
  left: 50%;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box:nth-child(n + 3) h2 {
  display:none;
}

.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box.open {
  position: relative;
  z-index: 1000;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box.open h2 {
  background-color: #00935F;
  margin-left: 0;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box.open h2:after {
  content: '';
  width: 0;
  height: 0;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #00935F;
  position: absolute;
  bottom: -10px;
  left: 50%;
}
.selectPaymentAndShippingTypeParts .modal > .box .boxTab .box.open .boxRadio {
  height: auto;
}
.selectPaymentAndShippingTypeParts .modal.open {
  min-height: 100vh;
  padding: 40px 10px;
  opacity: 1;
}
.selectPaymentAndShippingTypeParts .modal i.close {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-image: url("../Images/Common/x.png");
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.selectPaymentAndShippingTypeParts .modal .boxBtn {
  margin-top: 20px;
  text-align: center;
}
.selectPaymentAndShippingTypeParts .modal .boxBtn .close {
  cursor: pointer;
}

.selectPaymentAndShippingTypeParts.settingBox dl > dt .btnBorderBlack {
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
}
.selectPaymentAndShippingTypeParts .btnBorderBlack.min {
  padding: 5px 10px;
  width: auto;
  display: inline-block;
}
.selectPaymentAndShippingTypeParts .btnBorderBlack.round {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.selectPaymentAndShippingTypeParts .btnBorderBlack {
  width: 100%;
  max-width: 300px;
  padding: 17px 14px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  border: 1px solid #444444;
  color: #000000;
  background-color: #ffffff;
}
.selectPaymentAndShippingTypeParts .btnBorderBlack:hover {
  border: 1px solid #00935F;
  color: #00935F;
}

.selectPaymentAndShippingTypeParts .btnColor {
  width: 100%;
  max-width: 300px;
  padding: 17px 14px;
  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;
  font-weight: bold;
}

.selectPaymentAndShippingTypeParts .btnColor.round {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.selectPaymentAndShippingTypeParts .btnColor:hover {
  opacity: 0.7;
}

.selectPaymentAndShippingTypeParts .inputBox {
display: flex;
flex-wrap: wrap;
}

#ProductListCategoryLoading
{
    clear:both;
    width:95%;
    height:50px;
    margin:5px auto;
    background-color:#FFFFFF;
    background-image:url("../images/common/loading.svg");
    background-repeat:no-repeat;
    background-position:center;
}

#SelectItemMessagePanel
{
	display:none;position:absolute
}
#SelectItemMessagePanel .message
{
	z-index:1000;
	transform:translate(-50%, 0%);
	margin:2px;
	padding:4px;
	border:solid 1px red;
	border-radius:5px;
	color:red;
	background:#FFFFFF;
}

.shippingDate.errorMessage
{
	color:#FF0000;
	font-weight:bold;
	display:block;
}
.shippingDate.errorMessage p
{
	margin:0px 0px 0px 5px;
}

/* RankPriceList */
#ProductDetail ul
{
	font-size:80%;	
}

.rankPriceList
{
    margin:3px;
    padding:0;
}

.rankPriceList li
{
    background:transparent;
	margin:0;
    padding:0;
}

.rankPriceList .rankPriceTitle
,.rankPriceList .rankPriceBlock

{
	margin:0;
	padding:0;
	display:inline;
}

.rankPriceList .rankPriceBlock .rankPriceCaption
{
	margin:0 0 0 2px
}

.rankPriceList .rankPriceBlock .rankPrice
{
	margin:0 0 0 2px;
	font-weight:bold;
}

hr.border
{
	border: dotted 1px #666;
	margin:0;
	padding:0;
}

.VariationValue1Title {
	margin: 10px 5px 0px 5px;
	background: -moz-linear-gradient(top, #CCC, #333);
	background: -webkit-gradient(linear, left top, left bottom, from(#CCC), 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;
}

.selectScheduledSalesDeliveryDateParts .selectCalendarList {
	display: inline-block;
}

.selectScheduledSalesDeliveryDateParts .selectCalendar a {
	text-decoration: underline;
}

.selectScheduledSalesDeliveryDateParts .selectCalendar .selectedDate {
	background-color: Red;
}

.modalLoading {
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	text-align: center;
	z-index: 1000001;
}

/* ----------------------------------- */
/*.wrapper .box_address .selectBase.select01:after {
    content: '';
    width: 20px;
    height: 20px;
    margin-top: 12px;
    background-image: url(../Images/Common/Icon/arrow/ico_arrow03Black.svg);
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(
90deg
);
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 11;
    pointer-events: none;
}*/

/* メンテナンス　*/



.Maintenance_aspx .MaintenanceBox {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0;
    font-size: 1.1em;
}
.Maintenance_aspx .MaintenanceBox #Header .HeaderWrap #mainLogo {
    width: 184px;
    box-sizing: border-box;
    padding: 10px;
}
.MaintenanceBox #Header .HeaderWrap {
    justify-content: center;
}
@media screen and (max-width: 767px){
.MaintenanceBox #Header .HeaderWrap #mainLogo {
    margin: auto;
    width: 100%;
    padding: 10px 0 10px 0;
    text-align: center;
    position: relative;
    z-index: 4;
    background-color: #fff;
	box-sizing: border-box;
}
.MaintenanceMessage{}
}

.giftWarnMessage {
	color: #FF0000;
	font-weight: bold;
	margin: 10px;
}

#GiftOptionPanel .GiftOptionRow .giftWarnMessage {
	margin:0;
}
/*2culm aside main*/
/*categoryList*/

.wrapper#store.top_aspx .mainArea,
.wrapper#store.productlist_aspx .mainArea,
.wrapper#store .mainArea{display:flex; flex-wrap:wrap; width:100%; max-width:1280px; margin:0 auto;}
.wrapper#store.top_aspx .mainArea>*,
.wrapper#store.productlist_aspx .mainArea>*,
.wrapper#store .mainArea>*{width:100%;}
.wrapper#store.categorylist_aspx .mainArea
{width:100%; max-width:1280px; margin:0 auto;}
.wrapper#store.categorylist_aspx .mainArea .itemcategory_area{
display:flex; flex-wrap:wrap; width:100%;
}
.wrapper#store.categorylist_aspx .mainArea .itemcategory_area>*{
width:100%;
}
.wrapper#store.top_aspx .mainArea>section,
.wrapper#store.productlist_aspx .mainArea>section{width:100%;}
.wrapper#store.categorylist_aspx .mainArea>section{width:100%;}
.wrapper#store.top_aspx .mainArea .main,
.wrapper#store.productlist_aspx .mainArea .main,
.wrapper#store .mainArea .main{
	width:calc(100% - 300px);
	margin-left: auto;
	margin-top:10px;
}
.wrapper#store.categorylist_aspx .mainArea .itemcategory_area .main{
    width: calc(100% - 300px);
    margin-left: auto;
}
@media (max-width: 767px){
.wrapper#store.categorylist_aspx .mainArea .itemcategory_area .main,
.wrapper#store .mainArea .main{
    width: 100%;
}
}
.wrapper#store.categorylist_aspx .mainArea .itemcategory_area .itemcategory_head{
    width: 100%;
}
.wrapper#store .mainArea .aside{
    width:260px;
    box-sizing: border-box;
    padding: 0 0 0 0;
}
@media (max-width: 767px){
.wrapper#store .mainArea .aside{
display:none;
}
}
.wrapper#store.top_aspx .mainArea .aside{
    width:260px;
    box-sizing: border-box;
    padding: 30px 0 0 0;
}
.wrapper#store.categorylist_aspx .mainArea .itemcategory_area .aside {
    width: 260px;
    box-sizing: border-box;
    padding: 0px;
}
.wrapper#store .mainArea + .aside,
.wrapper#store .mainArea + .aside + .main{
padding-top:50px;
}
.wrapper#store aside dl{text-align:left;}
.wrapper#store aside dt,
.wrapper#store aside dd ul li a{
    display: block;
    width: 100%;
    font-size: 14px;
    box-sizing: border-box;
    text-decoration: none;
    padding: 13px 1px 13px 15px;
    position: relative;
    border-top:1px solid #ccc;
}
.wrapper#store aside dt{
    font-size: 15px;
}
.wrapper#store aside dt:not(:first-of-type){
line-height:2;
}
.wrapper#store aside dd ul li a figure,
.wrapper#store aside dd ul li a p{
    display:inline-block;
    vertical-align: middle;
}
.wrapper#store aside dd ul li a figure{
width: calc(32px + 0.5em);
}
.wrapper#store aside dd ul li a p{
    width: calc(100% - (32px + 0.5em));
}
.wrapper#store aside dd ul li a img,
.wrapper#store .menu-content ul li a figure{
    width: 32px;
    height:auto;
    vertical-align: middle;
    margin-right:0.5em;
    display:inline-block;
}

.wrapper#store .menu-content ul li a figure+p{
    display:inline-block;
    vertical-align: middle;
}

.wrapper#store aside dt{
    padding: 15px 15px 15px 15px;
    font-weight: 600;
}
.wrapper#store aside dt.open{
    margin-top:0px;
}
.wrapper#store aside dl>dd:nth-of-type(1) ul li a{
    padding: 13px 0px 13px 15px;
    display: flex;
    align-items: center;
    width: 100%;
}
.wrapper#store aside dd ul li a{
    border-top:1px dotted #ccc;
}
.wrapper#store aside dd>div> ul li:nth-child(1) a{
    border-top: 1px solid #ccc;
}
.wrapper#store aside dd ul li a.current,
.wrapper#store aside dd>div> ul li:nth-child(1) a.current{
    color: var(--keyColor);
}
.wrapper#store aside dd ul li{position:relative;}
/*.wrapper#store aside dt span:before,*/
/*.wrapper#store aside dd ul li a:before{
    content:"";
    width:24px;
    height:24px;
    background-size: contain;
    background-position: center;
    background-repeat:no-repeat;
    position:absolute;
    left:10px;
    bottom:0;
    top:0;
    margin:auto;
}*/
.wrapper#store aside dt:before{
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    transform: rotate( 135deg);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: transparent;
    right: 10px
}
.wrapper#store aside dt:after{
    /*content: '';
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 10px;
    transform: rotate(90deg);
    color: #333;
    line-height: 1;
    width: 14px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    margin: auto;*/
}
.wrapper#store aside dd ul.categoryBody>li a.hasChild i:before{
    content: "";
    display: block;
    color: #333;
    line-height: 1;
    width: 14px;
    height: 2px;
    background: currentColor;
    border-radius: 0.1em;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(0deg);
    position: absolute;

}
.wrapper#store aside dd ul.categoryBody>li a.hasChild i:after{
content: '';
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 10px;
    transform: rotate(90deg);
    color: #333;
    line-height: 1;
    width: 14px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    margin: auto;
}
.wrapper#store aside dd ul.categoryBody>li a.hasChild.open i:after{content:none;
}
.wrapper#store aside dd ul.GenreBody>li:nth-child(21) p{
letter-spacing:0;
}
.wrapper#store aside dt.open:before{
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    transform: rotate( -45deg);
    position: absolute;
    top: 5px;
    bottom: 0;
    margin: auto;
    background: transparent;
    right: 10px;
}

@media (max-width: 767px){
.wrapper#store.categorylist_aspx .mainArea .main,
.wrapper#store.productlist_aspx .mainArea .main,
.wrapper#store.top_aspx .mainArea .main{width:100%; margin-left: 0;}
.wrapper#store.categorylist_aspx .mainArea .aside,
.wrapper#store.productlist_aspx .mainArea .aside,
.wrapper#store.top_aspx .mainArea .aside{
    display:none;
}
}

/*box_BreadCrumbs*/
.wrapper#store .box_BreadCrumbs .BreadCrumbs{
max-width:1280px;
margin:0 auto;
padding:20px 10px;
display:flex; 
flex-wrap:wrap;
}
.wrapper#store .box_BreadCrumbs .BreadCrumbs li{display:inline-block; position:relative;}
.wrapper#store .box_BreadCrumbs .BreadCrumbs li:first-child span{
    text-indent: -9999%;
    display: inline-block;
    position:relative;
    width: 14px;
    height: auto;
}
.wrapper#store .box_BreadCrumbs .BreadCrumbs li:first-child i:before{
content:"";
width:14px;
height:14px;
display:block;
position:absolute;
top:0;
bottom:0;
margin:auto;
background-repeat:no-repeat;
background-image:url(/gift/Images/Common/icon/ico_home.svg);
}
.wrapper#store .box_BreadCrumbs .BreadCrumbs li+li:before{
    content: "";
    width: 9px;
    height: 9px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    transform: rotate(45deg);
    display: inline-block;
    margin: 0 20px 0 16px;
}
@media (max-width: 767px){
.wrapper#store .box_BreadCrumbs .BreadCrumbs{ font-size:12px; padding:14px 15px;}
.wrapper#store .box_BreadCrumbs .BreadCrumbs li+li:before{
    margin: 0 10px 0 6px;
}
}
/*categoryList*/
@media (min-width: 1280px){
.wrapper#store.categorylist_aspx,
.wrapper#store.productlist_aspx{overflow:initial;}
}
@media (max-width: 767px){
.wrapper#store.categorylist_aspx,
.wrapper#store.productlist_aspx{padding-top:0;}
}
.wrapper#store.categorylist_aspx .contTitle.text.left,
.wrapper#store.productlist_aspx .contTitle.text.left{
    border-bottom: none;
    margin: 0;
    padding: 20px 0;
}

.wrapper#store.categorylist_aspx #main .Category,
.wrapper#store.productlist_aspx #main .Category{
margin: 0;
}
.wrapper#store.categorylist_aspx #main .Category .CategoryTitle,
.wrapper#store.productlist_aspx #main .Category .CategoryTitle{display:none;}

.wrapper#store.categorylist_aspx #main .Category ul.CategoryList,
wrapper#store.productlist_aspx #main .Category ul.CategoryList{padding-top:0;}
.wrapper#store.categorylist_aspx #main .Category ul.CategoryList li,
.wrapper#store.productlist_aspx #main .Category ul.CategoryList li{
    width:auto; 
    /*padding:5px 20px 5px 5px;
    border: 1px solid #333;*/
    padding:0;}
.wrapper#store.categorylist_aspx #main .Category ul.CategoryList li a,
.wrapper#store.productlist_aspx #main .Category ul.CategoryList li a{
  text-shadow: none;
  display: block;
  color: #727171;
  padding: 5px 13px 5px 13px;
  background-color: #efefef;
  border-radius: 30px;
}
.wrapper#store.categorylist_aspx #main .Category ul.CategoryList li:not(:last-child),
.wrapper#store.productlist_aspx #main .Category ul.CategoryList li
	{margin-right:1em;}
.wrapper#store.categorylist_aspx #main .Category ul.CategoryList li a:before,
.wrapper#store.productlist_aspx #main .Category ul.CategoryList li a:before{content:none;}
/*.wrapper#store.categorylist_aspx #main .Category ul.CategoryList li:after,
.wrapper#store.productlist_aspx #main .Category ul.CategoryList li:after{
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    right: 0.5em;
    top: 0;
    bottom: 0;
    margin: auto;
}*/
.wrapper#store.categorylist_aspx #main .ProductListHeader,
.wrapper#store.productlist_aspx #main .ProductListHeader,
.wrapper#store #main .ProductListHeader.sortBlock{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px;
    box-sizing: border-box;
    align-items: center;
    width:100%;

}
.wrapper#store.categorylist_aspx #main .itemListWrap,
.wrapper#store.productlist_aspx #main .itemListWrap,
.wrapper#store.newarrival_aspx #main .itemListWrap{
    width:100%;

}
.wrapper#store.categorylist_aspx #main .ProductListHeader .ItemLeft,
.wrapper#store.productlist_aspx #main .ProductListHeader .ItemRight,
.wrapper#store #main .ProductListHeader.sortBlock .ItemLeft,
.wrapper#store #main .ProductListHeader.sortBlock .ItemRight{
    float: none;
    margin: 0;}

.wrapper#store.categorylist_aspx #main .ProductListHeader .pagination .itemCount,
.wrapper#store.productlist_aspx #main .ProductListHeader .pagination .itemCount,.wrapper#store #main .ProductListHeader.sortBlock .pagination .itemCount{
    font-size: 24px;
    margin: 0 4px;
    font-weight: 500;
}
.wrapper#store.categorylist_aspx #main .ProductListHeader .ItemRight,
.wrapper#store.productlist_aspx #main .ProductListHeader .ItemRight,
.wrapper#store #main .ProductListHeader.sortBlock .ItemRight{
display: flex;
}
.wrapper#store.categorylist_aspx #main .ProductListHeader select,
.wrapper#store.productlist_aspx #main .ProductListHeader select,
.wrapper#store #main .ProductListHeader.sortBlock select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
}
.wrapper#store.categorylist_aspx #main .ProductListHeader .list_selectbox,
.wrapper#store.productlist_aspx #main .ProductListHeader .list_selectbox,
.wrapper#store #main .ProductListHeader.sortBlock .list_selectbox{position:relative;}
.wrapper#store.categorylist_aspx #main .ProductListHeader .list_selectbox:after,
.wrapper#store.productlist_aspx #main .ProductListHeader .list_selectbox:after,
.wrapper#store #main .ProductListHeader.sortBlock .list_selectbox:after{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    transform: rotate(135deg);
    top: calc(50% - 5px);
    display: block;
    margin-bottom: 3px;
    margin-right: 0.5em;
    transition: all 0.2s 0s;
    position: absolute;
    right: 0;
}

@media (min-width: 768px){
.wrapper#store.categorylist_aspx #main .Category ul.CategoryList li,
.wrapper#store.productlist_aspx #main .Category ul.CategoryList li,
.wrapper#store.newarrival_aspx #main .Category ul.CategoryList li{width:auto;}

.wrapper#store.categorylist_aspx #main .ProductListHeader .listQuantity,
.wrapper#store.productlist_aspx #main .ProductListHeader .listQuantity,
.wrapper#store #main .ProductListHeader.sortBlock .listQuantity{margin-right:30px;}
.wrapper#store.categorylist_aspx #main .ProductListHeader .list_selectbox select,
.wrapper#store.productlist_aspx #main .ProductListHeader .list_selectbox select,
.wrapper#store #main .ProductListHeader.sortBlock .list_selectbox select{padding: 5px 25px 5px 5px; text-align: left;}

.wrapper#store.categorylist_aspx #main .ProductListHeader .list_selectbox:before,
.wrapper#store.productlist_aspx #main .ProductListHeader .list_selectbox:before,.wrapper#store #main .ProductListHeader.sortBlock .list_selectbox:before{
    right: 60px;
}
.wrapper#store.categorylist_aspx #main .ProductListHeader .list_selectbox.listSort:before,
.wrapper#store.productlist_aspx #main .ProductListHeader .list_selectbox.listSort:before,
.wrapper#store #main .ProductListHeader.sortBlock .list_selectbox.listSort:before{
    right: 50px;
}
.wrapper#store #main .ProductListHeader.sortBlock .list_selectbox.listSort:before{
    right: 84px;
}
}
@media (max-width: 767px){
.wrapper#store.categorylist_aspx #main .ProductListHeader,
.wrapper#store.productlist_aspx #main .ProductListHeader,
.wrapper#store #main .ProductListHeader.sortBlock{padding:0;
}
.wrapper#store.categorylist_aspx #main .ProductListHeader .ItemRight,
.wrapper#store.productlist_aspx #main .ProductListHeader .ItemRight,
.wrapper#store #main .ProductListHeader.sortBlock .ItemRight{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}
.wrapper#store.categorylist_aspx #main .ProductListHeader .ItemLeft,
.wrapper#store.productlist_aspx #main .ProductListHeader .ItemLeft,
.wrapper#store #main .ProductListHeader.sortBlock .ItemLeft{margin-bottom:20px;}
.wrapper#store.categorylist_aspx #main .ProductListHeader .list_selectbox,
.wrapper#store.productlist_aspx #main .ProductListHeader .list_selectbox,
.wrapper#store #main .ProductListHeader.sortBlock .list_selectbox{
    width: 50%;
}
.wrapper#store.categorylist_aspx #main .ProductListHeader .listQuantity,
.wrapper#store.productlist_aspx #main .ProductListHeader .listQuantity,
.wrapper#store #main .ProductListHeader.sortBlock .listQuantity{
    border-right: 1px solid #ccc;
}
.wrapper#store.categorylist_aspx #main .ProductListHeader .list_selectbox select,
.wrapper#store.productlist_aspx #main .ProductListHeader .list_selectbox select,
.wrapper#store #main .ProductListHeader.sortBlock .list_selectbox select{
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    width: 100%;
    font-size: 0.9em;
}
.wrapper#store.categorylist_aspx #main .ProductListHeader .list_selectbox:before,
.wrapper#store.productlist_aspx #main .ProductListHeader .list_selectbox:before,
.wrapper#store #main .ProductListHeader.sortBlock .list_selectbox:before{
    right: 10px;
}
}


/*footer*/
.footer .container{
    width: 100%;
}
.footer .containerInner{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-right: 24px;
    padding-left: 24px;
    box-sizing:border-box;
}
.footer .container .footer-menu .row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    align-items: flex-start;
}
.footer .container .footer-menu .row .title{
    border-bottom:1px solid #fff;
    padding-bottom:8px;
}
/*
.footer .container .footer-menu .row .title:before{
    content: "";
    width: 1em;
    height: 1em;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 0.5em;
    vertical-align: middle;
}
*/
.footer .container .footer-menu .row>div.footer-logoArea{
    width:100%;
}
@media (min-width: 576px){
.footer .container .footer-menu .row>div.footer-logoArea{
    text-align:center;
}}
@media (min-width: 768px){
.footer .container .footer-menu .row>div.footer-logoArea{
    width:25%;
    text-align:left;
    min-width: 280px;
}}
@media (min-width: 1200px){
.footer .container .footer-menu .row>div.footer-logoArea{
    width: 26%;
}}
.footer .container .footer-menu .row>div.footer-logoArea>a{
    margin-bottom: 24px;
    display: inline-block;
}
.footer .container .footer-menu .row>div.footer-logoArea .footer-companyInfo{
    line-height: 1.5;
}
.footer .container .footer-menu .row>div.footer-logoArea .footer-companyInfo dt{    font-size: 20px;
    margin-bottom:5px;
}
.footer .container .footer-menu .row>div.footer-logoArea .footer-companyInfo dt+dd{    
    font-size: 14px;
    margin-bottom: 20px;
}
.footer .container .footer-menu .row>div.footer-logoArea .footer-companyInfo dd:nth-child(n+3){
    font-size: 22px;
    margin-bottom: 0px;
}
.footer .container .footer-menu .row>div.footer-logoArea .footer-companyInfo dd .num{
    color:#fff;
}
@media (min-width: 767px){
.footer .container .footer-menu .row>div.footer-logoArea .footer-companyInfo dd .num.tel{
pointer-events: none;
}}
.footer .container .footer-menu .row>div.footer-logoArea .footer-companyInfo dd .min{
    font-size: 0.6em;
}
.footer .container .footer-menu .row>div:not(.footer-logoArea){
    max-width: 100%;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    box-sizing:border-box;
}
@media (min-width: 576px){
.footer .container .footer-menu .row>div:not(.footer-logoArea){
    max-width: 50%;
}}
@media (min-width: 768px){
.footer .container .footer-menu .row>div:not(.footer-logoArea){
    max-width: 25%;
    padding-left: 15px;
    padding-right: 15px;
}}
@media (min-width: 811px){
.footer .container .footer-menu .row>div:not(.footer-logoArea).CalendarPartsBox{
    min-width: 480px;
}}
@media (min-width: 1200px){
.footer .container .footer-menu .row>div:not(.footer-logoArea).CalendarPartsBox{
    max-width: 38%;
}
.footer .container .footer-menu .row>div:not(.footer-logoArea).footer-link{
    width: 32%;
    box-sizing: border-box;
    max-width: 360px;
    margin-left: auto;
}
}
@media (max-width: 810px){
.footer .container .footer-menu .row>div:not(.footer-logoArea).CalendarPartsBox{        min-width: auto;
        width: 100%;
        max-width: 100%;
}}
/*
.footer .container .footer-menu .row>div:not(.footer-logoArea).CalendarPartsBox .title:before{
background-image:url(/online/Images/Common/icon/ico_calenderGreen.svg);
}
*/
.footer .container .footer-menu .row>div:not(.footer-logoArea).footer-link{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    max-width: 360px;
}
@media (max-width: 810px){
.footer .container .footer-menu .row>div:not(.footer-logoArea).footer-link{
    max-width: 100%;
}}
.footer .container .footer-menu .row>div:not(.footer-logoArea).footer-link .title{
width:100%;
}
/*
.footer .container .footer-menu .row>div:not(.footer-logoArea).footer-link .title:before{
background-image:url(/online/Images/Common/icon/ico_guideGreen.svg);
}
*/
.footer .container .footer-menu .row>div:not(.footer-logoArea).footer-link>div{    width: 50%;
}
.footer .container .footer-menu .row>div:not(.footer-logoArea) ul.list-inline{
margin-left: 0px;
}

.footer .container .footer-logoArea img{
    width: 120px;
    height:auto;
}
.footer .container .footer-menu .row>div.footer-logoArea .social{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.footer .container .footer-menu .row>div.footer-logoArea .social span{
    vertical-align: middle;
    font-size: 10px;
    font-weight: 600;
    color: #727171;
}
.footer .container .footer-menu .row>div.footer-logoArea .social .d-inline{
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 0;
    vertical-align: middle;
}
.footer .container .footer-menu .row>div.footer-logoArea .social .d-inline i:before{
    content: "";
    width: 36px;
    height: 36px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
}
.footer .container .footer-menu .row>div.footer-logoArea .social .d-inline i.instagram:before{
    background-image:url(/gift/Images/Common/icon/ico_instagram.svg);
}
.footer .container .footer-menu .row>div.footer-logoArea .social .d-inline i.line:before{
    background-image:url(/gift/Images/Common/icon/ico_line.svg);
}
.footer .container h6{
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 2rem;
    line-height: 1;
}
.footer .container .footer-menu .row>div:not(.footer-logoArea) .list-inline li{
    font-size: 13px;
    line-height: 1;
    padding: 0;
    display:block;
}
.footer .container .footer-menu .row>div:not(.footer-logoArea) .list-inline li a{
/* color:#727171; */
color: #fff;
}
.footer .container .footer-menu .row>div:not(.footer-logoArea) .list-inline li a:hover{
  text-decoration:underline;
  text-underline-offset: 3px;
}
.footer .container .footer-menu .row>div:not(.footer-logoArea) .list-inline li+li{
    margin-top: 1.5em;
}
.footer .container .footer-menu .row>div:not(.footer-logoArea) hr{
    margin-top: 3rem;
    margin-bottom: 3rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
@media (min-width: 768px){
.footer .container .footer-menu .row>div.footer-logoArea+div{
margin-left:auto;
}}
@media (min-width: 576px){
.footer .container .footer-menu .row>div:not(.footer-logoArea) hr {
    display: none;
}}
.footer .footer-menu .footer-linkLogoArea{
    display: block;
    margin-top: 6rem;
    text-align: center;
}
.footer .footer-menu .footer-linkLogoArea>a{
display:inline-block;
margin-right: 1rem;
vertical-align: middle;
}
@media (min-width: 576px){
.footer .footer-menu .footer-linkLogoArea>a{
margin-right: 12px;
}
}
.footer .footer-menu .footer-linkLogoArea>a>div{
maragin-bottom:10px;
}



.footer .footer-copyRightArea{
    font-size: 80%;
    font-weight: 400;
    margin-top: 3rem;
    padding-bottom: 1.1rem;
    padding-top: 1.1rem;
    background-color: var(--keyColor);
    color: #fff;
}

/* 規約 */
.m10{
    margin: 10px 0;
}
.wrap_difinition_set > dl > dd{
    display: block;
    margin-left: 20px;
}
.wrap_difinition_set dl dd p + .list{
    margin-left: 1em;
}
.wrap_difinition_set dl dd p + .listDisc{
    margin-left: 1em;
    padding-left: 1em;
  }
.wrapper ul.list {
    display: table;
    margin: 0;
    padding: 0;
  }
  .wrapper ul.listDecimal li > ol.list{
    margin: 1em 0;
  }
  

  .wrapper ul.listDecimal > li{
    list-style-type: decimal;
    margin: 0;
    padding: 0;
    display: table-row;
    counter-increment: table-ul;
  }
  .wrapper ol.listDecimal > li {
    list-style-type: decimal;
    margin: 0;
    padding: 0;
    display: table-row;
    counter-increment: table-ol;
  }

  .wrapper ul.listDecimal > li:before{
    content: counter(table-ul) ".";
    display: table-cell;
    padding-right: 0.4em;
    text-align: right;
  }
  .wrapper ol.listDecimal > li:before {
    content: counter(table-ol) ".";
    display: table-cell;
    padding-right: 0.4em;
    text-align: right;
  }
  .wrapper ul.list li:after,
  .wrapper ol.listDecimal li:after{
    content: "";
    display: block;
    margin-bottom: 8px;
  }
  .wrapper .list.square{
    margin-left: 1em;
    padding-left: 1em;
  }
  .wrapper .list.square > li{

    list-style-type: square;
  }
  .wrapper ul.list li:last-of-type:after,
  .wrapper ol.list li:last-of-type:after {
    margin-bottom: 0;
  }
  .wrap_difinition_set + .foot{
    margin-top: 5em;
    text-align: right;
  }
  .wrap_difinition_set + .foot .end{
    margin-bottom: 1em;
  }
  .pt0{
    padding-top: 0 !important;
  }
  .wrap_difinition_set .sub_title {
    margin: 20px auto;
    font-size: 20px;
    font-weight: normal;
}
.wrap_difinition_set ul.listParentheses{
	margin-left: 3em;
}
.wrap_difinition_set dl dd p + .list.listParentheses {
    margin-left: 4em;
}
ul.listParentheses > li {
	list-style-type: none;
	counter-increment: cnt;
}

ul.listParentheses > li::before {
	content: "(" counter(cnt) ")";
	display:inline-block;
	margin-left:-3em; 
	width: 3em; 
}

/* クレジットカード */
.checkout_aspx .PaymentMethodBox #payment40000111 label::after{
    content: '';
    background-image: url(../../../Images/Common/ico_creditcard2.png);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 12px;
    width: 160px;
    height: 24px;
}
/* paypay */
.checkout_aspx .PaymentMethodBox #payment40000119 label::after{
    content: '';
    background-image: url(../../../Images/Common/ico_paypay01.jpg);
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 12px;
  width: 72px;
    height: 28px;
}
/* Amazon */
.checkout_aspx .PaymentMethodBox #payment80000001 label::after{
    content: '';
  background-image: url(../../../Images/Common/ico_amazonpay.png);
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 12px;
  width: 100px;
    height: 16px;
}
.purchaselimitinformation_aspx .cont .text{
    max-width: 500px;
    text-align: left;
    margin: auto;
}
.purchaselimitinformation_aspx .ulRepProducts li{
    max-width: 500px;
    text-align: left;
    margin: auto;
    display: flex;
}
.account_aspx .ScheduledSales{
    margin: 20px 0 0px 0;
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 25%);
    padding: 10px;
    text-align: left;
}
.account_aspx .regularItem_shWrap .regularItem_sh {
    margin: 20px 0 0px 0;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #ccc;
    
}
.account_aspx .ScheduledSales .ScheduledSalesList_col {
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
}
.account_aspx .ScheduledSales .ScheduledSalesList_col:last-child {
    border-bottom: none;
}

/* CategoryExpandParts */

.CategoryExpandParts {}
.CategoryExpandParts dl{}
.CategoryExpandParts dt .title{text-align:left;}
.CategoryExpandParts dt .title a{cursor: auto;}
.CategoryExpandParts dd ul{
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-bottom: 30px;
  padding-top: 14px;
}
.CategoryExpandParts dd ul li{
    border: none;
    list-style-type: none;
    line-height: 20px;
    background: none;
    font-size: 14px;
    margin-bottom: 10px;
    position: relative;
    box-sizing: border-box;
    width: auto;
}
.CategoryExpandParts dd ul li:not(:last-child) {
	margin-right: 1em;
}
.CategoryExpandParts dd ul li a{
    text-shadow: none;
    display: block;
    padding: 5px 15px;
    background-color: #eee;
    border-radius: 30px;
}
.CategoryExpandParts dd ul li a:hover{
	color:var(--keyColor);
}

.wrapper#store aside dd {
	background-color: #ededed;
}
.wrapper#store aside dd ul li a{
	border-top: solid 1px #cccccc;
}

.wrapper#store aside dd>div> ul li ul li:nth-child(1) a{
	border-top: solid 1px #ffffff;
}
.wrapper#store aside dd>div> ul li ul li:nth-child(1) a.current{
	color: var(--keyColor);
}
.wrapper#store aside dd ul li.subCategoryAll:before {
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    transform: rotate( 45deg);
    position: absolute;
    top: 5px;
    bottom: 0;
    margin: auto;
    background: transparent;
    right: 10px;
}
.wrapper#store aside dd ul li.subCategoryAll a:hover{
	color:var(--keyColor);
}
.wrapper#store aside dd ul li div.child_cate2 {
}
.wrapper#store aside dd ul li div.child_cate2 ul{
	margin:0px 1em 1em 1em;
	background-color: #ffffff;
}
.wrapper#store aside dd ul li div.child_cate2  ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    transform: rotate( 45deg);
    position: absolute;
    top: 5px;
    bottom: 0;
    margin: auto;
    background: transparent;
    right: 10px;
}
.wrapper#store aside dd ul li div.child_cate2  ul li a:hover{
	color:var(--keyColor);
}

.InquiryUrl_btn .btnColor {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f01b0d), to(#be0b00));
    background-image: linear-gradient(to bottom, #f01b0d, #be0b00);
border: solid 1px #f01b0d; 
}

/* .productdetail_aspx .QuestionnaireFrame */

.questionnaire_btn .btnColor {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f01b0d), to(#be0b00));
    background-image: linear-gradient(to bottom, #f01b0d, #be0b00);
border: solid 1px #f01b0d; 
}
.questionnaire_btn .btnColor:hover{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#be0b00), to(#f01b0d));
    background-image: linear-gradient(to bottom, #be0b00, #f01b0d);
    border: solid 1px #be0b00;
}

.productdetail_aspx .QuestionnaireFrame{}
.productdetail_aspx .QuestionnaireFrame #QuestionnaireOptionEachFrameName .LastName,
.productdetail_aspx .QuestionnaireFrame #QuestionnaireOptionEachFrameName .FirstName,
.productdetail_aspx .QuestionnaireFrame #QuestionnaireOptionEachFrameNameKana .LastNameKana,
.productdetail_aspx .QuestionnaireFrame #QuestionnaireOptionEachFrameNameKana .FirstNameKana {width:43%;display:inline;margin-right:2%;}

.productdetail_aspx .QuestionnaireFrame #QuestionnaireOptionEachFramePrefecture .prefecture {width:200px;padding:8px;}

.productdetail_aspx .QuestionnaireFrame .QuestionnaireAnswer.CheckBoxList{display:block;}
.productdetail_aspx .QuestionnaireFrames input[type=checkbox] {
    display: none;
}
.productdetail_aspx .QuestionnaireFrame  .QuestionnaireAnswer.CheckBoxList label {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.productdetail_aspx .QuestionnaireFrame .QuestionnaireAnswer.CheckBoxList label::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.productdetail_aspx .QuestionnaireFrame .QuestionnaireAnswer.CheckBoxList label::after {
    border-right: 6px solid var(--keyColor);
    border-bottom: 3px solid var(--keyColor);
    content: '';
    display: block;
    height: 20px;
    left: 7px;
    margin-top: -16px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 9px;
}
.productdetail_aspx .QuestionnaireFrame input[type=checkbox]:checked + label::before {
    border-color: #666;
}
.productdetail_aspx .QuestionnaireFrame input[type=checkbox]:checked + label::after {
    opacity: 1;
}

/* ラジオボタン02 */
.productdetail_aspx .QuestionnaireFrame input[type=radio] {
    /*display: none;*/
}
.productdetail_aspx .QuestionnaireFrame .radio02 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.productdetail_aspx .QuestionnaireFrame .radio02::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.productdetail_aspx .QuestionnaireFrame .radio02::after {
    background: #00cccc;
    border-radius: 50%;
    content: '';
    display: block;
    height: 8px;
    left: 10px;
    margin-top: -3px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 8px;
}
.productdetail_aspx .QuestionnaireFrame input[type=radio]:checked + .radio02::before {
    border-color: #666;
}
.productdetail_aspx .QuestionnaireFrame input[type=radio]:checked + .radio02::after {
    opacity: 1;
}

#questionnaireModal .QuestionnaireTitle{font-size:24px; text-align:center;margin-bottom:30px;}
#questionnaireModal .QuestionnaireTitle span{
    border-radius: 10px; 
    font-size: 0.6em;
    text-transform: uppercase;
    padding: 3px 8px;
    line-height: 1;
    margin:0px 8px 0 0;
    display: inline-block;
    border: 1px solid #009e9f;
    background-color: #009e9f;
    color: #fff;
    vertical-align: middle;
}
#questionnaireModal .QuestionnaireFrame .Questionnaire .QuestionnaireInput,
#questionnaireModal .QuestionnaireFrame .Questionnaire .QuestionnaireWrap{
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}


#questionnaireModal .questionnaireModalContent {
	border-radius: 0px;
	/*box-shadow: 0 8px 10px -6px rgb(0 0 0 / 30%);*/
	padding-bottom:0;
	overflow-x: hidden;
	box-sizing:border-box;
}
@media (max-width: 500px) {
#questionnaireModal .questionnaireModalContent {
padding:20px 10px 0 10px;
}}
#questionnaireModal input,
#questionnaireModal select,
#questionnaireModal textarea {
	padding: 8px;
	border: 1px solid rgb(200 200 200)!important;
	border-radius: 5px!important;

}

#questionnaireModal input:focus,
#questionnaireModal textarea:focus{
  outline:none;
  box-shadow: 0 0 0 2px var(--keyColor);
}

.QuestionnaireInputBody textarea{
font-size:100% !important;
font: inherit;
}

#questionnaireModal .Questionnaire.UserRegistForm #QuestionnaireOptionEachFrameMailConfirm.QuestionnaireWrap .QuestionnaireInputBody.QuestionnaireCell{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#questionnaireModal .Questionnaire.UserRegistForm #QuestionnaireOptionEachFrameMailConfirm.QuestionnaireWrap .QuestionnaireInputBody.QuestionnaireCell span{
display:inline-block;
width:18px;
margin:0 5px;
}
#questionnaireModal .Questionnaire.UserRegistForm #QuestionnaireOptionEachFrameMailConfirm.QuestionnaireWrap .QuestionnaireInputBody.QuestionnaireCell input{
width:calc((90% - 28px) / 2);
}
#questionnaireModal .Questionnaire.UserRegistForm .QuestionnaireWrap .QuestionnaireInputBody .upimage4+br+img{
width:auto;
}
#questionnaireModal input.RequiredError,
#questionnaireModal  textarea.RequiredError,
#questionnaireModal  select.RequiredError,
#questionnaireModal  div.RequiredError {
	background-color: #fdf2f3!important;
}


#questionnaireModal .Questionnaire.UserRegistForm .QuestionnaireInput,
#questionnaireModal .Questionnaire.UserRegistForm .QuestionnaireWrap,
#questionnaireModal .sendMailPanel{
display:flex;
flex-wrap:wrap;
}
#questionnaireModal .Questionnaire.UserRegistForm .QuestionnaireInput{ align-items: center;}


#questionnaireModal .Questionnaire.UserRegistForm{font-size:16px;padding:20px 10px 0 10px;}
@media (max-width: 600px) {
#questionnaireModal .Questionnaire.UserRegistForm{
font-size:14px;
}}


#questionnaireModal .Questionnaire.UserRegistForm .QuestionnaireInput>div:first-child,
#questionnaireModal .Questionnaire.UserRegistForm .QuestionnaireWrap>div:first-child,
#questionnaireModal .sendMailPanel>div:first-child{width:250px; margin-right:20px; font-weight:bold;}
#questionnaireModal .Questionnaire.UserRegistForm .QuestionnaireInput>div:last-child,
#questionnaireModal .Questionnaire.UserRegistForm .QuestionnaireWrap>div:last-child,
#questionnaireModal .sendMailPanel>div:last-child{width:calc(100% - 270px);}
.wrapper.productdetail_aspx #questionnaireModal .QuestionnaireFrame input[type=checkbox] {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
#questionnaireModal .QuestionnaireRadioButtonList{display:flex; flex-wrap:wrap; align-items: center; font-size:16px;}
#questionnaireModal .QuestionnaireRadioButtonList input[type=radio]{width:30px;}
#questionnaireModal .QuestionnaireRadioButtonList label{width:calc(100% - 45px);}
@media (max-width: 900px) {
#questionnaireModal .QuestionnaireFrame .Questionnaire .QuestionnaireInput,
#questionnaireModal .Questionnaire.UserRegistForm .QuestionnaireWrap{
    border-bottom: 0;
    padding-bottom: 0px;
    margin-bottom: 20px;
}
#questionnaireModal .Questionnaire.UserRegistForm .QuestionnaireInput,
#questionnaireModal .Questionnaire.UserRegistForm .QuestionnaireWrap, 
#questionnaireModal .sendMailPanel {
    display: block;
}
#questionnaireModal .Questionnaire.UserRegistForm .QuestionnaireInput>div:first-child, 
#questionnaireModal .Questionnaire.UserRegistForm .QuestionnaireWrap>div:first-child, 
#questionnaireModal .sendMailPanel>div:first-child {
width: 100%;
    margin-right: 0;
    font-weight: bold;
    border-top: 1px solid #9f9f9f;
    border-bottom: 1px dashed #ccc;
    padding-top: 10px;
    padding-bottom: 12px;
    margin-bottom: 20px;
}
#questionnaireModal .Questionnaire.UserRegistForm .QuestionnaireInput>div:last-child, 
#questionnaireModal .Questionnaire.UserRegistForm .QuestionnaireWrap>div:last-child, 
#questionnaireModal .sendMailPanel>div:last-child {
    width: 100%;
}
}

#questionnaireModal .Questionnaire.UserRegistForm .OptionDescription{
	margin:5px auto;
	font-size:14px;
}
@media (max-width: 600px) {
#questionnaireModal .Questionnaire.UserRegistForm .OptionDescription{
	font-size:12px;
}}
#questionnaireModal .errmsg{position:relative;}
#questionnaireModal .errmsg ul{border:solid 1px #ea55621a;background-color:#fdf2f3;position:relative;width:100%;}
#questionnaireModal .errmsg ul li{padding:2px 8px ;text-align:left;}
#questionnaireModal .Questionnaire .QuestionnaireInputTitle .InputRestriction.required{
    position: relative;
    top: -1px;
    color: #fff;
    margin: 0 5px;
    padding: 1px 5px;
    background: #ED013C;
    font-size: 10px;
    line-height: 1;
    border: solid 1px #ED013C;
}
#questionnaireModal .Questionnaire .QuestionnaireInputTitle .InputRestriction.optional{
    position: relative;
    top: -1px;
    color: #fff;
    margin: 0 5px;
    padding: 1px 5px;
    background: #aaa;
    font-size: 10px;
    line-height: 1;
    border: solid 1px #aaa;
}


.productdetail_aspx .QuestionnaireFrame.ConfirmPanel{
	text-align:left;
}
.productdetail_aspx .GroupIconListBottom .GroupIcon{
	border: 1px solid #ccc;display: inline-block;
}
.productdetail_aspx .GroupIconListBottom .GroupIcon.GroupIcon-alcohol{
	padding: 1em;
	font-size: 22px;
	line-height: 30px;
}



.CategoryTreeParts2{}
.CategoryTreeParts2 ul{
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    margin: 0px;
    box-sizing: border-box;
    padding: 0px;
}
div.content .itemcategory_area .CategoryTreeParts2 h3.mainTit {
	}
div.content .itemcategory_area .CategoryTreeParts2 h4 {
    border-bottom:solid 2px var(--keyColor);
		padding-bottom:15px;
	text-align:left;
	font-weight:600;
	font-size:1.2em;
	margin-bottom:15px;
}

.CategoryTreeParts2 ul li {
    width: calc((100% / 3) - 20px);
    margin: 20px 20px 40px 0px;
}
@media (max-width: 400px) {
.CategoryTreeParts2 ul li {
    width: calc((100% / 1) - 20px);
}
}
.CategoryTreeParts2 ul li ul{
    width:100%;
    display: block;
    margin: 0px;
    padding: 0px;
		text-align:left;
}
.CategoryTreeParts2 ul li ul>*{
    display: block;
    width:100%;
    margin: 0;
		text-align:left;
}
.CategoryTreeParts2 ul li a.Nest2{
    margin: 15px 0;
		font-size:1.1em;
		font-weight: 600;
}
.CategoryTreeParts2 ul li ul li .ppNaviSub {
    margin: 15px 0;
}
.CategoryTreeParts2 ul li ul li .ppNaviSub li {
    margin: 8px 0;
    position: relative;
    padding:0 0 0 15px;
}
.CategoryTreeParts2 ul li ul li .ppNaviSub li:before {
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    transform: rotate( 45deg);
    position: absolute;
    top: 0px;
    bottom: 0;
    margin: auto;
    background: transparent;
    left: 0px;
}
.CategoryTreeParts2 ul li ul li .ppNaviSub li a:hover {
    color: var(--keyColor);
}
.DetailExplainWrap a,
.ProductDetailMainInfo .ListExplain a,
.DetailAddExplainBox a{
    color:#0000FF;
    border-bottom: 1px solid #0000ff;
}

/*setshipping*/
.modal__content2 .btnBox .SmallButton{
width: 100%;
    max-width: 300px;
    padding: 12px 10px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-weight: bold;
    background: none;
    background-color: var(--keyColor);
    color: #ffffff;
    border: none;
    border-radius: 0;
}
#store.setshipping_aspx .termBase h3 {
  margin-bottom: 0;
  border-bottom: 0;
}
#store.setshipping_aspx .titleBtnarea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
  border-bottom: 1px solid #333;
  padding-bottom: 8px;
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList {
  display: flex;
  flex-wrap: wrap;
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li {
  border: 2px solid #cccccc;
  margin: 10px 10px 20px 10px;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  font-size: 14px;
  position: relative;
  width: calc((100% / 4) - 20px);
  box-sizing: border-box;
}
@media (max-width: 1000px) {
  #store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li {
    width: calc((100% / 3) - 20px);
  }
}
@media (max-width: 768px) {
  #store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li {
    width: calc((100% / 2) - 20px);
  }
}
@media (max-width: 400px) {
  #store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li {
    width: calc(100% - 20px);
  }
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li.selected {
  border: 2px solid var(--keyColor);
  background: var(--lightColor);
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner {
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  height: 100%;
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner .CheckBox {
  padding: 0 8px 0 0;
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner .CheckBox .checkBase {
  margin-right: 0;
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner .CheckBox .checkBase input[type='checkbox'] {
  margin-right: 0;
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner .ShippingAddress {
  width: calc(100% - 50px);
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner .ButtonTab {
  margin: 10px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner .ButtonTab > *:first-of-type {
  margin-right: 10px;
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner .ButtonTab .btnColor.min,
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner .ButtonTab .btnBorder.min {
  font-size: 14px;
  line-height: 24px;
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li div.inner .ButtonTab .btnColor.min {
  padding: 6px 10px;
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li.setAddress {
  border: 2px dashed #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f8f8;
  min-height: 164px;
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li.setAddress div.innner {
  height: auto;
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li.setAddress span:first-of-type,
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li.setAddress span .btnAddShippingModal {
  display: inline-block;
  text-align: center;
  color: #6f6f6f;
  background-color: transparent !important;
  padding: 0;
  font-weight: normal;
}
@media (min-width: 769px) {
  #store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li.setAddress span:first-of-type,
  #store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li.setAddress span .btnAddShippingModal {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 768px) {
  #store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li.setAddress span:first-of-type,
  #store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li.setAddress span .btnAddShippingModal {
    font-size: 12px;
    line-height: 22px;
  }
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li.setAddress span.setPlusBtn {
  font-size: 30px;
  vertical-align: middle;
  margin-right: 7px;
  color: #b3b3b3;
  display: inline-block;
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li.setAddress.selected {
  border: 2px dashed #ccc;
  background: #f8f8f8;
}
#store.setshipping_aspx .SetShippingAddress .SetShippingAddressList li .ButtonTab {
  clear: both;
}
#store.setshipping_aspx .SetShippingAddress.guest .SetShippingAddressList.ListAdressBook li .CheckBox {
/*  display: none;*/
}
@media (max-width: 1000px) {
  #store.seteachaddress_aspx .ApproveOrderList .shippingAddress {
    width: calc(100% / 3);
  }
}
@media (max-width: 768px) {
  #store.seteachaddress_aspx .ApproveOrderList .shippingAddress {
    width: calc(100% / 2);
  }
}
@media (max-width: 400px) {
  #store.seteachaddress_aspx .ApproveOrderList .shippingAddress {
    width: 100%;
  }
}
.wrapper .checkBase input[type="checkbox"] {
  width: 25px;
  height: 25px;
  margin-top: -12.5px;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 100;
}
.wrapper .checkBase input[type="checkbox"] + label {
  vertical-align: middle;
}
.wrapper .checkBase input[type="checkbox"] + label:before {
content: '';
  width: 20px;
  height: 20px;
  margin-right: 10px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #cccccc;
  position: relative;
  z-index: 1;
}

.wrapper .checkBase input[type="checkbox"]:checked + label:after {
    content: '';
    width: 8px;
    height: 12px;
    margin-top: -9px;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% + 0px);
    left: 5px;
    z-index: 10;
    border-bottom: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
}
.wrapper .checkBase input[type="checkbox"]:checked + label:before {
  border: 2px solid var(--KeyColor);
  background-color: var(--keyColor);
}


.rn-service_image img {
	border: 1px solid #c8c8c8;
}

.rn-service_textbox {
	width: 82.75%;
	margin: auto;
}

.rn-service_title {
	margin: 30px auto;
	font-size: 21px;
}

.rn-service_text {
	font-size: 19px;
}

.rn-service_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 63.3px 2.77%;
	margin-top: 10px;
}

.rn-service .rn-item {
	width: 48.33%;
    text-align: left;
}

@media screen and (max-width: 767px) {

	.rn-service {
		padding-bottom: 0;
	}

	.rn-service_image {
		margin-bottom: 0;
	}

	.rn-service_list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 21.5px 2.77%;
	}

	.rn-service .rn-item {
		width: 100%;
	}

	.rn-service_title {
		margin: 10.5px auto;
		font-size: 14px;
	}

	.rn-service_text {
		font-size: 11px;
	}

}

/* giftパネル */
.productdetail_aspx #cartBtn{
    margin: 20px auto;
}
.productdetail_aspx .btnCart.gift{

    margin-right: 28px;
    margin-bottom: 20px;
}
.productdetail_aspx .btnCart a#OpenGiftOptionUI {

}
.ApproveOrderComment table td dl dt {
    width: 90px;
    margin-bottom: 4px;
    font-weight: 600;
}
.wrapper .dataDefinitionList dt,
.wrapper .dataDefinitionList dd{
    width: 100%;
}
@media (max-width: 900px){
#store:not(.top_aspx):not(.productdetail_aspx).seteachaddress_aspx .ApproveOrderComment.settingitemList > table tbody > tr td:first-of-type {
    display: none;
}
}
@media (max-width: 700px){
    #store:not(.top_aspx):not(.productdetail_aspx).seteachaddress_aspx .ApproveOrderComment > table tbody > tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        position: relative;
    }
    #store:not(.top_aspx):not(.productdetail_aspx).seteachaddress_aspx .ApproveOrderComment > table tbody > tr td:nth-of-type(2) {
        width: calc(100% - 90px);
        margin-left: auto;
        text-align: center;
    }
    #store:not(.top_aspx):not(.productdetail_aspx).seteachaddress_aspx .ApproveOrderComment.settingitemList > table tbody > tr td:nth-of-type(3) {
        width: 100%;
    }
    #store:not(.top_aspx):not(.productdetail_aspx).seteachaddress_aspx .ApproveOrderComment.settingitemList > table tbody > tr td:last-of-type {
        width: 100%;
    }
    #store:not(.top_aspx):not(.productdetail_aspx).seteachaddress_aspx .ApproveOrderComment.settingitemList > table tbody > tr:first-of-type td {
        border-top: 1px solid #ddd;
    }
#store:not(.top_aspx):not(.productdetail_aspx).seteachaddress_aspx .ApproveOrderComment.settingitemList > table tbody > tr td:nth-of-type(2) {
    width: 100%;
    text-align: center;
}


}


/* ログイン前価格消す
#store.wrapper.guestmode .ListPriceTable{display:none;}
#store.wrapper.membermode .ListPriceTable{display:block;}
*/


.DiscountPromotionMessageArea{text-align:right;}
.DiscountPromotionMessageArea dl.marble_cart__total {
	display: flex;
	justify-content: flex-end;
  grig-gap:10px;
}
.DiscountPromotionMessageArea_link{text-align: right;
    margin-top: 1em;}
.DiscountPromotionMessageArea_link a{
    color: var(--keyColor);
    padding: 0.5em 1em;
    border: 1px solid var(--keyColor);
    border-radius: 5px;}
.DiscountPromotionMessageArea_link a i{margin-right:0.5em;}
.DiscountPromotionMessageArea .txt_lblDiscountPromotionMessage{
    display: inline-block;
    /*background-color: #e8e4da;
    padding: 0.5em 1em;
    border-radius: 5px;
    color: #806339;*/
    margin-top: 20px;
}
.cart_aspx .marble_post-free .marble_box-wrap--line{
	padding-bottom:0.8em;
}
.cart_aspx .marble_post-free span{
	font-size:1.2em;
}
.cart_aspx #SearchShippingFreeGoods,
.cart_aspx .SearchShippingFreeGoods{
	font-size:1.1em;
	text-align:right;
}
.cart_aspx .SearchShippingoffGoods{

}
.cart_aspx #SearchShippingFreeGoods a,
.cart_aspx .SearchShippingFreeGoods a{
    color: var(--keyColor);
    padding: 0.5em 1em;
    border: 1px solid var(--keyColor);
    border-radius: 5px;
    margin-top: 10px;
    display: inline-block;
}
.cart_aspx #SearchShippingFreeGoods a:before,
.cart_aspx .SearchShippingFreeGoods a:before{
	content: "";
    font-family: "Font Awesome 5 Free";
    padding-right: 0.4em;
    font-size: 0.9em;
    font-weight: 900;
}

.cart_aspx .CartRecommendTitle{
	font-size:1.2em;
	border-top:1px solid #CCC;
	padding-top:1em;
}


.jumbotron {
    max-width: 1000px;
    padding: 20px;
    margin: 20px auto;
}
.jumbotron .title_head .title_txt{
    padding-top: 0px;
}

.orderhistorydetail_aspx .att,

.orderhistorydetail_aspx .slip--orderGoodslist{
    display: none;
}
.wrapper#store #ProductDetail #divProductImages .container{
    position: relative;
}
.wrapper#store #ProductDetail #divProductImages .RelatedLinkPanel1{
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(255,255,255,0.6);

}
.wrapper .linkTxt:hover{
    color: var(--keyColor);
}
/* footerロゴ */
.footer .container .logo_mark{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    gap: 10px;
    margin-right: -15px;
    margin-left: -15px;
}
.footer .container .logo_mark dl{
    display: flex;
    align-items: flex-start;
    text-align: left;
    width: 100%;
    max-width: 400px;
}
.footer .container .logo_mark dl dt{
    width: 70px;
    padding-right: 10px;
}
.footer .container .logo_mark dl dd{
    width: calc(100% - 70px);
}
.footer .container .logo_mark dl p{
    color: #FFF;
}