﻿html {height: 100%;}

body
{
	height: 100%;
	margin:0;
	background-attachment: fixed; 
	background-color:#ffffff;
	color:#000000;

}

hr
{
	border: solid 2px #38CEE3;
	margin:10px;
}

a
{
	color:#000000;
	text-decoration:none;
}

/* floatの解除 */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

#wrap 
{
	min-height: 100%;
}

#main 
{
	overflow:initial;
	padding-bottom: 10px;
}
	
#Header
{
	color:#FFFFFF;
	background-color:#000000;
	font-size:12px;
	padding:5 0px;
}
#Header a
{
	color:#FFFFFF;
}

#Contents
{
	width:100%;
}

#Footer
{
	position: relative;
	clear:both;
	color:#FFFFFF;
	background-color:#000000;
	font-size:12px;
	padding:5px;
	text-align:center;
}

#Footer a
{
	color:#FFF;
}

#SubTitle
{
	font-weight:bold;
	text-align:center;
	margin:10px;
}

#Contents .SubTitle {
    font-weight: bold;
    margin: 10px;
    text-align: center;
}

#Header .Left{
	padding:5px;
	color:#FFF;
}
#Header .Right{
	float:right;
	padding:5px;
	color:#FFF;
}


.HeaderMember
{
	padding:0 5px;
	color:#FFF;
	float:left;
	clear:both;
	font-size:80%;
}
.HeaderMemberWelcome {
	float:left;
} 
.HeaderMemberRank {
	width:100%;
	font-size:55%;
	width:100%;
	text-align:center;
	background-color:#EFFF79;
}
.HeaderMemberRank	br{
	display:none;
}
#HeaderCart
{
	padding:0 5px;
	color:#FFF;
	font-size:80%;
	float:right;
	clear:both;
}

#BasketSummary
{
	font-size:80%;
	padding:0px ;
	text-align:right;
}

#Basket{
	float:right;
}
#HeaderCartFreeShippingMessage
{
	float:right;
  color:#CC0000;
	text-align:right;
}


#HeaderLink {
  background-color: #262626;
	margin:5px 0 0 0;
	padding:10px 0;
	text-align:center;
}
#HeaderLink a {
	color:#ffffff;
}


.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 #FFFFFF;
	padding:2px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float:right;
	text-align:center;
}

.SmallButton
{
	display: inline-block;
	margin: 5px auto;
	padding:6px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#38CEE3),to(#128494));
	background: -moz-linear-gradient(top, #38CEE3, #128494);
	border: solid 1px #2BB0BF;
	color:#fff;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}

.LargeButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 10px auto;
	padding:6px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#38CEE3),to(#128494));
	background: -moz-linear-gradient(top, #38CEE3, #128494);
	border: solid 1px #2BB0BF;
	color:#fff;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}
.LargeButton.disabled
{
	background: -webkit-gradient(linear, left top, left bottom,from(#CCCCCC),to(#696969));
	background: -moz-linear-gradient(top, #CCCCCC,#696969);
	border: solid 1px #999;
}
.ListButton
{
	background: -moz-linear-gradient(top, #38CEE3, #128494);
    background: -webkit-gradient(linear, left top, left bottom, from(#38CEE3), to(#128494));
	font-weight:bold;
	font-size:8pt;
	display: block;
	padding: 5px 2px;
	margin:5px 0px;
	width:80px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.9);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	text-align:center;
}
/*.DeleteButton
{
	background: -moz-linear-gradient(top, #E30000, #930000);
    background: -webkit-gradient(linear, left top, left bottom, from(#E30000), to(#930000));
	font-weight:bold;
	padding: 5px 15px;
	margin:5px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.9);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	text-align:center;
}
.EditButton
{
	background: -moz-linear-gradient(top, #00B500, #007600);
    background: -webkit-gradient(linear, left top, left bottom, from(#00B500), to(#007600));
	font-weight:bold;
	padding: 5px 15px;
	margin:10px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.9);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	text-align:center;
}
*/
.SubContents
{
	margin:5px;
	font-size:80%;
}
.Description
{
	text-align:center;
	font-size:50%;
	margin:5px;
}
.ErrorMessage ul
{
	margin:0;
	padding:0;
	text-align:center;
	list-style-type:none;
}

.ErrorMessage
{
	color:#FF0000;
	font-weight:bold;
	font-size:80%;
	text-align:center;
	display:block;
	margin:10px;
}
.ErrorMessageS
{
	color:#FF0000;
	font-weight:bold;
	font-size:50%;
}
.WarnMessage
{
	color:#FF0000;
	font-weight:bold;
	font-size:80%;
	text-align:center;
	display:block;
	margin:10px;
}
.inputError,.clientValidationSummary
{
	color:#FF0000;
	font-weight:bold;
	font-size:80%;
	text-align:left;
	display:block;
	margin:10px;
}
.Message
{
	font-weight:bold;
	font-size:80%;
	text-align:center;
	display:block;
	margin:10px;
}
.Label
{
	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;
}

.PageLink b
{
	color:#000000;
	text-align:center;
	background:#FFFFFF;
	border:1px solid #000000;
	padding:2px 5px;
}

.PageLink a
{
	color:#FFFFFF;
	text-align:center;
	background:#000000;
	padding:2px 5px;
	font-weight:bold;
}
.PrevPageLink
{
	display:block;
	float:left;
}
a.PrevPageLink
{
	color:#FFFFFF;
}
.NextPageLink
{
	display:block;
	float:right;
}
a.NextPageLink 
{
	color:#FFFFFF;
}

/* ログイン */

/* 検索 */

#Search
{
	margin:10px 5px 10px 5px;
	padding:5px;
	background: -moz-linear-gradient(top, #ffffff, #dddddd);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#000000;
	border:solid 1px #666;
}

.SearchButton
{
	margin:5px 5px 5px 5px;
	font-size:75%;
	background: -moz-linear-gradient(top, #666666, #333333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
	font-weight:bold;
	display: inline-block;
	padding: 3px 5px 3px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.9);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.SearchTextBox
{
	width:72%;
	float:left;
	margin:5px 5px 5px 5px;
	font-size:100%;
	padding:3px;
	border:solid 1px #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


#ShowSearchDetail
{
	clear:both;
	padding:0 5px;
	font-size:90%;
}

#Search select
{
	width:97%;
	margin:5px;
	font-size:90%;
}

/* おすすめ */
.RecommendTitle
{
	margin:10px 5px 0px 5px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
    clear:both;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.RecommendTitle:after
{
    display: block;
    content: " ";
    overflow: hidden;
    clear: both;
}

.RecommendList
{
	padding:0px;
	margin:0px 5px;
	font-size:80%;
}

.RecommendList li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
    overflow: hidden;
}

.RecommendList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/* おすすめ(スライドバージョン) */
.RecommendSlideTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
.RecommendSlideTitleR
{
    float:right;
}
.RecommendSlideTitleR a
{
    color:#FFFFFF;
}

.RecommendSlideFooter
{
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    color:#FFFFFF;
}
#RecommendSlide
{
	padding:0px;
	overflow: hidden;
}
#RecommendSlideList
{
	padding:0px;
	margin:0px;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, right bottom, from(#EEE), to(#FFF));
    font-size:50%;
}

#RecommendSlideList li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
    float:left;
    padding:10px 5px;
}
.SelectDot
{
	color:#38CEE3;
}
.Dot
{
	color:#CCCCCC;
}

/* セールスランキング(スライドバージョン) */
.RankingSlideTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
.RankingSlideTitleR
{
    float:right;
}
.RankingSlideTitle a
{
    color:#FFFFFF;
}
.RankingSlideFooter
{
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    color:#FFFFFF;
}
#RankingSlide
{
	padding:0px;
	overflow: hidden;
}
#RankingSlideList
{
	padding:2px;
	margin:0px;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, right bottom, from(#EEE), to(#FFF));
    font-size:50%;
}

#RankingSlideList li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
    float:left;
    padding:18px 5px 10px 5px;
}
#RankingSlideList li:nth-child(2)
{
	background:url("../Images/Common/Ranking01.gif") no-repeat scroll left top transparent;
}
#RankingSlideList li:nth-child(3)
{
	background:url("../Images/Common/Ranking02.gif") no-repeat scroll left top transparent;
}
#RankingSlideList li:nth-child(4)
{
	background:url("../Images/Common/Ranking03.gif") no-repeat scroll left top transparent;
}
.SelectRankingDot
{
	color:#38CEE3;
}
.RankingDot
{
	color:#CCCCCC;
}

/* カテゴリ一覧 */
.Category
{
	margin:10px 5px 10px 5px;
}

.CategoryTitle
{
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.CategoryList
{
	margin:0;
	padding:0;
}

.CategoryList li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
	background:url("../Images/Common/listarrow.png") no-repeat scroll right center transparent;
}

.CategoryList li a
{
	color:#333333;
	text-shadow: #CCC 1px 2px 1px;
}

.CategoryList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/* 商品リスト */
.ProductList
{
	margin:0;
	padding:0;
}

.ProductList li
{
	margin:auto;
	font-size:80%;
	padding:5px;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
}

.ProductListItem
{
	font-size:80%;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
}

.ProductListHeader
{
}

.ProductListFooter
{
}

.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 0px 10px;
}
#ProductDetail .Caption
{
	font-size:80%;
	text-align:center;
	padding:5px 10px 10px 10px;
}
#ProductDetail .Information
{
	font-size:80%;
	padding:5px;
}
#ProductDetail .SmallButton
{
	text-align:center;
	margin:5px;
	width:90%;
}
#ProductImage
{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:20px;
	width:240px;
}
.ProductImageThumb>img
{
	width:60px;
	margin:10px auto;
}
.ProductImageThumb
{
	width:260px;
	margin:10px auto;
}

.ProductVariationImageThumb
{
    width:100%;
    text-align:center;
}

.ProductVariationImageThumb img
{
    width:50px;
}

.Box
{
	border:solid 2px #999999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:5px;
	margin:5px;
}
.Box hr
{
	border:dotted 1px #999999;
	margin:5px;
}
#ProductDetail .Box table
{
	width:100%;
}

#divProductImages
{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}
#divProductImages .moving 
{
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
}
#divProductImages .item  
{
    width:240px;
    padding:0 50px 0 0;
	margin:0 0 0 -8px;
	list-style-type:none;
    float:left;
    position: relative;
 }
#divProductImages .nav 
{
    margin: 0 0 0 -26px;
    width: 320px;
    text-align:center;
}
#divProductImages .nav ul 
{
    margin:0;
}
#divProductImages .nav ul li 
{
    margin:4px;
    display: inline-block;
}
#divProductImages .nav ul li a {
}
#divProductImages .nav ul li.selected a {
}
#divProductImages .nav img
{
    margin: 10px auto;
    width: 60px;
}
#divProductImages .arrows
{
    color:#FFFFFF;
    cursor: pointer;
}

#divProductImages .arrows > .prev {
    position: absolute; top:260px; left: 5px; z-index: 1;
}
#divProductImages .arrows > .next {
    position: absolute; top:260px; right: 5px; z-index: 1;
}

.productdetail_aspx .cartIn .box 
{
    max-height: 0;
    overflow: hidden;
}
.productdetail_aspx .cartIn p 
{
	margin: 0 auto;
}
.productdetail_aspx .cartIn.open .box 
{
    max-height: 320px;
}
.productdetail_aspx .radioBase 
{
    margin: 0 auto;
}   
.productdetail_aspx .SelectVariationMessagePanel
{
	display:none;position: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 {
	font-size:80%;
}
.ListPriceDiv1
{
}
.PriceTitleA
{
	float:left;
	padding-right:3px;
}
.ListPriceTextA
{
	float:left;
	padding-right:3px;
}
.priceA
{
	font-weight:bold;
	float:left;
}
.DiscountRateA
{
	font-weight:bold;
	color:#FF0000;
}
.ListPriceDiv2
{
	display:none;
	clear:both;
}
.ListPriceDiv3
{
	clear:both;
}
.PriceTitleB
{
	float:left;
	padding-right:3px;
}
.ListPriceTextB
{
	float:left;
	padding-right:3px;
}
.priceB
{
	padding-right:3px;
	font-weight:bold;
	float:left;
}
.DiscountRateB
{
	font-weight:bold;
	color:#FF0000;
}
.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 10px;
}

.UserRegistButton
{
	text-align:center;
	padding:10px;
}

.UserRegistButton a
{
	width:40%;
}

.UserRegistButtonWide
{
	text-align:center;
	padding:10px;
}

.UserRegistButtonWide a
{
	width:80%;
}

.Name
{
	width:40%;
	font-size:120%;
}
.Zip
{
	font-size:120%;
	width:80%;
}
.Address
{
	font-size:120%;
	width:90%;
}
.Tel
{
	font-size:120%;
	width:20%;
}
.MailFirst
{
	font-size:120%;
	width:35%;
}
.MailSecond
{
	font-size:120%;
	width:35%;
}
.ShopMemberID
{
	width:40%;
	font-size:120%;
}
.ContentsArea
{
	text-align: left;
}
.ContentsArea h2
{
	margin-left: 5px;
}
.QuestionnaireAnswer
{
	font-size:120%;
	width:90%;
}
.QuestionnaireAnswer label
{
    font-size: 16px;
}

.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;
}

.marble_label--required {
    color: red;
}
/* カート */
.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;
    font-weight:bold;
    border-style:none;
    padding:2px 10px;
}
.ConfirmQtyMsgDiv1
{
	text-align: left;
	margin-bottom: 10px;
}
.ConfirmQtyMsgDiv2
{
	text-align: left;
	margin-top: 10px;
	color: red;
	font-size: 10pt;
}
.ConfirmQtyButtonDiv
{
	padding-top: 5px;
}
.DeliveryYear
{
	width:40px;
}
.DeliveryMonth
{
	width:40px;
}
.DeliveryDay
{
	width:40px;
}
.FreeShippingMessage
{
	color:#900;
	font-weight:bold;
}
.MailBinFrame {}
.MailBinTitle {font-size:10px; color:Black;}
.MailBinCheckBox {font-size:10px; color:Black;}
.MailBinComment {font-size:10px; color:Black;}
.MailBinDisabledMessage {font-size:10px; color:Black;}

/* 最終確認 */
.PaymentLabel
{
	float:left;
	width:30%;
}
.PaymentAmount
{
	float:left;
	text-align:right;
	width:30%;
}
.confirmationOrderDetail .CartItemLeft
,.confirmationOrderDetail .CartItemCenter
,.confirmationOrderDetail .CartItemRight
{
    width:auto;
}

.confirmationSubmitBtn
{
    display: block;
    position: relative;
    margin: 10px auto;
    padding:6px;
    text-align:center;
    width: fit-content;
    cursor: pointer;
}

/* 注文履歴 */
.OrderHistory
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.OrderHistory li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
}

.OrderHistory li:last-child
{
	color:#FFFFFF;
	background-color:#000000;
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-size:120%;
}

.OrderHistory li:first-child
{
	color:#FFFFFF;
	background-color:#000000;
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

/* ぱんくず */
.BreadCrumbs
{
	position: relative;
	margin:0;
	padding:5px;
	list-style-type:none;
	font-size:80%;
	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;
}*/

.BreadCramumbs 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
{
    margin:10px;
    padding-top:10px;
    clear:both;
}
.ReverseCategory h3
{
    font-size:12px;
    margin:10px 0px 3px;
}
.ReverseCategory ul
{
    margin:5px;
    padding:0px;
}
.ReverseCategory li
{
    display: inline;
    font-size:12px;
}
.ReverseCategory li:after
{
    content: ">";
}
.ReverseCategory li:last-child:after
{
    content: "";
}
.ReverseCategory li span
{
    color:Gray;
}

/* 商品画像リストパーツ */
#ProductImageList ul
{
    text-align:center;
    padding:10px;
    margin:0px;
    overflow:hidden;
}
#ProductImageList li
{
    float:left;
    padding:2px 5px;
    list-style-type:none;
    display:block;
    height: 230px;
}
#ProductImageList .GoodsName
{
    font-size:10px;
    width:90px;
    height:25px;
    overflow:hidden;
    text-align:left;
    line-height:12px;
    margin-top:3px;
}
#ProductImageList .GoodsPrice
{
    font-size:10px;
    width:90px;
    height:25px;
    overflow:hidden;
    text-align:center;
    line-height:12px;
}
#ProductImageList .GoodsComparisonSelect
{
    font-size:10px;
}
#ProductImageList .ProductImage img
{
    width:90px;
}
#ProductImageList .Loading
{
    clear:both;
    width:95%;
    height:50px;
    margin:5px auto;
    background-color:#FFFFFF;
    background-image:url("../images/common/loading.gif");
    background-repeat:no-repeat;
    background-position:center;
}
#ProductImageList .ReadMore
{
    font-size:80%;
    width:90%;
    margin:5px auto;
    padding:5px;
    text-align:center;
    border:solid 1px #AAAAAA;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background-color:#EEEEEE;
    color:#777;
    clear:both;
}
#ProductImageList #DivTotalCount
{
    font-size:80%;
    margin: 0px 10px;
    text-align:right;
}
#ProductImageListNoData
{
    width:100%;
    text-align:center;
    margin-bottom:20px;
}
#ProductImageList .ProductIcon img
{
    width:auto;
    height:auto;
}
#ProductImageList .GoodsMessage
{
    font-size:10px;
    width:90px;
    height:25px;
    overflow:visible;
    text-align:left;
    line-height:12px;
    margin-top:3px;
}
/* 商品バリエーション（スライドバージョン） */
/* おすすめ(スライドバージョン) */
.VariationSlideTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
.VariationSlideFooter
{
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    color:#FFFFFF;
}
#VariationSlide
{
	padding:0px;
	overflow: hidden;
}
#VariationSlideList
{
	padding:0px;
	margin:0px;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, right bottom, from(#EEE), to(#FFF));
    font-size:50%;
}

#VariationSlideList li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
    float:left;
    padding:10px 5px;
}
.SelectDot
{
	color:#38CEE3;
}
.Dot
{
	color:#CCCCCC;
}

#boxes, .boxes {
  text-align:center;
	align:center;
	margin:0 auto;
}

#boxes a, .boxes a{
	color:#ffffff;
}

#CouponDialog,#PointDialog
{
	display:none;
	z-index:9999;
	width:87%;
    background:white;
    padding:10px;
	margin:10px;
    position:fixed;
    top:50%;
    left:50%;
}

#CouponDialog,#PointDialog div{
	margin:3px;
}

#ShareForm
{
    padding:10px;
    font-size:12px;
}
#ShareProductImage
{
    float:left;
    overflow:hidden;
    zoom: 1;
    padding-bottom: 10px;
}
#ShareProductInfo
{
    margin-left: 110px;
    font-size:14px;
}
#ShareForm hr
{
    clear:both;
}
#ShareForm label.label
{
    font-weight:bold;
    display:block;
}
#ShareForm ul
{
    margin:0;
    padding:0;
}
#ShareForm li
{
    list-style-type: none;
}
#ShareForm textarea
{
    font-size:12px;
}
#ShareSubmit
{
    margin-top:10px;
    text-align:center;
}
#ShareComplete
{
    text-align:center;
}

ul.PWPProductList
{
    font-size: 80%;
    margin: 5px 5px 15px;
    padding: 0;
}

ul.PWPProductList li:after
{
    content: "";
    display: block;
    clear: both;
}

ul.PWPProductList li
{
    border-bottom: 1px dotted #333333;
    border-left: 2px solid #333333;
    border-right: 2px solid #333333;
    line-height: 20px;
    list-style-type: none;
    padding: 5px;
}

ul.PWPProductList li:first-child
{
    border-top: 2px solid #333333;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

ul.PWPProductList li:last-child {
    border-bottom: 2px solid #333333;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.PWPProductImage
{
    width: 80px;
    float: left;
}

.PWPProductInfo
{
    margin-left: 90px;
}

.Questionnaire .InputRestriction
{
    font-size:0.6em;
    color: #FF0000;
}

#QuestionnaireTitle
{
    font-weight: bold;
}

.ErrorPanel, .ThanksPanel
{
    text-align:center;
    margin: 100px 0px;
}



.divDCCLogin 
{
    padding:10px;
	margin:10px;
	background-color:White;
	font-size:12px; 
	border:solid 1px #666666;
	position:fixed;    
	top:50%;
	width:87%;
	color:Red;
}


/*  Goods Comparison */
.ComparisonListTable
{
    width:150px;
	border: #363636 1px solid;
	border-collapse: collapse;
}
.ComparisonListTable td
{
    padding: 2px 2px 2px 2px;
	font-size: 10px;
}
.ComparisonInfoTitle
{   
    background-color: #2f4f4f; 
    color:#ffffff;
}
.ComparisonRemoveCotrolCol,
.ComparisonRemoveCotrolRow
{    
    text-decoration:none;
    background-color: #bbb;
	text-align:center;
    font-weight:bold;       
}
.ComparisonRemoveCotrolCol
{
    height:15px;
}
.ComparisonRemoveCotrolRow
{
    width:15px;
}
.ComparisonRemoveCotrolCol a:link,
.ComparisonRemoveCotrolRow a:link
{
    color:#363636;
    text-decoration:none;
}
.ComparisonRemoveCotrolCol a:hover,
.ComparisonRemoveCotrolRow a:hover
{
    text-decoration:underline;
}
.ComparisonSpecTitle
{
    background-color: #2f4f4f; 
    color:#ffffff;
}
.ComparisonSpecGroupTitle
{
    background-color: #5F9EA0;
    color:#ffffff;
}
.ComparisonSpecRow
{
    background-color: #FFFFFF;
    color:#000000;
}
.ComparisonSpecAltRow
{
    background-color: #FFE4C4;
    color:#000000;
}

div.ComparisonSpecGroupTable
{
    display:table;
    padding:2px;
    font-size: 10px;
   	border: #ffffff 1px solid;
	border-collapse: collapse;
    width:100%;
}
div.ComparisonSpecGroupTitle
{
    display:table-caption;
    padding:2px;
   	border: #ffffff 1px solid;
}
div.ComparisonSpecTitle
{
    display:table-cell;
    padding:2px;
    width:50%;
}
div.ComparisonSpecRow
{
    display:table-cell;
    padding:2px;
    width:50%;
}
div.ComparisonSpecAltRow
{
    display:table-cell;
    padding:2px;
    width:50%;
}

.MyListCartBlock
{
    text-align:center;
    
    background:url(../images/common/MyListCartBg.gif);
    background-repeat:no-repeat;
}

#tdProductName a:link
{
    color: #0000FF;
    text-decoration: none;
}

#tdComparisonRemoveCotrolCol
{
}

.ComparisonButtonBox {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}

.ComparisonCenterButton {
    margin-left: auto;
    margin-right: auto;
    padding: 10px 100px;
}

.ComparisonCenterButton a:link
{
    text-decoration:none;
}

#divComparison
{
     margin:8px 0px 0px 0px;
}   
.container
{
    cursor: pointer;
}
#divComparison .moving 
{
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
}
#divComparison .item  
{
    padding:0;
	margin:0 0 0 1px;
	list-style-type:none;
    float:left;
 }

#CounselingDialog
{
	text-align:center;
	display:none;
	z-index:9999;
	width:87%;
    background:white;
    padding:10px;
	margin:10px;
    position:fixed;
    top:50%;
    left:50%;
}

#CounselingDialog div{
	margin:3px;
}
 
/* 商品参照履歴ページ用 */
.ProductViewedHistoryClear
{
    height:20px;
    text-align:right;
    font-size:80%;
}
/* 売上ランキングページ用 */
.RankImage
{
	margin-left:5px;
}

/* 最近チェックしたカテゴリー用 */
div.RecentlyViewedCategory
{
	margin: 10px 5px; 
}
div.RecentlyViewedCategoryPartsHeader 
{
    font-size: 80%;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    padding:5px;
    color:#FFFFFF;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
div.RecentlyViewedCategoryPartsHeader a
{
	float:right;
    color: #ffffff;
}

div.RecentlyViewedCategoryList
{
    height: auto;  
    overflow:auto; 
	background-color: #ffffff;

}
div.RecentlyViewedCategoryHierarchyList
{
    padding: 5px;
    color: #333333;
    list-style-type: none;
    text-shadow: 1px 2px 1px #CCCCCC;
	border-left: solid 2px #333333;
	border-right: solid 2px #333333;    
	border-bottom: solid 2px #333333;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;   
}
div.RecentlyViewedCategoryHierarchyList span
{
    margin-right:4px;
}
ul.RecentlyViewedCategoryHierarchyList
{
    margin: 0;
    padding: 0;
}
ul.RecentlyViewedCategoryHierarchyList li
{
    padding: 5px;
	border-left: solid 2px #333333;
	border-right: solid 2px #333333;
    list-style-type: none;
    border-bottom: 1px dotted #333333;
    color: #333333;
    text-shadow: 1px 2px 1px #CCCCCC;
}
ul.RecentlyViewedCategoryHierarchyList li:last-child
{
	border-bottom: solid 2px #333333;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* すべて見る */
.btn_viewall {
	position: relative;
	float:right;
	width: 110px;
	height: 30px;
	margin: 10px 0px 0px 0px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
	border: solid 1px #E6E6E6;
}
.btn_viewall:after {
	position: absolute;
	right: 0;
	top: 4px;
	content: url(../images/common/listarrow.png);
	width: 25px;
	height: 20px;
}
.btn_viewall  a {
	font-size: 80%;
	position: absolute;
	display: block;
	margin: 5px 0 0 15px;
}

/* toppagetab */

#toppagetab {
	padding:5px;
}
#toppagetab ul#tab {
	margin: 10px 10px 0px 10px;
	text-align:center;
	padding: 0;
}

#toppagetab #tab li {
	font-size: 80%;
  float: left;
  padding:8px  15px;
  list-style: none;
  cursor: pointer;
  background: #eee;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
#toppagetab #tab li.select {
  background: #666;
	color:#fff;
}
#toppagetab .disnon {
  display: none;
}
#toppagetab .content_wrap {
  clear: left;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:10px;
}
#toppagetab .Ranking li:nth-child(n+4) {
	display:none;
}
#toppagetab .RankingTitle, #toppagetab .RecommendTitle {
	display:none;
}
#toppagetab .Ranking ul, #toppagetab .Recommend ul{
	margin: 0px;
}
#toppagetab .Ranking ul li, #toppagetab .Recommend ul li{
	border:solid 0px #fff;
}

#toppagetab .btn_go {
	position: relative;
	float:right;
	width: 110px;
	height: 30px;
	margin: 10px 0px 0px 0px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
}
#toppagetab .btn_go:after {
	position: absolute;
	right: 0;
	top: 4px;
	content: url(../images/common/listarrow.png);
	width: 25px;
	height: 20px;
}
#toppagetab .btn_go  a {
	font-size: 80%;
	position: absolute;
	display: block;
	margin: 5px 0 0 15px;
}
#toppagetab .btn_x {
	position: relative;
	float:left;
	width: 150px;
	height: 30px;
	margin: 15px 0px 0px 0px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
}
#toppagetab .btn_x:after {
	position: absolute;
	left: 10px;
	top: 6px;
	content: url(../images/common/icon_x.png);
	width: 16px;
	height: 16px;
}
#toppagetab .btn_x  a {
	font-size: 80%;
	position: absolute;
	display: block;
	margin: 5px 0 0 30px;
}
/* List全般 */

.RecommendList .ItemRight {
	width:60%;
}
.ProductList .ItemRight {
	width:60%;
}
#RankingList .ItemRight {
	width:50%;
}
.ItemRight .ListPriceTable{
	font-size:80%;
}

/* セールスランキング */
.RankingTitle
{
	margin:10px 5px 0px 5px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.Ranking .ShowMore
{
    float:right;
}
.Ranking .ShowMore a
{
    color: #ffffff;
}

.RankingList
{
	padding:0px;
	margin:0px 5px 10px;
	font-size:80%;
}

.RankingList li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
    overflow: hidden;
}

.RankingList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.footericon {
	padding:10px;
}
.footericon ul {
	margin:0;
	padding:0;
}
.footericon ul li {
	width:22%;
	margin:3px;
	text-align:center;
	list-style-type:none;
	float:left;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	color:#000000;
	border:solid 1px #666;
}

.footericon .footericontxt {
	font-size:60%;
	text-align:center;
	margin:0px auto 5px auto;
}

.footernavi {
	position: relative;
	margin: 5px 10px;
	background-color: #fff;
	border: 4px solid #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.footernavi:after {
  position: absolute; top: -20px; right: 40px;
   content: ""; width: 0; height: 0;
  border-bottom: 20px solid #333;
  border-left: 20px solid transparent;
}

.footernavi ul {
	margin:0;
	padding:0;
}
.footernavi ul li {
	font-size:80%;
	list-style-type:none;
	padding:8px;
	background:url("../Images/Common/listarrow.png") no-repeat scroll right center transparent;
	border-bottom:solid 1px #000;
}
.CategoryExpand {
	margin:20px 5px;
}
.CategoryExpandTitle {
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    padding:5px;
    font-size:15px;
	line-height:180%;
    color:#FFFFFF;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.CategoryExpand .CategoryExpandUl {
	border-bottom: 1px solid #333;
	margin:0;
	padding:0;
}
.CategoryExpand .CategoryExpandUl li{
	list-style-type: none;
    font-size:15px;
	line-height:180%;
	color:#333333;
	text-shadow: #CCC 1px 2px 1px;
}
.CategoryExpand .CategoryExpandUl li .AccordionMenuRoot{
	border-top: 1px solid #333;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	padding:5px;
	background:url("../Images/Common/listarrow-open.png") no-repeat scroll transparent;
	background-position:right 8px;
}
.CategoryExpand .CategoryExpandUl .CategoryExpandChild ul{
	list-style-type: none;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	background-color:#F2F2F2;
	margin:0;
	padding:0;
}
.CategoryExpand .CategoryExpandUl .CategoryExpandChild li{
	border-top: 1px dotted #333;
	padding:5px 0;
}
.CategoryExpand .CategoryExpandUl .CategoryExpandChild li .AccordionMenu {
	padding:0 0 0 20px;
}
.CategoryExpand .CategoryExpandUl .CategoryExpandChild li ul{
	list-style-type: none;
	background-color:#F2F2F2;
	border: 0px;
	margin:0;
	padding:0;
}
.CategoryExpand .CategoryExpandUl .CategoryExpandChild li ul li .AccordionMenu {
	padding:0 0 0 40px;
}

.SelectedItemTR {background-color:#ffcccc;}
.SelectedCheckBox {background-color:#ffcccc;}

#DetailUIBlock>dl{margin-bottom:40px;}
#GiftOptionList
{
	margin: 10px 30px;
}
.EditGiftOptionButton
{
	clear:both;
}
.EditGiftOptionPanelButtonBlock
{
	clear:both;	
}
#GiftOptionSubmitButton
{
}
#GiftOptionCancelButton
{
}
#Overlay {
    background-color: #000000;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 99;
}
.OptionErrorMsgDiv
{
	color: Red;
}
#EditGiftOptionMessage
{
	color: Red;
}


.GiftOptionSettingPanel
{
	position: absolute;
	border:solid 1px #666;
	background-color: #fff;
	padding: 20px 30px;
	width: 300px;
	color: #444;
	z-index: 100;
}

.GiftOptionSettingTypePanel li
{
	list-style-type:none;
}


/* 20121204 */

/* InfoPageVariation */
.InfoPageVariation {
	text-align:center;
	padding:10px 0;
}
.InfoPageVariation .InfoPageProductImage {
	width:90px;
}
.InfoPageVariation table{
	text-align:center;
	margin:auto;
	padding:0 10px;
	font-size:70%;
	width:100%;
}
.InfoPageVariation table .ListPriceTextB2,
.InfoPageVariation table .DiscountRateB,
.InfoPageVariation table .DiscountRateC {
	float:left;
}
.InfoPageVariation ul{
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	border-bottom:2px dotted #666;
}
.InfoPageVariation ul li{
	margin: auto;
	font-size: 80%;
	padding: 8px;
	border-top:2px dotted #666;
}
.InfoPageVariation ul li:nth-child(even) {
	background-color:#EAFCFF;
}

.InfoPageVariation .VariationTxt {
	font-weight:bold;
}
.InfoPageVariation	.btn_detail {
	position: relative;
	margin: 10px 0px 10px 0px;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
	border: solid 1px #ddd;
}
.InfoPageVariation	.btn_tocart {
	position: relative;
	margin: 10px 0px 10px 0px;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#38CEE3),to(#128494));
	background: -moz-linear-gradient(top, #38CEE3, #128494);
	border: solid 1px #2BB0BF;
}
.btn_tocart::after,
.btn_detail::after {
	position: absolute;
	right: 0;
	top: 7px;
	content: url(../images/common/listarrow.png);
	width: 25px;
	height: 20px;
}
.btn_detail a {
	position: relative;
}
.btn_tocart a {
	position: relative;
	color:#fff;
	font-weight:bold;
}

/* codeinput */
.codeinput {}

.codeinput p {
	text-align:center;
}
.codeinput #ErrBlock {
	margin:0 10px;
	padding:5px;
	border:solid 1px red;
	font-size:80%;
}

.codeinput #OrderItemTable {
	width:100%;
	border-bottom:2px dotted #666;
}

.codeinput #OrderItemTable td {
	margin: 0;
	padding: 10px;
	border-top:2px dotted #666;
	vertical-align:top;
}
.codeinput #OrderItemTable ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.codeinput #OrderItemTable ul li{
}
.codeinput input,
.codeinput select {
	font-size: 120%;
}
.codeinput .btn_tocart {
	position: relative;
	margin: 10px;
	padding:6px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#38CEE3),to(#128494));
	background: -moz-linear-gradient(top, #38CEE3, #128494);
	border: solid 1px #2BB0BF;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

#NameprintPanel
{
    position: absolute;
    border:solid 1px #666;
    background-color: #fff;
    padding: 20px 30px;
    width: 350px;
    color: #444;
    z-index: 100;
}
#ErrorMessageBlock
{
	font-size: 0.8em;
	color: Red;
}
#NameprintPanel .ButtonBlock
{
	margin-top: 20px;
}
#NameprintPanel .ErrorItem
{
	color: Red;
	display: none;
}
#NameprintPanel .NamePrintOptionEachFrame:after
{
	content: " ";
	clear:both;
	display: block;
	visibility: hidden;
}
#NameprintPanel .NamePrintOptionEachFrame
{
	font-size: 0.8em;
}
#NameprintPanel .NamePrintInputTitle
{
	font-weight: bold;
}
#NameprintPanel .NamePrintOptionDescription
{
	text-align: left;
}
.codeinput .nameprint_input_value_div
{
	font-size: 0.8em;
}

/* 商品振分画面 */
#DivideShippingProductList .GoodsName
{
    height:38px;
    overflow:hidden;
}

/* 配送先選択画面 */

.Purchaser .ShippingAddress


.ShippingList .relatedOrderItem
{
    margin-top:5px;
}
.ShippingList .giftInput dt
{
    margin-left:10px;
}
.ShippingList .giftInput dl
{
    margin-left:20px;
}

/* SetShippingPage */

.SetShippingPage {}

.SetShippingPage p {
	text-align:center;
}

.SetShippingPage ul .title{
	background-color:#333;
	color:#fff;
	font-weight:bold;
}
.SetShippingPage ul .title #asterisk{
	font-size:80%;
	font-weight:normal;
}
.SetShippingPage .ShippingList li:nth-child(even) {
	background-color:#EAFCFF;
}
.NextButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 10px auto;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#38CEE3),to(#128494));
	background: -moz-linear-gradient(top, #38CEE3, #128494);
	border: solid 1px #2BB0BF;
	color:#fff;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}

.AddButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 10px auto;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#fd6ca0),to(#FB2B75));
	background: -moz-linear-gradient(top, #fd6ca0, #FB2B75);
	border: solid 1px #F07AA7;
	color:#fff;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}
.ReturnButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 10px auto;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
	border: solid 1px #E6E6E6;
	color:#333;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}


/* DivideShippingPage */

.DivideShippingPage {}
.DivideShippingPage p{
	padding: 5px;
	margin:0;
}
.DivideShippingPage p img{
	vertical-align:top;
}

.DivideShippingBlock{}

.DivideShilipingBlockTop{
	border:solid 0px red;
	padding:0 ;
	margin:0 0 15px 0;
}

.DivideShilipingBlockTop ul{
	margin:0;
	padding: 0;
	list-style: disc inside;
}
.DivideShilipingBlockTop ul li{
	padding:3px 5px;
	font-size:80%;
}
.DivideShilipingAll{
	margin:5px;
	padding: 3px;
	font-size:80%;
}

.AddressPageNavi {
	font-size:80%;
	display:table;
	width:90%;
	list-style:none;
}
.AddressPageNavi li{
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	width:30%;
	padding:0 5px;
}

.AddressPageNavi #AddressPageNaviL{
	text-align:right;
}
.AddressPageNavi #AddressPageNaviR{
	text-align:left;
}
.DivideShipping li:nth-child(odd) {
	background-color:#EAFCFF;
}

td.tab
{
border-top-left-radius: 5px;     /* 左上 */
border-top-right-radius: 5px;    /* 右上 */

-webkit-border-top-left-radius: 5px;     /* 左上 */
-webkit-border-top-right-radius: 5px;    /* 右上 */

-moz-border-radius-topleft: 5px;     /* 左上 */
-moz-border-radius-topright: 5px;    /* 右上 */
}
.DivideShippingFirst {
border-top:#333 2px solid;
border-top-right-radius: 5px;    /* 右上 */
-webkit-border-top-right-radius: 5px;    /* 右上 */
-moz-border-radius-topright: 5px;    /* 右上 */
}

TD.DivideShippingTableB {
	BORDER-RIGHT: #fff 2px solid; BORDER-TOP: white 4px solid; PADDING-LEFT: 18px; BORDER-LEFT: #aaa 0px solid; COLOR: white; BORDER-BOTTOM: #eee 1px solid; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #dcdcdc
}
TD.DivideShippingTableD {
	BORDER-RIGHT: #333 2px solid; BORDER-TOP: #333 2px solid; FONT-WEIGHT: bold; BORDER-LEFT: #333 2px solid; COLOR: white; BORDER-BOTTOM: 0px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #333
}
TD.DivideShippingTableE {
	BORDER-RIGHT: #fff 2px solid; BORDER-TOP: white 4px solid; PADDING-LEFT: 18px; BACKGROUND-IMAGE: url(../images/common/misettei_icon.gif); BORDER-LEFT: #aaa 0px solid; COLOR: white; BORDER-BOTTOM: #eee 1px solid; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #dcdcdc
}
TD.DivideShippingTableF {
	BORDER-RIGHT: #333 2px solid; BORDER-TOP: #333 2px solid; FONT-WEIGHT: bold; BORDER-LEFT: #333 2px solid; PADDING-LEFT: 18px; BACKGROUND-IMAGE: url(../images/common/misettei_icon.gif); BACKGROUND-REPEAT: no-repeat; COLOR: white; BORDER-BOTTOM: 0px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #333;
}

/* 商品リストでの在庫・バリエーション表示 */
#VariationListTitle {font-size: 13px; text-align: center;}
#VariationColorList
{
	font-size: 12px;
}
#VariationStockTable 
{
	clear:both;
	text-align:left;
	margin: 10px 0;
}
#VariationStockTableTitle {font-size: 12px;}
#VariationStockTableExNote {font-size: 12px;}
#VariationListCloseButton {font-size: 13px;}
#VariationListCloseButtonDiv {text-align: center;}
table.tblVariation2
{
	border-collapse:collapse;
}

td.tblVariation2td1
{
	font-size:12px;
	line-height:120%;
	border:solid 1px #666;
	padding:5px;
	text-align:center;
}

td.tblVariation2td2
{
	font-size:10px;
	line-height:120%;
	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;
}

.Open
{
}
.Closed
{
    background-color:#FFCCCC;
}
.Sunday {
    background-color: #FFCCCC;
}
.Saturday {
    background-color: #CCFFFF;
}

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;
}

/* クーポン一覧 */
.CouponList
{
}

.CouponList li
{
}

.CouponList li:last-child
{
}

.CouponList li:first-child
{
}
.CatalogRequestFrame 
{
	margin: 5px;
	font-size: 0.8em;
}
.CatalogRequestFrame ul
{
	margin: 0;
	padding: 0;
}
.CatalogRequestFrame li
{
	list-style-type : none;
	margin-bottom: 10px;
}
.CatalogRequestFrame ul.catalog-list li img
{
	display:block;
}
.CatalogRequestFrame dd
{
	margin-bottom: 10px;
}
.CatalogRequestFrame dt em
{
	color: #A00;
}
.CatalogRequestHistory
{
	padding: 5px;
}
ul.CancelCatalogList
{
	margin: 0;
	padding: 0;
}
ul.CancelCatalogList li
{
	list-style-type: none;
}
ul.CancelCatalogList li img
{
	margin-left: 20px;
}
.submit ul
{
	padding-left: 10px;
}
.submit ul li
{
	list-style-type: none;
}
#ctl00_body_cvCancelCatalog
{
	display:none;
}
dl.CancelCatalogConfirm dt
{
	font-weight: bold;
}
ul.CancelCatalogConfirmList
{
	margin: 0;
	padding: 0;
}
ul.CancelCatalogConfirmList li
{
	list-style-type:none;
}
input.RequiredError,textarea.RequiredError,select.RequiredError,div.RequiredError
{
	background-color: #FAA;
}

.SearchMemberBYShopMemberIdFrame
{
	margin: 0 0 4px 0;
	padding:0;
	width:100%;
}
.SearchMemberBYShopMemberId
{
	background-color: #f9f9f3;
	border-style: solid;
	border-width: 1px;
	border-color: #d3d3d3 #888 #888 #d3d3d3;
	margin: 0 auto;  
	padding:0 0 4px 0;
	width:95%;
}

.SearchMemberBYShopMemberId h3
{
    background-color: #dcdffc;   
    font-size: 14px;
    margin: 0;
	padding:4px;
}

#RdUserCodeInput
{
    margin: 0;
	padding:4px;
}
.LinkShopMemberId
{
    margin-left:30px;
    font-size:10px;
}
.TelNo
{
    width:55px;
}

/* キャンペーン一覧 */
.CampaignList
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.CampaignList li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:dotted 1px #333;
	list-style-type:none;
	line-height:20px;
}
.CampaignList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.CampaignList li:first-child
{
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.CampaignName {font-size: 14px; color:#444;}
.CampaignDescription {font-size: 14px; color: #444;}
.CampaignTerm {font-size:12px;}
.CampaignTargetSite {font-size: 14px;}
.CampaignNAMessage
{
}

/* MyPage */
.MyPageMemberID
{
	margin:0px 0px 5px 10px;
}
.DashboardLayoutPanel
{
	margin:0px 10px 10px 10px;
	padding:0;
}
.MyPageDashboardBlock
{
	margin: 15px 0;
	padding: 0 20px;
}
.MyPageDashboardSubTitle
{
	font-size: 0.9em;
	background: #cdcdcd;
	color: #000;
	padding: 3px 0 3px 10px;
}
.MyPageDashboardContents
{
	font-size: 0.8em;
	padding: 5px 0;
}
.MyPageDashboardList
{
	margin-top: 10px;
	margin-bottom: 5px;
}
.MyPageDashboardListItemHead
{
	margin-top: 5px;
	margin-bottom: 2px;
}
.MyPageDashboardListItemBody
{
	padding-left: 20px;
}
.AgeRequirementCheckPanel
{
	position: absolute;
	border:solid 1px #666;
	background-color: #fff;
	padding: 20px 30px;
	width: 300px;
	color: #444;
	z-index: 100;
}
.StockMatrixPanel table
{
	border-collapse:collapse;
	width: 90%;
}
.StockMatrixPanel th
{
	background-color: #999;
}
.StockMatrixPanel td
{
	border: solid 1px #999;
}

#VariationMatrix .Loading {
    background-color: #FFFFFF;
    background-image: url("../images/common/loading.gif");
    background-position: center center;
    background-repeat: no-repeat;
    clear: both;
    height: 50px;
    margin: 5px auto;
    width: 95%;
}

.DeleteButtonSmall {   
    background: -moz-linear-gradient(top,#FF8156 0%,#FF4000);
    background: -webkit-gradient(linear, left top, left bottom, from(#FF8156), to(#FF4000));
    border: 1px solid #DDD;
    color:#FFF;
    padding: 2px 4px;
}

#ReviewSendCompleteBox
{
    background-color: #fff;
    padding: 10px;
}

#AddressList
{
   	position: absolute;
	border:solid 1px #666;
	background-color: #fff;
	padding: 20px 30px;
	z-index: 100;
}

/* メーカーから探す */
#MakerSearchPartsDiv .MakerSearchTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
#MakerSearchPartsDiv .ListBox
{
    margin:5px;
}
#MakerSearchPartsDiv ol
{
    height:100px;
    overflow:scroll;
    overflow-x:hidden;	
    border:solid 1px gray;
    padding:2px;
    list-style:none;
    -webkit-overflow-scrolling: touch;
}
/* ブランドから探す */
#BrandSearchPartsDiv .BrandSearchTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
#BrandSearchPartsDiv .ListBox
{
    margin:5px;
}
#BrandSearchPartsDiv ol
{
    height:100px;
    overflow:scroll;
    overflow-x:hidden;    
    border:solid 1px gray;
    padding:2px;
    list-style:none;
    -webkit-overflow-scrolling: touch;
}
/* おすすめカテゴリー */
.RecommendCategoryTitle
{
	margin-top:10px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
}
#RecommendCategoryList
{
    margin: 0;
    padding: 0;
    font-size:80%;
}
#RecommendCategoryList .ListItem
{
    border-bottom: 1px dotted #333;
    line-height: 20px;
    list-style-type: none;
    padding: 5px;
}
/* ----- */
/* 購入履歴リスト */
#RecentOrderList .title
{
	margin:10px 5px 0px 5px;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
    font-size:80%;
    padding:5px;
    color:#FFFFFF;
    clear:both;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
#RecentOrderList .title:after
{
    display: block;
    content: " ";
    overflow: hidden;
    clear: both;
}
#RecentOrderList .title .linkToList
{
    float:right;
}
#RecentOrderList .title .linkToList a
{
    color:#FFFFFF;
}
#RecentOrderList .list
{
	padding:0px;
	margin:0px 5px;
	font-size:80%;
}
#RecentOrderList .list li
{
	padding:0px;
	margin:0px;
	overflow:hidden;
	list-style-type:none;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
}
#RecentOrderList .list .ItemLeft
{
    margin:5px;
    float:left;
}
#RecentOrderList .list .ItemRight
{
    width:60%;
}
#RecentOrderList .list li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
/* ----- */
/* 領収書送付申込 */
#frmRequestReceipt div
{
    margin:5px;
}
/* ----- */

/* 見積履歴 */
.EstimateHistory
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.EstimateHistory li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:solid 1px #333;
	list-style-type:none;
	line-height:20px;
}

.EstimateHistory li:last-child
{
	color:#FFFFFF;
	background-color:#000000;
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-size:120%;
}

.EstimateHistory li:first-child
{
	color:#FFFFFF;
	background-color:#000000;
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

div .SeparatorSolid
{
    width:100%;
	border-bottom:solid 1px #333;
}

div .SeparatorDotted
{
    width:100%;
	border-bottom:dotted 1px #333;
}

/* カート一覧 */
#MultiShopCartList
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

#MultiShopCartList li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:solid 1px #333;
	list-style-type:none;
	line-height:20px;
}

#MultiShopCartList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-size:120%;
}

#MultiShopCartList li:first-child
{
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

#MultiShopCartEmptyMessage,.DisabledMessage
{
    padding:20px;
    color: #606060;
    font-size:14px;
}
#MultiShopCartLoading
{
    text-align:center;    
}
/* ギフト指定 */
#GiftOptionUI
{
    font-size: 80%;
}

#GiftOptionUI .SetOptionsSubTitle {
    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;
}
@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 .SetOptionNoshiWrap,
#GiftOptionUI dd.giftModalFlex .SetOptionWrappingWrap,
#GiftOptionUI dd.giftModalFlex .SetOptionRibbonWrap,
#GiftOptionUI dd.giftModalFlex .SetOptionMessageCardWrap{
    width: 30%;
}

}
@media (max-width: 767px){
#GiftOptionUI dd.giftModalFlex .SetOptionNoshiWrap,
#GiftOptionUI dd.giftModalFlex .SetOptionWrappingWrap,
#GiftOptionUI dd.giftModalFlex .SetOptionRibbonWrap,
#GiftOptionUI dd.giftModalFlex .SetOptionMessageCardWrap{
    text-align: center;
}
}


#GiftOptionUI dd.giftModalFlex ul{
    display: flex;
    flex-wrap: wrap;
}
#GiftOptionUI dd.giftModalFlex ul li.listTit{
    width: 100%;
    background-color: #f86434;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 8px;
    box-sizing: border-box;
    margin-bottom:20px;
}
#GiftOptionUI .OptionListImg
{
    list-style-type: none;
    width: calc(100% / 3);
    box-sizing: border-box;
    padding: 10px;
    font-size:13px;
}
#GiftOptionUI .optionItemName{
    padding: 10px;
    display: block;
    text-align: center;
}
@media (max-width: 767px){
#GiftOptionUI .OptionListImg
{
    width: calc(100% / 3);
}
}
@media (max-width: 500px){
#GiftOptionUI .OptionListImg
{
    width: calc(100% / 2);
}
}
#GiftOptionUI .SetOptionsFrame .selectBase select{
    font-size: 16px;
    padding: 20px 10px;
    font-weight: 600;
    width:100%;
}
/*.wrapper #GiftOptionUI .SetOptionsFrame .selectBase.select01:after{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}*/
#GiftOptionUI .SetOptionsFrame .Selected
{
    border:1px solid #f86434;
background: #ffe2c4;
}

#GiftOptionUI .SetOptionsFrame .optionItemName input
{
    display:none;
}

#GiftOptionUI .SetOptionWindowImageFrame
{
    clear:both;
    padding:4px 0;
}

#GiftOptionUI .SetOptionWindowImage
,#GiftOptionUI .SelectedGiftOptionBlock
{
    width: 200px;
    margin:auto; 
}
@media (min-width: 768px){
#GiftOptionUI .SetOptionWindowImage
,#GiftOptionUI .SelectedGiftOptionBlock
{
    width: 100%;    
}
}
#GiftOptionUI .NoGiftOptionStyle
{
    clear:both;
    padding:4px 0;
}
#GiftOptionUI .OptionNone
{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: 170px;
    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;
}
#EditGiftOptionPanelButtonBlock{
text-align:center;
margin:20px 10px;
}
/* ギフト指定 */

/* ギフト指定(カート) */
#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 #f86434;
    background: #ffe2c4;
}

#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;   
}

/* ファイルアップロードパネル */
#UploadFrame{
width:100%!important;
height:100%!important;
}
#UploadPanel
{
	display:none;
	z-index:10001;
	width:87%;
    padding:10px;
    position:fixed;
    margin: auto!important;
    bottom: 0!important;
    top: 0!important;
    height: 60%;
    left: 0!important;
    right: 0!important;
}
@media (max-width: 768px){
#UploadPanel{
width:90%!important;
}
}
#UploadHeader
{
    /*background-color: #FD6533;*/
    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;
}
#UploadHeaderRight.Close{
background-color: #FD6533;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    width: 1.2em;
    height: 1.2em;
    justify-content: center;
    align-items: center;
}
#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;
height:100%;
}
.ShowDataTitle
{
    font-size:large;
    margin:8px;
    text-align:left;
    border-bottom:solid 1px #c0c0c0;
}
.ShowDataContentBox
{
    width:80%; 
    margin:0 auto;    
}
@media (max-width: 768px){
.ShowDataContentBox
{
    width:95%; 
}}
/*.ShowDataTextLine
{
    margin:1px;
    padding:4px;
    background: none repeat scroll 0 0 #E5E7EB;
    color: #606060;
    font-size: 12px;
}
*/
#pnlUpload{
border:solid 2px #FD6533;padding:15px;background-color:#FFFAF2;
}
/*.ShowDataTextLine input[type="file"]{
	background-color: #FD6533;
	padding: 7px 10px;
	width: auto;
    max-width: none;
    display: inline-block;
}
*/

#pnlUpload .ShowDataTextLine{
text-align:center;
}
#pnlUpload .ShowDataTextLine .text.left{
    text-align: left;
    font-size: 14px;
    color: #666;
}
.ShowDataButtonArea
{
	flex-direction: row-reverse;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:8px;
	margin: 20px auto 0 auto;
}

.ShowDataButtonArea .btnColor {
    width: 100%;
    max-width: 300px;
    padding: 12px 10px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-weight: bold;
    background-color: #FD6533;
    color: #ffffff;
	border: none;
}
.ShowDataButtonArea .btnBorder {
width: 100%;
    max-width: 300px;
box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-weight: bold;
	border: 1px solid #FD6533;
    color: #FD6533;
    background-color: #ffffff;
}

.ShowDataButtonArea input
{
	margin: 0 10px;
	padding: 10px 30px;
	font-size: 16px;
    line-height: 26px;
}
@media (max-width: 1020px){
.ShowDataButtonArea .btnBorder {
margin-top:20px;
}
}
.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;
}
.PopUpFrame .cont{
box-sizing:border-box;
}
@media (min-width: 768px){
.PopUpFrame .cont{
	padding: 0 60px;
}}
@media (max-width: 767px){
.PopUpFrame .cont{
	padding: 0 20px;
}}

/* 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.gif");
    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#store .u_page #itemListBox{}
.wrapper#store .u_page #itemListBox .ProductListHeader,
.wrapper#store .u_page #itemListBox .ProductListFooter {display:none;}
.wrapper#store .u_page #itemListBox .itemList  li .price_area  {display:none;}


.wrapper.confirmation_aspx#store .shippingBox{}
.wrapper.confirmation_aspx#store .shippingBox ul{width:100%;box-sizing: border-box;}
.wrapper.confirmation_aspx#store .shippingBox ul li.shipping-details{box-sizing: border-box;}
.wrapper.confirmation_aspx#store .shippingBox ul li.shipping-details dl {
    box-sizing: border-box;
    border: 1px solid #cecece;
    border-bottom: none;
    position: relative;
}
.wrapper.confirmation_aspx#store .shippingBox ul li.shipping-details dl:last-child{
border-bottom: 1px solid #cecece;

}
.wrapper.confirmation_aspx#store .shippingBox ul li.shipping-details dl dt{
    display: block;
    position: relative;
    background-color:#eee;
    padding: 15px 10px;
}
.wrapper.confirmation_aspx#store .shippingBox ul li.shipping-details dl dt p{
    display: inline;
    margin-right:8px;
    font-weight:bold;
    font-size:1.2em;
}

.wrapper.confirmation_aspx#store .shippingBox ul li.shipping-details dl dt span.ico_plusminus,
.wrapper.confirmation_aspx#store .shippingBox ul li.shipping-details dl dt.active span.ico_plusminus{
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #f86434;
    padding: 5px;
}
.wrapper.confirmation_aspx#store .shippingBox ul li.shipping-details dl dt span.ico_plusminus:before,
.wrapper.confirmation_aspx#store .shippingBox ul li.shipping-details dl dt span.ico_plusminus:after {
    display: block;
    content: '';
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    width: 18px;
    height: 4px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0
}
.wrapper.confirmation_aspx#store .shippingBox ul li.shipping-details dl dt span.ico_plusminus:before{
    width: 4px;
    height: 18px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}

.wrapper.confirmation_aspx#store .shippingBox ul li.shipping-details dl dt.active span.ico_plusminus:after{
    display: block;
    content: '';
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    width: 18px;
    height: 4px;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.wrapper.confirmation_aspx#store .shippingBox ul li.shipping-details dl dt.active span.ico_plusminus:before{
content:none;
}

.wrapper.confirmation_aspx#store .shippingBox ul li.shipping-details dl dd{
    display: block;
    position: relative;
    padding: 10px;
}
.wrapper.confirmation_aspx#store .shippingBox ul li.shipping-details dl dd h2.title{
    text-decoration:underline;
}

.wrapper.confirmation_aspx#store .shippingBox ul li.shipping-details dl dd .item.confirm-col .orderItemList{
    box-sizing: border-box;
    padding:8px;
}

.userregisttop_aspx .marble_box-wrap--line{
    border: 1px solid #CCC;
    box-sizing: border-box;
    margin-bottom: 2em;
    background-color: #fff;
}

/*アドレス帳*/
#store.addressbook_aspx .SetShippingAddressList {
    display: flex;
    flex-wrap: wrap;
}
#store.addressbook_aspx .SetShippingAddressList li,
.u_page_guide_aspx .guide .itemList 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;
}
.u_page_guide_aspx .sq_blue{
	color: #fff;
    background: blue;
    padding: 0 4px;
    display: inline;
    margin: 4px;
    font-size: 0.9em;
}
#store.addressbook_aspx .SetShippingAddressList li div.inner {
    height: 100%;
}
#store.addressbook_aspx .SetShippingAddressList li div.inner .ShippingAddress {
    width: calc(100% - 50px);
	margin: auto;
}
#store.addressbook_aspx .SetShippingAddressList li div.inner .ShippingAddress .AddressDetail .address{
	text-align: left;
}
#store.addressbook_aspx .SetShippingAddressList li.setAddress {
    border: 2px dashed #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;

}
#store.addressbook_aspx .SetShippingAddressList li.setAddress div.innner {
    height: auto;
}

#store.addressbook_aspx .SetShippingAddressList li.setAddress span:first-of-type,
#store.addressbook_aspx .SetShippingAddressList li.setAddress span .btnAddShippingModal{
    display: inline-block;
    text-align: center;
    color: #6f6f6f;
    background-color: transparent !important;
    padding: 0;
    font-weight: normal;
}
#store.addressbook_aspx .SetShippingAddressList li div.inner .ButtonTab {
    margin: 10px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
#store.addressbook_aspx .SetShippingAddressList li div.inner .ButtonTab > *:first-of-type {
    margin-right: 10px;
}
#store.addressbook_aspx .SetShippingAddressList li div.inner .ButtonTab .btnColor.min, 
#store.addressbook_aspx .SetShippingAddressList li div.inner .ButtonTab .btnBorder.min {
    font-size: 14px;
    line-height: 24px;
}
#store.addressbook_aspx .SetShippingAddressList li div.inner .ButtonTab .btnColor.min {
    padding: 6px 10px;
}

/*アドレス帳(登録)*/
#store.addressbookregist_aspx .BoxBirth .selectBase + span{
    display: inline-block;
    margin: 0.5em 4px 0 4px;
}
#store.addressbookregist_aspx .mainArea .inputBox.BoxBirth dd .selectBase{
    width: calc(50% - 25px) !important;
    min-width: 133px !important;
}
#store.addressbookregist_aspx .marble_label--required {
    color: red;
}
/*
#store.addressbookregist_aspx .relationShip.checkBase{
	width: 100%;
}
#store.addressbookregist_aspx .relationShip.checkBase label{
	position: relative;
}
#store.addressbookregist_aspx .relationShip.checkBase label:after {
    content: '';
    width: 6px;
    height: 10px;
    margin-top: -8px;
    transform: rotate(
45deg
);
    position: absolute;
    top: calc(50% + 2px);
    left: 5px;
    z-index: 11;
}
#store.addressbookregist_aspx .relationShip.checkBase label:after {
    border-bottom: 4px solid #ccc;
    border-right: 4px solid #ccc;
}
.wrapper .checkBase input[type="checkbox"]:checked + label:after {
    border-bottom: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
}
*/
@media (max-width: 1024px){
#store.addressbook_aspx .SetShippingAddressList li div.inner .ButtonTab > *:first-of-type {
    margin-right: 3px;
}
#store.addressbook_aspx .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% / 3) - 20px);
    box-sizing: border-box;
}
}
@media (min-width: 769px){
#store.addressbook_aspx .SetShippingAddressList li.setAddress span:first-of-type,
#store.addressbook_aspx .SetShippingAddressList li.setAddress span .btnAddShippingModal {
    font-size: 16px;
    line-height: 26px;
}
}
#store.addressbook_aspx .SetShippingAddressList li.setAddress span.setPlusBtn {
    font-size: 30px;
    vertical-align: middle;
    margin-right: 7px;
    color: #b3b3b3;
    display: inline-block;
}

@media (max-width: 1000px){
#store.addressbook_aspx .SetShippingAddressList li {
    width: calc((100% / 3) - 20px);
}
}
@media (max-width: 768px){
#store.addressbook_aspx .SetShippingAddressList li {
    width: calc((100% / 2) - 20px);
}
}
@media (max-width: 425px){
#store.addressbook_aspx .SetShippingAddressList li {
    width: calc(100% - 20px);
}
.u_page_guide_aspx .guide .itemList li{
    padding: 10px !important;
width: 100%!important;
}
}
/*---Setshipping---*/
#store.setshipping_aspx .SetShippingAddress .modal__content2 .inputBox dd .non_editable{display:none;}

/*---OrderHistoryDetail---*/
.wrapper.orderhistorydetail_aspx#store .settingBox {border:0px;padding:0px;}
.wrapper.orderhistorydetail_aspx#store .checkoutBox{}
.wrapper.orderhistorydetail_aspx#store .checkoutBox .checkoutList{display:block;}
.wrapper.orderhistorydetail_aspx#store .checkoutBox .checkoutList li{display:block;}
.wrapper.orderhistorydetail_aspx#store .checkoutBox .checkoutList li hr{margin:8px 0;border:0;border-top: 1px solid #cccccc;}
.wrapper.orderhistorydetail_aspx#store .checkoutBox .checkoutList li.usecoupon{display:block;}
.wrapper.orderhistorydetail_aspx#store .checkoutBox .checkoutList li.usecoupon div{display:inline;}
.wrapper.orderhistorydetail_aspx#store .checkoutBox .checkoutList li.IncentiveMessage{display:block;}
.wrapper.orderhistorydetail_aspx#store .checkoutBox .checkoutList li.IncentiveMessage .IncentiveTitle{font-weight:bold;}
.wrapper.orderhistorydetail_aspx#store .shippingBox{}
.wrapper.orderhistorydetail_aspx#store .shippingBox ul{width:100%;box-sizing: border-box;}
.wrapper.orderhistorydetail_aspx#store .shippingBox ul li.shipping-details{box-sizing: border-box;}
.wrapper.orderhistorydetail_aspx#store .shippingBox ul li.shipping-details dl {
    box-sizing: border-box;
    border: 1px solid #cecece;
    border-bottom: none;
    position: relative;
}
.wrapper.orderhistorydetail_aspx#store .shippingBox ul li.shipping-details dl:last-child{
border-bottom: 1px solid #cecece;

}
.wrapper.orderhistorydetail_aspx#store .shippingBox ul li.shipping-details dl dt{
    display: block;
    position: relative;
    background-color:#eee;
    padding: 15px 10px;
}
.wrapper.orderhistorydetail_aspx#store .shippingBox ul li.shipping-details dl dt p{
    display: inline;
    margin-right:8px;
    font-weight:bold;
    font-size:1.2em;
}

.wrapper.orderhistorydetail_aspx#store .shippingBox ul li.shipping-details dl dd{
    display: block;
    position: relative;
    padding: 10px;
}
.wrapper.orderhistorydetail_aspx#store .shippingBox ul li.shipping-details dl dd h2.title{
    text-decoration:underline;
}

.wrapper.orderhistorydetail_aspx#store .shippingBox ul li.shipping-details dl dd .item.confirm-col .orderItemList{
    box-sizing: border-box;
    padding:8px;
}
.wrapper.orderhistorydetail_aspx#store .shippingBox ul li.shipping-details dl dd .item.confirm-col .subtotal div{}
.wrapper.orderhistorydetail_aspx#store .shippingBox ul li.shipping-details dl dd .item.confirm-col .subtotal hr{margin:8px 0;border:0;border-top: 1px solid #cccccc;}

/*************ご利用ガイド**************/
.wrapper .cont.u_page .pageLink {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	justify-content: flex-start;
	margin: 60px 0 50px 0;
}
.wrapper .cont.u_page .pageLink li{
    box-sizing: border-box;
    border: 2px solid #FD6533;
    color: #FD6533;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
	margin: 0 10px 10px 10px;
    padding: 10px 20px;
    cursor: pointer;
}
@media (min-width: 768px){
.wrapper .cont.u_page .pageLink{

}
}

@media (max-width: 767px){
.wrapper .cont.u_page .pageLink li{
	padding: 10px;
}

}
.wrapper .cont.u_page .pageLink li:after {
    content: '';
    width: 8px;
    height: 8px;
    margin: 0 0 3px 10px;
    display: inline-block;
    transform: rotate(
45deg
);
    border-bottom: 2px solid #FD6533;
    border-right: 2px solid #FD6533;
}
.wrapper .cont.u_page .pageLink li:hover {
    opacity: 0.8;
}
.wrapper .cont.u_page .pageLink li a{
    color: #FD6533;
}
.wrapper#store .cont.u_page .txt_point{
	color: #FD6533;

}
.wrapper#store .cont.u_page .fs09{
    font-size: .9em;
}
.wrapper .cont.u_page a.btnBorderColor {
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.wrapper#store .cont .guide .itemList.list-col4.b-box li p{
	text-align: center !important;
	font-weight: bold;
}
.wrapper#store .cont .guide .itemList.list-col4.b-box li .ico-img{
	width: 30%;
    margin: auto;
}
.wrapper#store .dltable {
	border: 1px solid #FD6533;
}

.wrapper#store .dltable dt{
	background:#FFFAF2;
	padding: 0.5rem 1rem;
	border-bottom: 1px solid #FD6533;
    text-align: center;
    font-weight: bold;
}
.wrapper#store .dltable dd{
	padding: 0.5rem 1rem;
	margin: 0;
}
.wrapper#store .dltable dd img{
	width:100%;
}
.wrapper#store .deliverymethod .dltable .timetable{
	display: flex;
    flex-wrap: wrap;
}
.wrapper#store .deliverymethod .dltable .timetable li{
	text-align: center;
    border-right: 1px solid #FD6533;
}
.wrapper#store .deliverymethod .dltable .timetable li:last-child{
    border-right:none;
}
section.guide dl dd .attention{background: #FFFAF2;padding: 0.5rem 1rem;}

/*infoBox*/
.wrapper#store .infoBox03 > dt {
    background: #FFFAF2;
    padding: 0.5rem 1.5rem;
    border-bottom: 1px solid #FD6533;
    text-align: center;
    font-weight: bold;
}
.infoBox03 dd dl dd, .infoBox04 dd dl dd {
    border-bottom: 1px solid #fea081;
    border-left: 1px solid #fea081;
    text-align: left;
}

.infoBox03 dd dl dt, .infoBox04 dd dl dt{
    border-bottom: 1px solid #fea081;
}

section.guide .infoBox03 dd dl dt {
    width: 20%;
    padding: 0.7em 0;
	box-sizing: border-box;
}
section.guide .infoBox03 {
    margin: 15px auto 0;
	border: 1px solid #FD6533;
	border-bottom:0;
}


section.guide .infoBox03 .bdt0,
#noshi .infoBox03 .bdt0 {
	font-weight: bold;
    text-align: center;
}
section.guide .infoBox03 dd dl dd,
section.guide .infoBox03 dd dl dt {
	align-items: center;
    vertical-align: middle;
    justify-content: center;
    text-align: center;
    padding: 0.5rem 1rem;
    margin: 0;
}
section.guide .infoBox03 dd dl dd {
    width: 40%;
    padding: 10px;
	box-sizing: border-box;
	margin-bottom: 0;
}
.wrapper#store .infoBox03 > dd{
	margin-bottom: 0;
}
.flex-w{
    display: flex;
    flex-wrap: wrap;
}

section.guide .infoBox03 .infoBox_p4 dt{
	width: 40%;
    display: flex;
	flex-wrap: wrap;
    align-items: center;
}
section.guide .infoBox03 .infoBox_p4 dd{
	width: 15%;
	display: flex;
    justify-content: center;
}
section.guide .infoBox03.bag .tit3_7 .img{
    width: 30%;
}
section.guide .infoBox03.bag .tit3_7 p{
    width: 70%;
}
section.guide .infoBox03.bag .img_bag img{
	width:100%;
}
/*infoBox03(のし)*/
#noshi .infoBox03 {
    margin: 15px auto 0;
    border: 1px solid #e8b0a3;
    border-bottom: 0;
}
#noshi .infoBox03 .infoBox_p4 dt{
	width: 15%;
    display: flex;
	flex-wrap: wrap;
    align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
#noshi .infoBox03 .infoBox_p4 dd{
	width: 25%;
	display: flex;
	align-items: center;
    justify-content: flex-start;
	box-sizing: border-box;
	padding: 5px;
    border-bottom: 1px solid #e8b0a3;
    border-left: 1px solid #e8b0a3;
}
#noshi .infoBox03 .infoBox_p4 dd.w40{
	width: 35%;

}

#noshi .infoBox03 .infoBox_p4 dd img{
	width: 125px;
	border: 1px solid #ddd;
}

#noshi .infoBox03 .infoBox_p4 dd.flex_center,
#noshi .infoBox03 .infoBox_p4 .bdt0{
	justify-content: center;
border-bottom: 1px solid #e8b0a3;
}

.bold{font-weight: bold;}

.wrapper#store .cont .guide .itemList.list-col4.b-box li .box_btn {
    text-align: center;
}

.wrapper#store .deliverymethod .dltable .timetable li{
	width: calc((100% / 5) - 1px);
}
.dltable.card{
	max-width:400px;
}
.dltable.info_netP{
	width:100%;
	max-width:450px;
}
@media (min-width: 999px){

.wrapper#store .cont .guide .itemList.list-col4.b-box li {
	width: calc((100% / 4) - 16px);
    padding: 20px 20px 10px 20px !important;
    margin: 20px 8px 40px 8px;
}
}
@media (max-width: 767px){
section.guide .infoBox03.bag{
	border:none;
}
section.guide .infoBox03 .infoBox_p4 .bdt0{
	display:none;
}
.infoBox03 .infoBox_p4 dd {
    border-left: none;
}
section.guide .infoBox03 .infoBox_p4 dt,
section.guide .infoBox03 .infoBox_p4 dd{
width:100%;
}
section.guide .infoBox03 .infoBox_p4 dd{
	justify-content: flex-start;
}
section.guide .infoBox03.bag .tit3_7 .img,
section.guide .infoBox03.bag .tit3_7 p{
width:100%;
}
section.guide .infoBox03.bag .tit3_7 .img{
	max-width: 300px;
    margin: auto;
}

section.guide .infoBox03 .infoBox_p4 dd:before{
	content:attr(data-label);
	font-weight: bold;
	width: 100px;
    text-align: left;
    padding: 0 1em 0;
}

}
@media (max-width: 425px){
section.guide .infoBox03 dd dl dd, section.guide .infoBox03 dd dl dt{
	padding: 0.5rem;
}
.wrapper#store .deliverymethod .dltable .timetable li {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #fd6533;
    padding: 5px;
}
.wrapper#store .deliverymethod .dltable .timetable li:last-child{
    border-bottom: 0;
}
.wrapper#store .dltable.shippingtime dd{
	padding: 0;
}
}

/******ご利用ガイド 手順******/
section.guide{text-align:left;font-size:1em;margin-left:10px;margin-right:10px;}
section.guide h3,
section.guide h2{
	font-size:1.5em;font-weight:bold;
	position: relative;
  padding: 1.5rem;
  text-align: center;
	margin-bottom:30px;
}
section.guide dl dd {
    margin-bottom: 30px;
}
section.guide .red{color:#cc0000;font-weight: bold;}
section.guide strong{font-weight:bold;}



section.guide dl dd .red{color:#cc0000;}
section.guide dl dt.ttl{
	font-size:1.1em;font-weight:bold; 
	padding:0.5rem 1rem;
	border-left: 5px solid #FD6533;
	background: #f4f4f4;
	margin-bottom:20px;
}
.u_page .guide .cf {
    padding-bottom: 70px;
	display: flex;
    flex-wrap: wrap;
	counter-reset:guidenumber;/*カウンターリセット*/
}
.u_page .guide .cf .guide_leftArea {
    width: 50%;
}
.u_page .guide .cf .guide_leftArea .guindenum .ml_step {
    margin: 1em 0;
}
.u_page .guide .cf .guide_leftArea .guindenum .ml_step{
    text-indent: 0em;
    margin-left: 0.2em;
    font-weight: normal;
    margin-top: 10px;
}
.u_page .guide .cf .guide_rightArea {
    width: 47%;
    padding-left: 3%;
}
/*
.u_page .guide .cf  .guide_leftArea ul.numicon>li{
	padding-left: 30px;
    text-indent: -34px;
	line-height: 1;
    margin-bottom: 1em;
}
.u_page .guide .cf .guide_leftArea ul.numicon li:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    text-indent: 10px;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
    padding: 8px 0;
    box-sizing: border-box;
}
.u_page .guide .cf .guide_leftArea ul.numicon>li::before {
    counter-increment: guidenumber;
    content: counter(guidenumber, decimal);
}
.u_page .guide .cf .guide_leftArea ul.numicon>li > span:nth-child(n+2){
	margin-left:5px;
}
*/
.u_page .guide .cf .ml_step a{
	text-decoration: underline;
}
.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: #FD6533;
    color: #ffffff;
    border: none;
    border-radius: 0;
}

.wrapper .checkBase 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: 10;
}
.wrapper .checkBase input[type="checkbox"].check01:checked + label:before {
    border: 2px solid #FD6533;
    background-color: #FD6533;
}
.wrapper .checkBase input[type="checkbox"].check01:checked + label:after {
    content: '';
    width: 6px;
    height: 10px;
    margin-top: -8px;
    transform: rotate(
45deg
);
    position: absolute;
    top: calc(50% + 2px);
    left: 5px;
    z-index: 11;
    border-bottom: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
}
@media screen and (max-width: 599px){
.u_page .guide .cf .guide_leftArea ,.u_page .guide .cf .guide_rightArea {
    width: 100%;
}
.u_page .guide .cf .guide_leftArea .process li{
    font-size: 16px;
}
}
/******* purchaselimitinformation_aspx ***********/
.wrapper.purchaselimitinformation_aspx .baseWrap.contentsBox {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 10px;
}
#store.purchaselimitinformation_aspx .listText {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 40px auto;
    padding: 30px 15px;
    text-align: center;
    box-sizing: border-box;
}
#store.purchaselimitinformation_aspx .mainArea .listText li:hover{
	color: inherit !important;
}
#store.wrapper.purchaselimitinformation_aspx .listText li dl {
    display: flex;
}
#store.purchaselimitinformation_aspx .listText li dl dt {
    width: 200px;
    text-align: left;
}
.guide_rightArea img{
	border: 1px solid #ccc;
}


@media (max-width: 500px){
#store.wrapper.purchaselimitinformation_aspx .listText li dl {
    display: flex;
	flex-wrap: wrap;
}
#store.purchaselimitinformation_aspx .listText li dl dt {
    width: 100%;
    text-align: center;
}
}

/*****商品詳細調整******/
#store.productdetail_aspx section.product .box_text .box_cart .itemCount{
	margin-bottom: 0px !important;
}
#store.productdetail_aspx section.product .box_text .box_cart .cartBtn {
    margin-top: 60px;
}



/****引き出物セット****/
.u_page .list_cir{
	box-sizing: border-box;
    border-radius: 45px;
    position: relative;
    font-size: 18px;

}
.list_hikidemono .list_cir{
    border: 2px solid #dc517a;
    background-color: #dc517a;
    color: #fff;
	width: 72%;
    margin: auto;
}
.u_page_hikidemono_set_aspx .Emphasis{
	color:#dc517a;
	font-size: 1.2em;
}
.u_page_hikidemono_set_aspx .flex-w.imgarea01{
    justify-content: center;
	max-width: 891px;
    margin: auto;
}
.u_page_hikidemono_set_aspx .imgarea02{
	margin: 1em auto;
}
.u_page_hikidemono_set_aspx .imgarea02 li{
	width: 100%;
    max-width: 938px;
    margin: auto;
}
.wrapper#store:not(.top_aspx):not(.productdetail_aspx):not(.productlist_aspx):not(.categorylist_aspx).u_page_hikidemono_set_aspx .cont p.giftName {
    text-align: left;
	font-weight:bold;
	font-size: 16px;
    line-height: 26px;
}
.wrapper#store:not(.top_aspx):not(.productdetail_aspx):not(.productlist_aspx):not(.categorylist_aspx).u_page_hikidemono_set_aspx .box_balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #998474;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #998474;
  box-sizing: border-box;
	border-radius: 40px;
	width: 100%;
    max-width: 640px;
}
.wrapper#store:not(.top_aspx):not(.productdetail_aspx):not(.productlist_aspx):not(.categorylist_aspx).u_page_hikidemono_set_aspx .box_balloon .balloon{
  margin: 0;
  padding: 0;
}

.wrapper#store:not(.top_aspx):not(.productdetail_aspx):not(.productlist_aspx):not(.categorylist_aspx).u_page_hikidemono_set_aspx .box_balloon .balloon:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}
.wrapper#store:not(.top_aspx):not(.productdetail_aspx):not(.productlist_aspx):not(.categorylist_aspx).u_page_hikidemono_set_aspx .box_balloon .balloon:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #998474;
  z-index: 1;
}

.wrapper#store:not(.top_aspx):not(.productdetail_aspx):not(.productlist_aspx):not(.categorylist_aspx).u_page_hikidemono_set_aspx .arrowdown:after {
    transform: rotate(135deg);
  }

.wrapper#store:not(.top_aspx):not(.productdetail_aspx):not(.productlist_aspx):not(.categorylist_aspx).u_page_hikidemono_set_aspx section#upage_listproduct{
	margin-bottom: 0;
}













.u_page_giftoption_aspx dt.mrgt10{
	position:relative;
	padding: 0 0 0 20px;
	margin-top: 20px;
}
.u_page_giftoption_aspx dt.mrgt10:before{
	content: '';
    width: 6px;
    height: 6px;
    display: inline-block;
    background-color: #998474;
    transform: rotate(
45deg
);
    position: absolute;
    top: 11px;
    left: 0;
}
/********ギフトオプション********/
.optionIteminfo{line-height: 1.8;}
.u_page_giftoption_aspx{
    text-align: left;
}
.giftlist .list{
	display: flex;
    flex-wrap: wrap;
	position:relative;
    align-items: flex-start;
}
.giftlist .list li{
    width: calc(100% / 3);
    box-sizing: border-box;
    padding: 10px;
    font-size:13px;
	margin: 20px ;
}
.guide .text-center{
	text-align: center;
}
.u_page_giftoption_aspx h3.ttl{
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    padding: 0.5rem 1rem;
    margin: 80px 0 20px 0;
}
@media (max-width: 768px){
.u_page_giftoption_aspx h3.ttl{
    font-size: 20px;
}}
.u_page_giftoption_aspx h4{
	font-size: 20px;
    font-weight: bold;
    padding: 0.5rem 1rem;
	display: flex;
    align-items: center;
	border-bottom: 1px solid #222;
    margin-bottom: 20px;
    box-sizing:border-box;
}
@media (max-width: 768px){
.u_page_giftoption_aspx h4{
	font-size: 18px;
    padding: 0.5rem 0.5rem;
}}
.u_page_giftoption_aspx h4.img_giftbox:before{
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url(/store/u_page/img/giftoption/ico_giftoption.png);
background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
	margin-right: 10px;
}
@media (max-width: 500px){
.u_page_giftoption_aspx h4.img_giftbox:before{
  width: 30px;
  height: 30px;
}
.u_page_giftoption_aspx h4.img_giftbox span{
width:calc(100% - 30px);
}
}
.u_page_giftoption_aspx h3{
	text-align: center;
}
.u_page_giftoption_aspx dl{
margin-bottom: 50px;
}
/*のし*/
.noshi_howto .info_box_n li dt{
    background: #F0EEEC;
    font-weight: bold;
    padding: 4px 8px;
}
.noshi_howto .info_box_n li dd{
    background: #FAFAF9;
    padding: 4px 8px;

}
.thickLine_o{
	background: linear-gradient(transparent 70%, #FFE1B2 70%);
}
.noshi_howto .infoTOP_noshi .info_box_n li{
	background: #FAFAF9;
}
#noshi .infoBox03 dt.box_noshi{
	box-sizing: border-box;
    font-weight: bold;
    position: relative;
    cursor: pointer;
	background: #e8b0a3;
border-bottom: 1px solid #e8b0a3;
    color: #fff;
}
#noshi .infoBox03 .heightLineParent{
	display:none;
}
#noshi .infoBox03 dt.tit3_7{
	padding: 5px;
    background: #FFFAF2;
}
#noshi .infoBox03 dt.box_noshi:before {
    top: 10px;
    left: 20px;
}
#noshi .infoBox03 dt.box_noshi .btn_toggle {
	top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
}
#noshi .infoBox03 dt.box_noshi .btn_toggle {
    width: 20px;
    height: 20px;
    background-color: #e8b0a3;
    position: absolute;
}
#noshi .infoBox03 dt.box_noshi .btn_toggle:before {
    content: '';
    width: 14px;
    height: 2px;
    background-color: #ffffff;
    transition: all 0.3s 0s;
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 7px);
}
#noshi .infoBox03 dt.box_noshi .btn_toggle:after {
    content: '';
    width: 2px;
    height: 14px;
    background-color: #ffffff;
    transition: all 0.3s 0s;
    position: absolute;
    top: calc(50% - 7px);
    left: calc(50% - 1px);
}
#noshi .infoBox03 dt.box_noshi .btn_toggle.open:before {
    transform: rotate(
90deg
);
    opacity: 0;
}
#noshi .infoBox03 dt.box_noshi .btn_toggle.open:after {
    transform: rotate(
90deg
);
}

.f2_area{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.f2_area > .f2_01{
	padding: 20px;
    width: 65%;
    box-sizing: border-box;
}
.f2_area > .f2_02{
	width: 35%;
	box-sizing: border-box;
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.f2_area > .f2_02.box_btn{
	text-align: center;
}
.f2_area > .f2_02.ex{
	display: block;
    text-align: left;
}
.f2_area > .f2_02.ex .card{
	padding: 20px 10px;
    background: #FFFAF2;
    border-radius: 4px;
}
@media (min-width: 768px){
.noshi_howto .imgTOP_noshi{
    width:40% ;
    box-sizing: border-box;
    padding: 10px;
	margin: auto;
}
.noshi_howto .infoTOP_noshi{
    width: 100%;
    box-sizing: border-box;
}
.noshi_howto .infoTOP_noshi .info_box_n{
	justify-content: space-between;
}
.noshi_howto .infoTOP_noshi .info_box_n li{
    width: calc((100% / 3) - 20px);
    margin-right: 10px;
}
.noshi_howto .infoTOP_noshi .info_box_n li:last-child{
    margin-right:0px;
}
}
@media (max-width: 998px){

.wrapper .cont.u_page .pageLink
{
margin: 30px 0 20px 0;
}
.u_page_giftoption_aspx dl{
	margin-bottom: 20px;
}
}
@media (max-width: 767px){
.f2_area > .f2_01,
.f2_area > .f2_02 {
    width: 100%;
}
.noshi_howto .infoTOP_noshi {
	margin-top: 20px;
}
.noshi_howto .infoTOP_noshi .info_box_n li{
	width: 100%;
    margin-bottom: 20px;
}
#noshi .infoBox03 .infoBox_p4 .bdt0{
	display:none;
}
#noshi .infoBox03 .infoBox_p4 dt,
#noshi .infoBox03 .infoBox_p4 dd,
#noshi .infoBox03 .infoBox_p4 dd.w40{
	width: 100%;
}
#noshi .infoBox03 .infoBox_p4 dd:before {
    content: attr(data-label);
    font-weight: bold;
    width: 100px;
    text-align: left;
    padding: 0 1em 0;
}
#noshi .infoBox03 .infoBox_p4 dd.flex_center, 
#noshi .infoBox03 .infoBox_p4 .bdt0{
	justify-content: flex-start;
}
.u_page_giftoption_aspx h5.img_giftbox.disp_pcbefore:before{display:none;}
}
/*もっとみるボタン*/
.giftlist .open-btn {
    box-sizing: border-box;
    border: 2px solid #FD6533;
    color: #FD6533;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    margin: 0 10px 10px 10px;
    padding: 10px 20px;
    cursor: pointer;
	width: 300px;
    text-align: center;
    margin: auto;
}
/*addGiftOption*/
@media (min-width: 769px){
#store.wrapper.u_page_giftoption_aspx #main .cont {
    padding: 0 0px;
}
#store.wrapper:not(.top_aspx):not(.productdetail_aspx):not(.productlist_aspx):not(.categorylist_aspx).u_page_giftoption_aspx .mainArea {
padding:0 20px;
}
}
@media (max-width: 768px){
#store.wrapper:not(.top_aspx):not(.productdetail_aspx):not(.productlist_aspx):not(.categorylist_aspx).u_page_giftoption_aspx .mainArea.u_page {
    overflow: visible;
}
#store.wrapper.u_page_giftoption_aspx .u_page {
    overflow: visible;
}}
@media (max-width: 768px){
#store.wrapper.u_page_giftoption_aspx #main .cont {
    padding: 0 0px;
}}
.box_giftoptionTit{
    background-image: url(/store/u_page/img/giftoption/bg_giftoptionTit.jpg);
    background-size: cover;
    box-sizing: border-box;
    padding: 30px 20px;
}
.box_giftoptionTit .box_giftoptionTitInner {
    background-color: rgba(255,255,255,0.9);
    width: 100%;
    max-width: 1440px;
    margin: 0px auto;
    padding: 40px 20px;
    position: relative;
    border-radius: 20px;
    box-sizing: border-box;
}
.box_giftoptionTit .box_giftoptionTitInner:before {
    content: "";
    width: 166px;
    height: 166px;
    display: block;
    position: absolute;
    background-image: url(/store/u_page/img/giftoption/img_ribbon_top.png);
    background-repeat: no-repeat;
    left: -10px;
    top: -10px;
    background-size: contain;
}
.box_giftoptionTit .box_giftoptionTitInner:after {
    content: "";
    width: 152px;
    height: 152px;
    display: block;
    position: absolute;
    background-image: url(/store/u_page/img/giftoption/img_ribbon_bottom.png);
    background-repeat: no-repeat;
    right: 0px;
    bottom: 0px;
    background-size: contain;
}
@media (max-width: 768px){
.box_giftoptionTit .box_giftoptionTitInner:before {
    width: 116px;
    height: 116px;
}
@media (max-width: 500px){
.box_giftoptionTit .box_giftoptionTitInner:before {
    width: 96px;
    height: 96px;
}
}
.box_giftoptionTit .box_giftoptionTitInner:after {
    content: "";
    width: 82px;
    height: 82px;
}}
.box_giftoptionTit .box_giftoptionTitInner h1{text-align:center;}
.box_giftoptionTit .box_giftoptionTitInner h1 em{
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
@media (max-width: 500px){
.box_giftoptionTit .box_giftoptionTitInner h1 em{
margin-top:-1em;
}}
.box_giftoptionTit .box_giftoptionTitInner h1 em:after {
    content: "";
    display: inline-block;
    background-image: url(/store/u_page/img/giftoption/txt_titcaption.png);
    background-repeat: no-repeat;
    width: 381px;
    height: 40px;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
}
@media (max-width: 768px){
.box_giftoptionTit .box_giftoptionTitInner h1 em:after {
width:auto;
height:auto;
padding:3%;
}}
.box_giftoptionTit .box_giftoptionTitInner h1 span{
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin-top: -1em;
}
@media (max-width: 768px){
.box_giftoptionTit .box_giftoptionTitInner h1 span{
display:block;
}
}
.box_giftoptionTit .box_giftoptionTitInner h1 span:nth-of-type(1):after {
    content: "";
    display: block;
    background-image: url(/store/u_page/img/giftoption/txt_rambbit.png);
    background-size: contain;
    width: 371px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
}
@media (max-width: 768px){
.box_giftoptionTit .box_giftoptionTitInner h1 span:nth-of-type(1):after {
    width: 273px;
    height: 44px;
    margin-right: 0;
    margin: 0 auto;
}}
@media (max-width: 500px){
.box_giftoptionTit .box_giftoptionTitInner h1 span:nth-of-type(1):after {
    width: auto;
    height: auto;
    padding: 5.8%;
}}
.box_giftoptionTit .box_giftoptionTitInner h1 span:nth-of-type(2):after {
    content: "";
    display: block;
    background-image: url(/store/u_page/img/giftoption/txt_giftoption.png);
    background-size: contain;
    width: 518px;
    height: 63px;
    background-repeat: no-repeat;
    background-position: center;
}
@media (max-width: 768px){
.box_giftoptionTit .box_giftoptionTitInner h1 span:nth-of-type(2):after {
    width: 378px;
    height: 47px;
    margin: 0 auto;
}}
@media (max-width: 500px){
.box_giftoptionTit .box_giftoptionTitInner h1 span:nth-of-type(2):after {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 6%;
}}
.box_giftoptionTitInner p {
    text-align: center;
    max-width: 780px;
    border-top: 2px dashed #eb8b75;
    margin: 24px auto 0 auto;
    padding-top: 20px;
    color: #eb8b75;
    font-size: 24px;
}
@media (max-width: 768px){
.box_giftoptionTitInner p {
    font-size: 16px;
}}
@media (max-width: 500px){
.box_giftoptionTitInner p {
    font-size: 14px;
    padding-top: 10px;
    margin-top: 20px;
}
}
.giftOptionNavi{
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 40px 0;
}
.giftOptionNavi.list-col4 li{
    display: flex;
    /*flex-direction: column;*/
    align-items: center;
    justify-content: center;
    width: calc(100% / 4);
    text-align: center;
    line-height: 1.5;
}
@media (max-width: 768px){
.giftOptionNavi.list-col4 li{
flex-direction: column;
justify-content: flex-start;
}}
@media (max-width: 400px){
.giftOptionNavi.list-col4 li{
font-size:10px;
}}
.giftOptionNavi li+li {
    border-left: 2px dotted #ccc;
    box-sizing: border-box;
}
.giftOptionNavi.list-col4 li i:before{
content:"";
display:inline-block;
background-repeat:no-repeat;
margin-right:1em;
width:40px;
height:40px;
background-size:contain;
background-position:center;
}
.giftOptionNavi.list-col4 li:nth-child(1) i:before{
width:55px;
height:40px;
}
@media (max-width: 999px){
.giftOptionNavi.list-col4 li i:before{
margin-right:0.5em;
width:30px;
height:30px;
}
@media (max-width: 768px){
.giftOptionNavi.list-col4 li i{
margin-bottom:8px;
}
.giftOptionNavi.list-col4 li i:before{
margin-right:0em;
}}
.giftOptionNavi.list-col4 li:nth-child(1) i:before{
width:45px;
height:30px;
}
}
.giftOptionNavi.list-col4 li:nth-child(1) i:before{
background-image:url(/store/u_page/img/giftoption/navi_messagecard.png);
}
.giftOptionNavi.list-col4 li:nth-child(2) i:before{
background-image:url(/store/u_page/img/giftoption/navi_noshi.png);
}
.giftOptionNavi.list-col4 li:nth-child(3) i:before{
background-image:url(/store/u_page/img/giftoption/navi_wrapping.png);
}
.giftOptionNavi.list-col4 li:nth-child(4) i:before{
background-image:url(/store/u_page/img/giftoption/navi_ribbon.png);
}
.titFrame,
section.guide h3.titFrame{
    width: 100%;
    padding-bottom: 80px;
    background-size: 1040px 80px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin-bottom: 70px;
}
.titFrame span{
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
section#greetingCard .titFrame{
    background-image: url(/store/u_page/img/giftoption/frame_messagecard.png);
}
section#noshi .titFrame{
    background-image: url(/store/u_page/img/giftoption/frame_noshi.png);
}
section#lapping .titFrame{
    background-image: url(/store/u_page/img/giftoption/frame_wrapping.png);
}
section#bag .titFrame{
    background-image: url(/store/u_page/img/giftoption/frame_wrapping.png);
}

section .titFrame span:before{
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -45px;
}
section#greetingCard .titFrame span:before{
    width: 516px;
    height: 35px;
    background-image: url(/store/u_page/img/giftoption/tit_messagecard.png);
}

section#noshi .titFrame span:before{
    width: 106px;
    height: 35px;
    background-image: url(/store/u_page/img/giftoption/tit_noshi.png);
}
section#lapping .titFrame span:before{
    width: 179px;
    height: 36px;
    background-image: url(/store/u_page/img/giftoption/tit_wrapping.png);
}
section#bag .titFrame span:before{
    width: 287px;
    height: 37px;
    background-image: url(/store/u_page/img/giftoption/tit_ribbon.png);
}
@media (max-width: 516px){
section#greetingCard .titFrame span:before,
section#bag .titFrame span:before,
section#lapping .titFrame span:before,
section#noshi .titFrame span:before {
    padding: 4%;
    width: auto;
    height: auto;
}}
.giftoption_subTit{
    text-align: center;
    font-size: 30px;
    line-height: 1.5;
    color: #ea6d50;
    margin-top: 60px;
    margin-bottom: 20px;
}
@media (max-width: 767px){
.giftoption_subTit{
    font-size: 20px;
}
}
.giftoption_subTit.borderBottom{
    border-bottom: 2px solid #ea6d50;
    padding-bottom: 10px;
}
.bg_image.overWidth{
height: 240px;
    background-color: #fbfaee;
    box-shadow: 0px 0px 4px 0px rgb(15 15 15 / 15%);
    margin-bottom: 40px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}
@media (max-width: 767px){
.bg_image.overWidth {
    height: 160px;
}}
 .box_messagecard .bg_image.overWidth{
    background-image: url(/store/u_page/img/giftoption/bg_main_messagecard.png)
}
 .box_aisatsu .bg_image.overWidth{
    background-image: url(/store/u_page/img/giftoption/bg_main_aisatsu.png)
}
 #noshi .bg_image.overWidth{
    background-image: url(/store/u_page/img/giftoption/bg_main_noshi.png)
}
 #lapping .bg_image.overWidth{
    background-image: url(/store/u_page/img/giftoption/bg_main_wrapping.png)
}
 #bag .bg_image.overWidth{
    background-image: url(/store/u_page/img/giftoption/bg_main_ribbon.png)
}
 .box_messagecard .bg_image.overWidth + .text.center{
    font-size: 24px;
    line-height: 1.8;
    font-weight: normal;
}
@media (max-width: 767px){
 .box_messagecard .bg_image.overWidth + .text.center{
    font-size: 20px;
}
}
 .cardColor{
    color: #009e9f;
}
 .cardColor.text-center{
    text-align:center;
}
#store.wrapper:not(.top_aspx):not(.productdetail_aspx):not(.productlist_aspx):not(.categorylist_aspx) .btnColor.cardColor{
    background-color: #009e9f;
}
 .box_messagecard .bg_image.overWidth + .text.center .fontBig{
    font-size: 1.3em;
    line-height: 1;
}
 .box_messagecard .bg_image.overWidth + .text.center .marquee{
text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.5em;
  text-decoration-color: rgba(255, 228, 0, 0.4);
  text-decoration-skip-ink: none;
}

.overWidth.box_createCardStep{
    background-color: #f9f9f9;
    box-shadow: 0px 0px 4px 0px rgb(15 15 15 / 15%);
}
.overWidth.box_createCardStep .box_createCardStepInner{
    width:100%;
    max-width:1040px;
    margin:0 auto;
    background-image: url(/store/u_page/img/giftoption/img_3step.png);
    background-repeat: no-repeat;
    background-size: auto 110%;
    background-position: right top;
}
@media (max-width: 1000px){
.overWidth.box_createCardStep .box_createCardStepInner{
    padding: 0px 10px 0 10px;
    background-size: auto 90%;
    background-position: 95% center;
}}
@media (max-width: 767px){
.overWidth.box_createCardStep .box_createCardStepInner{
    background-size: 460px;
    background-position: center bottom;
    padding: 0px 10px 310px 10px;
}}
@media (max-width: 500px){
.overWidth.box_createCardStep .box_createCardStepInner{
    background-size: 96%;
    background-position: 2% bottom;
    padding: 0px 10px 68% 10px;
}}
.overWidth.box_createCardStep .box_createCardStepInner ul.list {
    width: auto;
    max-width: max-content;
    margin: 0 auto 0 0;
    border-radius: 0;
    padding: 10px 0px;
    box-sizing: border-box;
}
@media (max-width: 767px){
.overWidth.box_createCardStep .box_createCardStepInner ul.list {
    margin: 0 auto 0 auto;
}}
.overWidth.box_createCardStep .box_createCardStepInner ul.list li{
	display: flex;
	flex-wrap: wrap;
    padding: 10px 0px 10px 0px;
}
.overWidth.box_createCardStep .box_createCardStepInner ul.list li:not(:last-child){
    margin-bottom: 0px;
    border-bottom: 1px dotted #484848;
}

.overWidth.box_createCardStep .box_createCardStepInner ul.list li .left.img_step{
	width: 100%;
    max-width: 60px;
}
@media (max-width: 1000px){
.overWidth.box_createCardStep .box_createCardStepInner ul.list li .left.img_step{
    max-width: 50px;
}}

.overWidth.box_createCardStep .box_createCardStepInner ul.list li .right.txt_step{
	text-align: left;
	padding: 0px 12px;
	flex: 1;
}
.note{
	font-size: 14px;
	color: rgba(64,64,72,1.0);
	font-weight: normal;
	margin-left: 1em;
}
@media (max-width: 1000px){
.note{
	font-size: 12px;
}}
.overWidth.box_createCardStep .box_createCardStepInner ul.list li .right.txt_step .tit_g{
	font-weight: bold;
	color: rgba(0,158,159,1.0);
	font-size: 20px;
}
@media (max-width: 1000px){
.overWidth.box_createCardStep .box_createCardStepInner ul.list li .right.txt_step .tit_g{
	font-size: 18px;
}}
.overWidth.box_createCardStep .box_createCardStepInner ul.list li .right.txt_step .tit_g span.note{
	display: block;
	margin-left:0;
}
.overWidth.box_createCardStep .box_createCardStepInner ul.list li .right.txt_step p{
	font-size: 15px;
	line-height: 2;
}
@media (max-width: 1000px){
.overWidth.box_createCardStep .box_createCardStepInner ul.list li .right.txt_step p{
	font-size: 14px;
}
}
.txt_g{
	color: rgba(0,158,159,1.0);
}
@media screen and (max-width: 767px){
.overWidth.box_createCardStep .box_createCardStepInner ul.list li .left.img_step{
		/*width: 100%;
		max-width: 100%;*/
	}
.overWidth.box_createCardStep .box_createCardStepInner ul.list li .right.txt_step .tit_g span.note{
		display: block;
	}
.overWidth.box_createCardStep .box_createCardStepInner ul.list li:not(:last-child) {
    margin-bottom: 0;
	}
}
.f2_area .caption{
    font-size: 12px;
    text-align: left;
    line-height: 1.7;
    color: #666;
    margin-top: 10px;
}

.u_page_giftoption_aspx h5.img_giftbox#celebration:before{
background-image:url(/store/u_page/img/giftoption/ico_celebration.png);
}
.u_page_giftoption_aspx h5.img_giftbox#baby:before{
background-image:url(/store/u_page/img/giftoption/ico_baby.png);
}
.u_page_giftoption_aspx h5.img_giftbox#bridal:before{
background-image:url(/store/u_page/img/giftoption/ico_bridal.png);
}
.u_page_giftoption_aspx h5.img_giftbox#hojin:before{
background-image:url(/store/u_page/img/giftoption/ico_hojin.png);
}
.u_page_giftoption_aspx h5.img_giftbox#greetingCard_tyoji:before{
background-image:url(/store/u_page/img/giftoption/ico_koden.png);
}
 #bag .center.titRibbon{
    text-align: center;
    padding: 20px 0 0 0;
    font-size:18px;
}
@media (min-width: 768px){
.u_page_giftoption_aspx section.guide .infoBox03{
width:100%;
max-width:1020px;
margin:0 auto;
}
#noshi .infoBox03{
width:100%;
max-width:1020px;
margin:15px auto 0;
}
}
.u_page_giftoption_aspx .giftlist .list .course-item{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.u_page_giftoption_aspx .giftlist .list .course-item>*{min-height:1%;}
.u_page_giftoption_aspx .giftlist .list .course-item>img{
margin:auto;
}
.u_page_giftoption_aspx .giftlist .list .course-item>.fs12:first-of-type{
margin-top:auto;
}
.u_page_giftoption_aspx section{
width:100%;
max-width:1020px;
margin:0 auto 30px auto;
}
@media (max-width: 768px){
#store.u_page_giftoption_aspx header .navi > ul > li{
text-align:center;
}}
#store.u_page_giftoption_aspx .col-flex{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
#store.u_page_giftoption_aspx .col-flex>*{
width:50%;
}
#store.u_page_giftoption_aspx .col-flex>dl .giftlist .list li{
width: calc(100% / 1);
}
@media (min-width: 1000px){
#store.u_page_giftoption_aspx .col-flex>dl:first-child .giftlist .list li{
width: calc(100% / 2);
}}
.giftlist .list.tyojiCardImg .course-item a:before{
content:"";
display:block;
padding:36%;
background-size:contain;
background-repeat:no-repeat;
background-image:url(/store/u_page/img/assets/images/lp/omakase_koden/omakase_modal_message.jpg);
}
@media (max-width: 1000px){
#store .giftlist .itemList.list.tyojiCardImg li{
width: calc(100% / 2);
}}
.u_page_giftoption_aspx .message_wrap{
    display: inline-block;
text-align: left;
}
.u_page_giftoption_aspx .message_wrap .midashi{
    display: block;
    background-color: #5816a5;
    width: 4em;
    border-radius: 20px;
    margin: 0 auto 10px auto;
    color: #fff;
text-align:center;
}
.u_page_giftoption_aspx .message_wrap .text.right,
.u_page_giftoption_aspx .message_wrap .text.left{
    display: block;
}
.wrapper#store.u_page_giftoption_aspx .c-modal .modalMain{
text-align:center;
}
.wrapper#store.u_page_giftoption_aspx .c-modal i.close {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: 24px auto;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
    top: 0px;
    right: 0px;
  cursor: pointer;
  background-color: #eae5ee;
  border-radius: 20px;
}
.wrapper#store.u_page_giftoption_aspx .c-modal i.close:before{
  content: "×";
  width: 1em;
  height: 1em;
  display: block;
  position: absolute;
  top: -13px;
  bottom: 0;
  margin: auto;
  right: 0;
  left: 0;
}

/* おまかせ */
@media (min-width: 768px){
    .wrapper#store.u_page_giftoption_aspx .omakaseImg{
        width: 100%;
        margin: 0 auto;
    }

}
.u_page_giftoption_aspx h5.omakase_noshi01:before{
    background-image: url(/store/u_page/img/giftoption/ico_baby2.png);
}
.u_page_giftoption_aspx h5.omakase_noshi02:before{
    background-image: url(/store/u_page/img/giftoption/ico_bridal.png);
}
.u_page_giftoption_aspx h5.omakase_noshi03:before{
    background-image: url(/store/u_page/img/giftoption/ico_baby.png);
}
.u_page_giftoption_aspx h5.omakase_noshi04:before{
    background-image: url(/store/u_page/img/giftoption/ico_bridal2.png);
}
.wrapper#store.u_page_giftoption_aspx .omakaseImg>ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 804px;
    justify-content: flex-start;
    margin: 0 auto 30px auto;
    box-sizing: border-box;
}
.wrapper#store.u_page_giftoption_aspx .omakaseImg>ul>li {
    width: calc((100% / 3) - 50px);
    position: relative;
    margin-right: 74px;
}
.wrapper#store.u_page_giftoption_aspx .omakaseImg>ul>li:last-child{
    margin-right: 0;
}

.wrapper#store.u_page_giftoption_aspx .omakaseImg>ul>li .course-item{
    position: relative;
    width: 100%;
}
.wrapper#store.u_page_giftoption_aspx .omakaseImg>ul>li .course-item::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
.wrapper#store.u_page_giftoption_aspx .omakaseImg>ul>li+li:before {
    content: "+";
    background-color: #F0EEEC;
    color: #333;
    font-size: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    position: absolute;
    bottom: 0;
    top: 0;
    left: -52px;
    margin: auto;
    box-sizing: border-box;
    z-index: 2;
    transform: translateY(-50%);
} 
.wrapper#store.u_page_giftoption_aspx .omakaseImg>ul>li img{
    /* border: 1px solid #dcdcdc; */
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: contain;
}
@media (max-width: 500px){
.wrapper#store.u_page_giftoption_aspx .omakaseImg>ul>li {
    width: calc((100% / 3) - 32px);
    margin-right: 46px;
}
.wrapper#store.u_page_giftoption_aspx .omakaseImg>ul>li+li:before{
    top: -48px;
    width: 28px;
    height: 28px;
    left: -38px
}
}
/*トップページ*/
#store header .navi > ul > li > a {
    padding: 14px 10px;
    display: inline-block;
	font-weight: bold;
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li {
	width: calc(33% - 10px);
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li.link_allCatalog{
    padding: 0px 10px 0px 46px;
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li.link_allCatalog>a{
padding: 0px 10px 0px 10px;
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog{
    margin-bottom:16px;
    padding-left: 60px;
    box-sizing: border-box;
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog:last-child{
    margin-bottom:10px;
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog dt{
position:relative;
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog dt:before{
    content: "";
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 40px;
    background-color: #fff;
    vertical-align: middle;
    position: absolute;
    top: -7px;
    margin-left: -60px;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center;
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog dt.famous:before{
    background-image: url(/store/u_page/img/assets/images/top/ico_crown_or.svg);    background-size: 30px 30px;
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog dt.gourmet:before{
    background-image: url(/store/u_page/img/assets/images/top/ico_folk_or.svg);
    background-size: 28px 28px;
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog dt.baby:before{
    background-image: url(/store/u_page/img/assets/images/icon/ico_baby_or.svg);
    background-size: 30px 30px;
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog dt.bridal:before{
    background-image: url(/store/u_page/img/assets/images/icon/ico_bridal_or.svg);
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog dt.kouden:before{
    background-image: url(/store/u_page/img/assets/images/top/ico_kouden_or.svg);
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog dt.travel:before{
    background-image: url(/store/u_page/img/assets/images/top/ico_airplane_or.svg);
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog dt.brand:before{
    background-image: url(/store/u_page/img/assets/images/top/ico_presentBox_or.svg);
background-size:28px 28px;
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog dt.environment:before{
    background-image: url(/store/u_page/img/assets/images/top/ico_leaf_or.svg);
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog dt.card:before{
    background-image: url(/store/u_page/img/assets/images/top/ico_cardcatalog_or.svg);
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog dt.health:before{
    background-image: url(/store/u_page/img/assets/images/top/ico_health_or.svg);
}

#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog dd ul li>a {
    padding: 8px 10px 0px 0px;
    font-size:13px;
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog>dt{

    font-weight: 600;
    font-size: 17px;
    line-height: 30px;
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li dl.child_cate_innerCatalog dd ul li {
	width: 100%;
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left {
    width: 100%;
    max-width: 100% !important;

}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li > a {
box-sizing:border-box;
}
@media (max-width: 500px) {
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li {
	width: calc(50% - 10px);
}
#store header .navi > ul > li {
    font-size: 12px;
}
}
#store.top_aspx .box_giftscene .box_giftscene_inner dl a:hover{
	opacity: 0.8;
}

@media (min-width: 1000px) {
#store header .navi > ul > li {
    margin: 0 !important;
    border-right: 1px solid #FFEFD6;
}}
#store header .navi > ul > li > a {
    padding: 20px 8px;
}
@media (min-width: 1000px) {
#store header .navi > ul > li > a {
    padding: 20px 10px !important;
    display: inline-block;
}}
@media (min-width: 1200px) {
#store header .navi > ul > li > a {
    font-size: 1.1em;
}}
@media (min-width: 1230px) {
#store header .navi > ul > li > a {
	padding: 22px 20px !important;
    display: inline-block;
}}
@media (min-width: 767px) and (max-width: 999px) {
#store header .navi > ul > li > a,
.search-icon {
font-size: clamp(12px, 1.5vw, 16px);
}}
/**/
#store.wrapper.u_page_celebration_aspx .u_page section.nav ul.itemList li {
	width: 100%;
    max-width: 280px;
	align-self: center;
}

/*guide.aspx*/
#store.wrapper.u_page_guide_aspx .cf ul.guindenum{
    margin: 10px 0 15px;
    padding-left: 24px;
}
#store.wrapper.u_page_guide_aspx .cf ul.guindenum li {
    list-style: none;
    text-indent: -1em;
    font-weight: bold;
	margin-bottom: 5px;
}

#store.wrapper.u_page_guide_aspx .cf ul.guindenum div {
    text-indent: 0em;
    margin-left: 0.2em;
    font-weight: normal;
    margin-top: 10px;
}
#store.wrapper.u_page_guide_aspx .cf ul.numicon li {
    list-style: none;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: 11px 0;
    text-indent: 0em;
    margin-left: -2.2em;
    padding-left: 3.2em;
    margin-bottom: 20px;
	line-height: 1.5;

}
#store.wrapper.u_page_guide_aspx .cf ul.numicon li:nth-child(1) {
    background-image: url(/store/u_page/img/guide/guideIcon_1.png);
}
#store.wrapper.u_page_guide_aspx .cf ul.numicon li:nth-child(2) {
    background-image: url(/store/u_page/img/guide/guideIcon_2.png);
}
#store.wrapper.u_page_guide_aspx .cf ul.numicon li:nth-child(3) {
    background-image: url(/store/u_page/img/guide/guideIcon_3.png);
}
#store.wrapper.u_page_guide_aspx .cf ul.numicon li:nth-child(4) {
    background-image: url(/store/u_page/img/guide/guideIcon_4.png);
}
#store.wrapper.u_page_guide_aspx .cf ul.numicon li:nth-child(5) {
    background-image: url(/store/u_page/img/guide/guideIcon_5.png);
}

#store.wrapper.u_page_guide_aspx .cf ul.numicon {
    margin: 10px 0 15px;
    padding-left: 24px;
}
#store.wrapper.u_page_guide_aspx .cf div {
    line-height: 22px;
    letter-spacing: 0.5px;
}
#store.wrapper.u_page_guide_aspx .cf ul.numicon li div {
    font-weight: normal;
    margin-top: 10px;
    font-size: 12px;

}
#store.wrapper.u_page_guide_aspx .cf ul li div {
    font-size: 12px;
}
@media (min-width: 769px){
#store.wrapper.u_page_guide_aspx .cf ul.numicon li div  {

    line-height: 30px;
}
#store.wrapper.u_page_guide_aspx .cf ul li div,
#store.wrapper.u_page_guide_aspx .cf ul.numicon li div {
    font-size: 16px;
}
}
#store.wrapper .btnCancel.min{
	border: 1px solid #333;
    color: #333;
    margin: 10px 0 0 0;
	transition: all 0.1s 0s;
	background-color: #ffffff;	
	padding: 4px 10px;
	font-size: 14px;
    line-height: 26px;
	font-weight: bold;

}
.wrapper .btnCancel:hover {
    opacity: 0.5;
}

/*ヘッダーによるアンカーリンクのずれ解消*/
/*#Contents .mainArea.u_page section{
    padding-top: 60px;
    margin-top:-60px;
}*/
#Contents .mainArea.u_page .lp section{
    padding-top: initial;
    margin-top: initial;
}
/*↑ヘッダーによるアンカーリンクのずれ解消*/



#store.wrapper.u_page_bridal_aspx .box_bg ul.pageLink li {
	padding: 0;

}
#store.wrapper.u_page_bridal_aspx .box_bg ul.pageLink li a{
    padding: 8px 20px;
    display: block;
    box-sizing: border-box;
}
#store.wrapper .u_page .box_card .itemList{
	justify-content: center;
}
@media (max-width: 766px){
#store.wrapper.u_page_bridal_aspx .box_bg ul.pageLink li {
	width: calc((100% / 2) - 10px);
    margin-bottom: 10px;

}
}

.wrapper.inquiry_aspx .selectBase select{padding-right: 2em;}

#store.wrapper.inquiry_aspx .mainArea .inputBox dd.box_tell > input[type='text'] {
  width: calc(33.3% - 10px) !important;
}

textarea {
    font-size: 100%;
}

/*catalog.aspx*/
.wrapper#store .lp#catalog section.lineup section.tyoji .cont {
    position: relative;
}
.wrapper#store .lp#catalog section.lineup section.tyoji .service{
	margin-bottom: 40px;
}
.wrapper#store .lp#catalog section.lineup section.tyoji .cont .badge {
    display: inline-block;
    overflow: hidden;
    background-image: url(/store/u_page/img/assets/images/lp/catalog/img_lineup_badge_gran.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -1000%;
position: absolute;
width: 120px;
    height: 120px;
    top: -60px;
    left: -60px;
}

/*order.aspx*/
.wrapper .faxinfo .btnBorder {
    width: 100%;
    max-width: 640px;
    padding: 12px 10px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-weight: bold;
    border: 1px solid #000000;
}

.wrapper.categorylist_aspx .more{
    background: rgb(254,188,0);
    background: linear-gradient(0deg, rgba(254,188,0,1) 0%, rgba(255,118,12,1) 100%, rgba(255,106,0,1) 100%);
    padding: 20px;
    color: white;
    font-size: 30px;
    border-radius: 30px;
    margin-bottom: 20px;
}
@media (max-width: 768px){
.wrapper.categorylist_aspx .more{
font-size: 5vw;
padding:16px 10px;
}
.wrapper#store.categorylist_aspx #main .cont {
    padding: 0 10px;
}
.wrapper#store.categorylist_aspx .contentsBox{
overflow:hidden;
}
}
@media (max-width: 500px){
.wrapper.categorylist_aspx .more{
padding:10px;
}
.wrapper#store.categorylist_aspx .itemList{
padding:0;
}

}
.NameprintRadioButtonList_1{
display:flex;
flex-wrap: wrap;
}
.NameprintRadioButtonList_1 br{
display:none;
}
.NameprintRadioButtonList_1 input[type="radio"]{
    margin-top: 3px;
}
@media (max-width: 500px){
.wrapper.orderhistorydetail_aspx .baseWrap.contentsBox .cartList > li{
    flex-direction: column;
}
.wrapper.orderhistorydetail_aspx .baseWrap.contentsBox .cartList > li > *{
    width: 100%;
}
}
.SetOptionNoshiWrap input[type="text"]{width:200px;}