/*font*/
@import url("//hello.myfonts.net/count/2fcad3");
/**
 * @license
 * MyFonts Webfont Build ID 3132115, 2015-11-27T00:57:57-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AmsterPro-Gris by PampaType
 * URL: http://www.myfonts.com/fonts/pampatype/amster/pro-gris/
 * Copyright: Copyright © 2014 by Francisco Gálvez Pizarro & the PampaType foundry. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3132115
 * 
 * © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'AmsterPro-Gris';
  src: url("/sp/u_page/img/font/2FCAD3_0_0.eot");
  src: url("/sp/u_page/img/font/2FCAD3_0_0.eot?#iefix") format("embedded-opentype"), url("/sp/u_page/img/font/2FCAD3_0_0.woff2") format("woff2"), url("/sp/u_page/img/font/2FCAD3_0_0.woff") format("woff"), url("/sp/u_page/img/font/2FCAD3_0_0.ttf") format("truetype"); }


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

hr{
	content: "";
	display: block;
	clear: both;
	border-top:solid 0px #E6E6E6;
	border-bottom:solid 1px #E6E6E6;
}
/* 価格 */
/*.ListPriceTable {
	display: none;
}
*/
.pas-relate_list .ListPriceTable {
	display: block;
}

.pas-relate_list .ListPriceTable .PriceTitleB{
	display: none;
}



#ProductDetail .ListPriceTable {
	width: 100%;
}
#ProductDetail .ListPriceTable .ListPriceDiv1 .PriceTitleA,
#ProductDetail .ListPriceTable .ListPriceDiv3 .PriceTitleB,
#ProductDetail .ListPriceTable .ListPriceDiv3 .SalePriceTitle,
#ProductDetail .ListPriceTable .ListPriceDiv4 .MemberPriceTitle {
	display:none;
}
#ProductDetail .ListPriceTable .ListPriceDiv1 .priceA,
#ProductDetail .ListPriceTable .ListPriceDiv3 .priceB,
#ProductDetail .ListPriceTable .ListPriceDiv3 .priceD,
#ProductDetail .ListPriceTable .ListPriceDiv4 .priceC {
}
#ProductDetail .ListPriceTable .ListPriceDiv3 {
}
#ProductDetail .ListPriceTable .ListPriceDiv3 .PriceTitleB,
#ProductDetail .ListPriceTable .ListPriceDiv3 .DiscountRateD,
#ProductDetail .ListPriceTable .ListPriceDiv3 .ListPriceTextD2 {
	display:none;
}



.ProductList .ListPriceTable {
	width: 100%;
}
.ProductList .ListPriceTable .ListPriceDiv1 .PriceTitleA,
.ProductList .ListPriceTable .ListPriceDiv3 .PriceTitleB,
.ProductList .ListPriceTable .ListPriceDiv3 .SalePriceTitle,
.ProductList .ListPriceTable .ListPriceDiv4 .MemberPriceTitle,
.ProductList .ListPriceTable .ListPriceDiv3 .PriceTitleB,
.ProductList .ListPriceTable .ListPriceDiv3 .DiscountRateD,
.ProductList .ListPriceTable .ListPriceDiv3 .ListPriceTextD2 {
	display:none;
}
.ProductList .ListPriceTable .ListPriceDiv3 .priceB:before{ content:'Online Offer Price'; }
.ProductList .ListPriceTable .ListPriceDiv3 .priceB:after{ content:'（税込）'; }

.ProductList .ListPriceTable .ListPriceDiv4 .priceC:before{ content:'セールスレップ'; }
.ProductList .ListPriceTable .ListPriceDiv4 .priceC:after{ content:'（税込）'; }

.ProductList .ListPriceTable .ListPriceDiv3 .priceD,
#ProductDetail .ListPriceTable .ListPriceDiv3 .priceD span{color:#DBA651 !important;}
.ProductList .ListPriceTable .ListPriceDiv3 .priceD:before{ content:'定期会員価格'; }
.ProductList .ListPriceTable .ListPriceDiv3 .priceD:after{ content:'（税込）'; }

#ProductDetail .ListPriceTable .ListPriceDiv1 .priceA::before {
    content: "希望小売価格 ";
    font-size: 1.4rem;
    margin-bottom: 1.2em;
    font-weight: normal;
}

.ListPriceDiv2 {display:none;}

/* 標準価格 */
.ListPriceTable .ListPriceDiv1 {display:none;}
.ListPriceTable .ListPriceDiv1 .ListPriceTextA {display:none;}
.ListPriceTable .ListPriceDiv1 .ListPriceTextA2 {display:none;}

/* 販売価格 */
.ListPriceTable .ListPriceDiv3 {display:block;}
.ListPriceTable .ListPriceDiv3 .ListPriceTextB {display:none;}
.ListPriceTable .ListPriceDiv3 .ListPriceTextB2 {display:none;}
.ListPriceTable .ListPriceDiv3 .ListPriceTextD {display:none;}

/* 会員価格 */
.ListPriceTable .ListPriceDiv4 {display:block; color:#DBA651;float: right;margin-top: 5px;}
/*.ListPriceTable .ListPriceDiv4 .ListPriceTextC {display:none;}*/
.ListPriceTable .ListPriceDiv4 .ListPriceTextC2 {display:none;}
.ListPriceTable .ListPriceDiv4 .ListPriceTextD {display:none;}


/* セール期間価格 */
.ListPriceTable .ListPriceDiv5 {display:none;}
.ListPriceTable .DiscountRateB {display:none;}
.ListPriceTable .DiscountRateC {display:none;}
.ListPriceTable .SaleIcon {display:none;}

/* 商品詳細 */
#ProductDetail{}
#ProductDetail .ListPriceTable .ListPriceDiv1 {display:block;}
#ProductDetail .ListPriceTable .ListPriceDiv1,
#ProductDetail .ListPriceTable .ListPriceDiv1 span{color:#333;}
#EC.detail #pa-outline .pas-outline_main .pas-outline_mainText .pas-outline_mainTextPrice2 .ListPriceTable .ListPriceDiv1 .priceA .priceArea1 .priceUnit{color:#333;}
#EC.detail #pa-outline .pas-outline_main .pas-outline_mainText .pas-outline_mainTextPrice2 .ListPriceTable .ListPriceDiv1 .priceA .priceArea1 .priceNumeric{color:#333;}

#ProductDetail .ListPriceTable .ListPriceDiv3 .priceB:before{ 
	content:'Online Offer Price   ';
	font-size: 1.4rem;
	margin-bottom: 1.2em;
	color:#353E8B;
	font-weight: normal;
}
#ProductDetail .ListPriceTable .ListPriceDiv3 .priceB:after{ 
	content:'（税込）'; 
	font-size: 1.4rem; 
	margin-bottom: 1.2em; 
	color:#353E8B; 
	font-weight: normal;
}


#ProductDetail .ListPriceTable .ListPriceDiv3 .priceD:before{ 
	content:'定期会員価格   ';
	font-size: 1.4rem;
	margin-bottom: 1.2em;
	color:#DBA651;
	font-weight: normal;
}
#ProductDetail .ListPriceTable .ListPriceDiv4 .priceC:before{ 
	content:'セールスレップ   ';
	font-size: 1.4rem;
	margin-bottom: 1.2em;
	color:#DBA651;
	font-weight: normal;
}
#ProductDetail .ListPriceTable .ListPriceDiv4 .priceC:after,
#ProductDetail .ListPriceTable .ListPriceDiv3 .priceD:after,
#ProductDetail .ListPriceTable .ListPriceDiv1 .priceA:after{ 
	content:'（税込）'; 
	font-size: 1.4rem; 
	margin-bottom: 1.2em; 
	font-weight: normal;
}

#ProductDetail .DownloadBlock {}
#ProductDetail .DownloadBlock:after{ 
	content: "";
	display: block;
	clear: both;
}
#ProductDetail .DownloadBlock .RelatedLinkPanel {
            box-sizing: border-box;
            width: 50%;
            min-width: 150px;
            float: left;
            padding-left: 15px;
            margin-top: -1px;
}
#ProductDetail .DownloadBlock .RelatedLinkPanel a {
              text-decoration: none;
              display: block;
              color: #161F38;
              padding: 10px 0 10px 35px;
              border-bottom: solid 1px #161F38;
              border-top: solid 1px #161F38;
              font-weight: 700;
              font-weight: bold;
              position: relative;
}
#ProductDetail .DownloadBlock .RelatedLinkPanel a img {
                position: absolute;
                top: 50%;
                left: 5px;
                -webkit-transform-origin: 50% 0;
                    -ms-transform-origin: 50% 0;
                        transform-origin: 50% 0;
                -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
}

#ProductDetail .ListPriceTable .ListPriceDiv3 .priceB{margin-top:1em;}

.cfs-header_logo p{
	font-size:1.2rem;
	margin-top:8px;
}
#EC #pa-series .pas-series_inner {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    min-width: 640px;
    width: 100%;
}

#EC.detail #ProductDetail #pa-outline .pas-outline_main .pas-outline_mainText .pas-outline_mainTextPrice1{font-size: 1.4rem ;}
.pas-outline_mainTextPrice1 span{

    margin-bottom: 0.2em !important;
    margin-top: 1.2em;
    color: #353E8B;
    font-size: 1.6rem;
}


/*#EC.detail #pa-outline .pas-outline_main .pas-outline_mainText .pas-outline_mainTextPrice1 {
    display:none;
}
*/

#EC.detail #pa-outline .pas-outline_main .pas-outline_mainText .pas-outline_mainTextPrice1{margin: 2em 0 0 0;}

#EC.detail #pa-outline .pas-outline_main .pas-outline_mainText .pas-outline_mainTextPrice2 span{
    font-size: x-large !important;
    margin-bottom: 0.2em !important;
    margin-top: 1.2em;
    color: #353E8B;
}
#EC.detail #pa-outline .special_price{
	
	text-align: right;
}

#RefineConditionPanel .allcheckblock {
	margin-top:30px;
	text-align:center;
}
#RefineConditionPanel .allcheckblock #allnocheck{
	border:solid 1px #EFEFEF;
	padding:10px 0;
	cursor: pointer;
}

.ListPriceTable .ListPriceDiv4 span {color:#DBA651 !important;}
/* カート以降 */

.SubTitle,
#SubTitle {
	/* background-color: #171F41;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-bottom: 56px;
	color:#fff;
	text-align:center;
	height:16px; */
  /* padding: 4rem 0; */
  margin: 2.5rem 0;
}
.cartpage {
	margin-bottom:50px;
}
.cartpage input{
	font-size: 1.8rem;
	padding: 5px;
	border:solid 2px #E6E6E6;
	line-height: 1.5;
	margin-right:10px;
}
.CartBlock {
	position: relative;
	max-width: 1280px;
	min-width: 640px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}
@media (max-width: 640px){
.CartBlock {
    min-width: initial;
}
}

.Cart {
	text-align:center;
	margin-bottom:50px;
}

.Cart li
{
	padding:15px;
	border-bottom:solid 1px #E6E6E6;
	list-style-type:none;
	line-height:180%;
	text-align:left;
}
.Cart .CartItemBlock
{
	width:100%;
	display:block;
	clear:both;
}

.Cart li:last-child
{
	border-bottom:solid 1px #E6E6E6;
}
	
.Cart li:first-child
{
	border-top:solid 1px #E6E6E6;
}

.Cart hr
{
}
.CartItemLeft, .CartItemCenter, .CartItemRight
{

	vertical-align:middle;
	text-align:left;
}
.CartItemLeft
{
    width:25%;
    max-width: 150px;
}
@media (max-width: 500px){
.CartItemLeft {
	width:100%;
    text-align: center;
    margin-bottom: 20px;
}
.Cart .CartItemLeft img {
    width: 200px;
}
}
.CartItemCenter
{

}
@media (max-width: 640px){
.CartItemCenter
{
    width: 100%;
    padding: 0 0px 0 15px;
}
}
@media (max-width: 500px){
.CartItemCenter
{
    width: 100%;
    padding: 0px;
}
}
.CartItemRight
{
	padding-left:15px;
  margin-left: auto;
}
@media (max-width: 500px){
.CartItemRight
{
	padding-left:0px;
}
}
.CartItemRight span
{
	margin:0 15px 0 5px;
}

.CartItemRight .Delete
{

}
.CartItemRight .disabled{
}

.CartItemRight input.disabled{
    padding: 5px;
    border: solid 2px #E6E6E6;
    line-height: 1.5;
    margin-right: 10px;
    color: #ccc;
}

.CartItemRight .EditGiftOptionButton,.AddGiftOptionButton
{
    margin-top:5px;
    background-color:#0000FF;
    color:#FFFFFF;
	font-weight:bold;
    -webkit-border-radius: 4px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0000FF));
    border-style:none;
    padding:2px 10px;
}

.Cart .CartItemLeft img {
	width:150px;
}
.Cart .CartPriceBlock {
	text-align:right;
}
.Cart .CartPriceBlock span{
    font-weight: bold;
	font-size:160%;
}

/* ログイン */


.Login .Reminderlink{color: #666666 !important;}

.MembershipTitle {
	background-color: #B6BAC2;
	min-width: 640px;
	padding: 12px 15px;
	margin-bottom: 30px;
	color:#fff;
	text-align:left;
	/*height:16px;*/
} 

.Reminderlink {
	text-align:center;
	margin:auto;
	display:block;
}

/* ユーザ登録 */
.UserRegistTitle {}

.UserRegistLabel {
	background-color: #B6BAC2;
	min-width: 640px;
	padding: 12px 15px;
	margin: 30px 0;
	color:#fff;
	text-align:left;
	/*height:16px;*/
}



.UserRegistDescription
{
	font-size:90%;
	padding:5px 5px 5px 15px;
}

.UserRegistButton{
	margin:60px auto;
}

.Name
{
	/* width:90%;
   width : -webkit-calc(100% - 80px) ;
   width : calc(100% - 80px) ;
	font-size:120%;
	margin:0 10px; */
}
.Zip
{
	/* font-size:120%;
	width:35%; */
}
.bnkbAddSearch {
	/* margin:0 15px !important; */
}

.Address
{
	font-size:120%;
	width:90%;
}

.Tel
{
	font-size:120%;
	width:15%;
}
.MailFirst
{
	font-size:120%;
	width:35%;
}
.MailSecond
{
	font-size:120%;
	width:35%;
}

.UserRegistForm input[type=radio]{
	margin:0 10px;
	height:18px;
	width:18px;
}
.CheckoutPage {
	font-size:120%;
}

.CheckoutTitle {
	background-color: #B6BAC2;
	padding: 12px 15px;
	margin:-15px 0 30px -15px;
	color:#fff;
	text-align:left;
	display:block;
	width:100%;
}


.CheckoutTitle strong{
color:#fff;
}
.CheckoutPage {
	font-size:120%;
}


.ShippingDateBlock {
}
.DeliveryYear,
.DeliveryMonth,
.DeliveryDay {
	width:20%;
}
.CheckoutPage input[type=radio]{
	margin:0 10px;
	height:18px;
	width:18px;
}
.ConfirmationTitle {
	background-color: #B6BAC2;
	padding: 12px 15px;
	margin:-15px 0 30px -15px;
	color:#fff;
	text-align:left;
	display:block;
	width:100%;
}
@media (max-width: 768px){
.CheckoutTitle,
.ConfirmationTitle {
    background-color: #B6BAC2;
    padding: 12px 15px;
    margin: -15px 0 30px -15px;
    color: #fff;
    text-align: left;
    display: block;
    width: 110%;
}
}
.ShippingBlock div b{
	font-size:120%;
	border-bottom:solid 1px #E6E6E6;
	margin:10px 0;
	display:block;
	font-weight:600;
}
.ShippingSubTotal {
	border-top:solid 1px #E6E6E6;
	margin:10px 0;
	display:block;
	text-align:right;
	padding:15px;
	display:none;
}
.ShippingSubTotal span{
  font-weight:bold;
	font-size:160%;
}
.ShippingSubTotal span.Daibiki{
  font-weight:normal;
	font-size:100%;
}



.PaymentBlock {
	line-height:180%;
}
.CreditCardPanel b{
	margin:10px 0;
	display: block;
	font-weight:600;
}



/* 会員メニュー */

.Menu {
	position: relative;
	max-width: 1280px;
	min-width: 640px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	margin-bottom:50px;
}
@media (max-width: 660px){
.Menu {
	min-width: auto;
}
}
.Menu li
{
	padding:15px;
	border:solid 1px #E6E6E6;
	list-style-type:none;
	line-height:180%;
	font-size:120%;
	text-align:left;
	position: relative;
	margin:15px ;
}
.Menu li a
{
	color: #666666 !important;
	text-decoration: none !important;}

.Menu li a div::after {
          content: '';
          display: block;
          position: absolute;
          width: 0.7em;
          height: 0.7em;
          box-sizing: border-box;
          border-top: solid 1px #666666;
          border-right: solid 1px #666666;
          -webkit-transform-origin: right top;
              -ms-transform-origin: right top;
                  transform-origin: right top;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg);
          right: 15px;
          top: 50%; }

/* 注文履歴 */
.OrderHistory
{
	width: 100%;
	text-align:left;
	margin-bottom:50px;
}

.OrderHistory > li
{
	padding:15px;
	border-bottom:solid 1px #E6E6E6;
	list-style-type:none;
	line-height:180%;
	font-weight:120%;
	text-align:left;
}

/* .orderhistory_aspx .item-position
{
	background-color: #B6BAC2;
	padding: 12px 15px;
	font-size:120%;
} */

/* .orderhistory_aspx .item-position
{
	background-color: #B6BAC2;
	padding: 12px 15px;
	color:#fff;
	text-align:left;
	height:16px;
} */

.OrderHistory > li .Detail
{
	/* background-color: #F2F5F7; */
	padding: 10px;
	margin:15px 0;
}
.OrderHistoryDetailTitle {
	background-color: #B6BAC2;
	padding: 12px 15px;
	color: #fff;
	text-align: left;
	 display: block;
	width: 100%;
}

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

.Button
{
	width:80%;
	display: block;
	position: relative;
	margin: 20px auto;
	padding:15px;
	background-color: #353E8B;
	color:#fff !important;
	text-align:center;
	text-decoration: none !important;
	font-size: 1.8rem;
	max-width: 320px;
	cursor: pointer;
}

.SmallButton
{
	display: inline-block;
	padding:15px;
	background-color: #353E8B;
	color:#fff !important;
	text-align:center;
	text-decoration: none !important;
	cursor: pointer;
}

.LargeButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 20px auto;
	padding:15px;
	background-color: #353E8B;
	color:#fff !important;
	text-align:center;
	text-decoration: none !important;
	font-size: 1.8rem;
	max-width: 320px;
	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
{
	display: inline-block;
	padding:10px 20px;
	border: solid 1px #B6BAC2;
	background-color: #B6BAC2;
	color:#fff !important;
	text-align:center;
	text-decoration: none !important;
	cursor: pointer;
}
.EditButton
{
	display: inline-block;
	padding:10px 20px;
	background-color: #353E8B;
	color:#fff !important;
	text-align:center;
	text-decoration: none !important;
	cursor: pointer;
}

.cancelbtn {
	border: solid 1px #B6BAC2;
	background-color: #B6BAC2;
}

a.nextbtn::after {
          content: '';
          display: block;
          position: absolute;
          width: 0.7em;
          height: 0.7em;
          box-sizing: border-box;
          border-top: solid 1px #fff;
          border-right: solid 1px #fff;
          -webkit-transform-origin: right top;
              -ms-transform-origin: right top;
                  transform-origin: right top;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg);
          right: 15px;
          top: 50%; }

.backbtn:before {
          content: '';
          display: block;
          position: absolute;
          width: 0.7em;
          height: 0.7em;
          box-sizing: border-box;
          border-top: solid 1px #fff;
          border-right: solid 1px #fff;
          -webkit-transform-origin: right top;
              -ms-transform-origin: right top;
                  transform-origin: right top;
          -webkit-transform: rotate(225deg);
              -ms-transform: rotate(225deg);
                  transform: rotate(225deg);
          left: 0px;
          top: 50%; }

.SubContents
{
	margin:5px;
}
.Description
{
	text-align:center;
	margin:5px;
}
.ErrorMessage ul
{
	margin:0;
	padding:0;
	text-align:center;
}

.ErrorMessage ul li
{
	list-style-type:none;
}

.ErrorMessage
{
	color:#FF0000;
	text-align:center;
	display:block;
	margin:10px;
}
.ErrorMessageS
{
	color:#FF0000;
}
.Message
{
	text-align:center;
	display:block;
	margin:10px;
}
.Label
{
}
.ItemLeft
{
}
.ItemRight
{
}
.ItemRight .Itemicon {
	margin: 0 0  5px 0;
}

.ItemRight .ItemIcon div {
	float:left;
	margin: 0 0 0 2px;
}
/* .ProductListHeader{
  padding: 0 !important;
} */
.ProductListHeader .list_selectbox{
  position: relative;
  overflow: inherit !important;
}
.ProductListHeader .list_selectbox:before {
  content: '';
  width: 8px;
  height: 8px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  transform: rotate(135deg);
  top: calc(50% - 5px);
  display: block;
  margin-bottom: 3px;
  margin-right: 0.5em;
  transition: all 0.2s 0s;
  position: absolute;
}


.ProductListHeader .list_selectbox:before {
  left: 0;
  z-index: 2;
}
.ProductListHeader .list_selectbox select {
  padding: 0 8px!important;
  text-align: left;
}

/* ページング */
.PageLink
{
}

.PageLink b{
}

.PageLink a
{
}
.PrevPageLink
{
}
a.PrevPageLink
{
}
.NextPageLink
{
}
a.NextPageLink 
{
}


/* 検索 */

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

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

.ProductListItem
{
}

.ProductListHeader
{
}

.ProductListFooter
{
}

.IconImage
{
}

.OpenTab
{
}

.ClearHistory
{
    text-align: right;
    color: #FFF;
    float:right;
    display:block;
}
#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;
}
                
.ShopMemberID
{
	width:40%;
	font-size:120%;
}
.ContentsArea
{
	text-align: left;
}
.ContentsArea h2
{
	margin-left: 5px;
}
.QuestionnaireAnswer
{
	width:100%;
}
.QuestionnaireAnswer label
{
    padding-right: 10px;
}
.month {
	font-size: 120%;
	width: 10%;
}
.day {
	font-size: 120%;
	width: 10%;
}
.remark {
	font-size: 120%;
	width: 90%;
}
.relationShip {
	font-size: 120%;
}

/* アドレス帳 */
.AddressListBlock {
	text-align:center;
	margin-bottom:50px;
}

.AddressListBlock .AddressList{
	padding:15px;
	list-style-type:none;
	line-height:180%;
	text-align:left;
}
.AddressListBlock .AddressList:last-child{
	border-bottom:solid 1px #E6E6E6;
}


.AddressListBlock .DeleteButton{
	margin-right:20px;
}

/* カート */
.ConfirmQtyMsgDiv1
{
	text-align: left;
	margin-bottom: 10px;
}
.ConfirmQtyMsgDiv2
{
	text-align: left;
	margin-top: 10px;
	color: red;
	font-size: 10pt;
}
.ConfirmQtyButtonDiv
{
	padding-top: 5px;
}
.FreeShippingMessage
{
	margin: 7px 0px;
    padding: 13px;
    color: #333333;
    line-height: 1.5;
    background-color: #EFEFEF;
    font-size: 0.9em;
    width:-moz-fit-content; 
    width: fit-content;
    margin-right: 0;
    margin-left: auto;
}
.Cart .CartPriceBlock .FreeShippingMessage span{
  font-weight: normal;
	font-size:120%;
}
.MailBinFrame {}
.MailBinTitle {font-size:11px; color:Black;display:none;}
.MailBinCheckBox {    font-size: 15px;
    color: #333;
    width: 350px;
    text-align: left;
    margin: 0px auto;
    margin-bottom:10px;
}
.MailBinComment {    font-size: 11px;
    color: #666;
    width: 352px;
    text-align: left;
    line-height: 15px;
    margin: 0px auto;}
.MailBinDisabledMessage {font-size:11px; color:#666;}

.PaymentMethodComment{
    margin-left: 39px;
    width:100%!important;
}

/* ぱんくず */
.BreadCrumbs
{
	position: relative;
	margin:0;
	padding:5px;
	list-style-type:none;
	font-size:80%;
}
.BreadCrumbs li
{
	position: relative;
	display:inline;
}
.BreadCrumbs li:after
{
	position: relative;
	left:3px;
	top: 2px;
	content: url(../images/common/arrow-7-right.png);
	width: 16px;
	height: 16px;
}

.BreadCrumbs li span
{
    color:Gray;
}
.productdetail_aspx #EC.detail  {position:relative;}
.productdetail_aspx .BreadCrumbsBlock {

  width: 100%;
}
#EC.detail .pp-ct {
  margin-bottom: 20px; 
}
@media screen and (max-width: 900px) {
  .productdetail_aspx .BreadCrumbsBlock {

}
  #EC.detail #pa-outline {
    margin-bottom: 40px;
    margin-top: 24px;
  }
}

/* 配送時間帯 */
.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     
{
	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
{
	display:none;
	z-index:9999;
	width:87%;
    background:white;
    padding:10px;
		margin:10px;
    position:fixed;
    top:50%;
    left:50%;
}

#BookmarkDialog div{
	margin:3px;
}

/* 逆引きカテゴリーパーツ */
.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 {
  text-align:center;
	align:center;
	margin:0 auto;
}

#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,
.Questionnaire .QuestionnaireImages.InputRestriction.optional {
  color: var(--color-danger);
    font-size: .75rem;
    margin-left: .35em;
}

.Questionnaire .InputRestriction.optional,
.QuestionnaireImages.InputRestriction.required {
    font-size: .75rem;
    margin-left: .35em;
    color: var(--color-muted);
}

#QuestionnaireTitle
{
    font-weight: bold;
}

.ErrorPanel, .ThanksPanel
{
    text-align:center;
    margin: 100px 0px;
}


.QuestionnaireOptionDescription
{
    font-size: 0.9em;
}

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

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

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

#GiftOptionPanel
{
	position: absolute;
	border:solid 1px #666;
	background-color: #fff;
	padding: 20px 30px;
	z-index: 100;
}
#GiftOptionList
{
	margin: 10px 30px;
}
.EditGiftOptionButton
{
	clear:both;
}
.EditGiftOptionPanelButtonBlock
{
	clear:both;	
}
#GiftOptionSubmitButton
{
}
#GiftOptionCancelButton
{
}
#Overlay {
    background-color: #000000;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 99;
}
.OptionErrorMsgDiv
{
	color: Red;
}
#EditGiftOptionMessage
{
	color: Red;
}


.GiftOptionSettingPanel
{
	position: absolute;
	border:solid 1px #666;
	background-color: #fff;
	padding: 20px 30px;
	width: 300px;
	color: #444;
	z-index: 100;
}

.GiftOptionSettingTypePanel li
{
	list-style-type:none;
}


/* 20121204 */

/* InfoPageVariation */
.InfoPageVariation {
	text-align:center;
	padding:10px 0;
}
.InfoPageVariation .InfoPageProductImage {
	width:90px;
}
.InfoPageVariation table{
	text-align:center;
	margin:auto;
	padding:0 10px;
	font-size:70%;
	width:100%;
}
.InfoPageVariation table .ListPriceTextB2,
.InfoPageVariation table .DiscountRateB,
.InfoPageVariation table .DiscountRateC {
	float:left;
}
.InfoPageVariation ul{
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	border-bottom:2px dotted #666;
}
.InfoPageVariation ul li{
	margin: auto;
	font-size: 80%;
	padding: 8px;
	border-top:2px dotted #666;
}
.InfoPageVariation ul li:nth-child(even) {
	background-color:#EAFCFF;
}

.InfoPageVariation .VariationTxt {
	font-weight:bold;
}
.InfoPageVariation	.btn_detail {
	position: relative;
	margin: 10px 0px 10px 0px;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
	border: solid 1px #ddd;
}
.InfoPageVariation	.btn_tocart {
	position: relative;
	margin: 10px 0px 10px 0px;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#38CEE3),to(#128494));
	background: -moz-linear-gradient(top, #38CEE3, #128494);
	border: solid 1px #2BB0BF;
}
.btn_tocart::after,
.btn_detail::after {
	position: absolute;
	right: 0;
	top: 7px;
	content: url(../images/common/listarrow.png);
	width: 25px;
	height: 20px;
}
.btn_detail a {
	position: relative;
}
.btn_tocart a {
	position: relative;
	color:#fff;
	font-weight:bold;
}

/* codeinput */
.codeinput {}

.codeinput p {
	text-align:center;
}
.codeinput #ErrBlock {
	margin:0 10px;
	padding:5px;
	border:solid 1px red;
	font-size:80%;
}

.codeinput #OrderItemTable {
	width:100%;
	border-bottom:2px dotted #666;
}

.codeinput #OrderItemTable td {
	margin: 0;
	padding: 10px;
	border-top:2px dotted #666;
	vertical-align:top;
}
.codeinput #OrderItemTable ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.codeinput #OrderItemTable ul li{
}
.codeinput input,
.codeinput select {
	font-size: 120%;
}
.codeinput .btn_tocart {
	position: relative;
	margin: 10px;
	padding:6px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#38CEE3),to(#128494));
	background: -moz-linear-gradient(top, #38CEE3, #128494);
	border: solid 1px #2BB0BF;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

#NameprintPanel
{
    position: absolute;
    border:solid 1px #666;
    background-color: #fff;
    padding: 20px 30px;
    width: 350px;
    color: #444;
    z-index: 100;
}
#ErrorMessageBlock
{
	font-size: 0.8em;
	color: Red;
}
#NameprintPanel .ButtonBlock
{
	margin-top: 20px;
}
#NameprintPanel .ErrorItem
{
	color: Red;
	display: none;
}
#NameprintPanel .NamePrintOptionEachFrame:after
{
	content: " ";
	clear:both;
	display: block;
	visibility: hidden;
}
#NameprintPanel .NamePrintOptionEachFrame
{
	font-size: 0.8em;
}
#NameprintPanel .NamePrintInputTitle
{
	font-weight: bold;
}
#NameprintPanel .NamePrintOptionDescription
{
	text-align: left;
}
.codeinput .nameprint_input_value_div
{
	font-size: 0.8em;
}

/* 商品振分画面 */
#DivideShippingProductList .GoodsName
{
    height:38px;
    overflow:hidden;
}

/* 配送先選択画面 */
.Purchaser .CheckBox
{
    width:5%;
}
.Purchaser .ShippingAddress
{
    width:85%;
}
.ShippingList .CheckBox
{
    width:5%;
}
.ShippingList .ShippingAddress
{
    width:72%;
}
.ShippingList .OpenTab
{
    width:10%;
}
.ShippingList .Clear
{
    width:0;
}


/* SetShippingPage */

.SetShippingPage {}

.SetShippingPage p {
	text-align:center;
}

.SetShippingPage ul .title{
	background-color:#333;
	color:#fff;
	font-weight:bold;
}
.SetShippingPage ul .title #asterisk{
	font-size:80%;
	font-weight:normal;
}
.SetShippingPage .ShippingList li:nth-child(even) {
	background-color:#EAFCFF;
}
.NextButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 10px auto;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#38CEE3),to(#128494));
	background: -moz-linear-gradient(top, #38CEE3, #128494);
	border: solid 1px #2BB0BF;
	color:#fff;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}

.AddButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 10px auto;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(#fd6ca0),to(#FB2B75));
	background: -moz-linear-gradient(top, #fd6ca0, #FB2B75);
	border: solid 1px #F07AA7;
	color:#fff;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}
.ReturnButton
{
	width:80%;
	display: block;
	position: relative;
	margin: 10px auto;
	padding:8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background: -webkit-gradient(linear, left top, left bottom,from(white),to(#E6E6E6));
	background: -moz-linear-gradient(top, white, #E6E6E6);
	border: solid 1px #E6E6E6;
	color:#333;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}


/* DivideShippingPage */

.DivideShippingPage {}
.DivideShippingPage p{
	padding: 5px;
	margin:0;
}
.DivideShippingPage p img{
	vertical-align:top;
}

.DivideShippingBlock{}

.DivideShilipingBlockTop{
	border:solid 0px red;
	padding:0 ;
	margin:0 0 15px 0;
}

.DivideShilipingBlockTop ul{
	margin:0;
	padding: 0;
	list-style: disc inside;
}
.DivideShilipingBlockTop ul li{
	padding:3px 5px;
	font-size:80%;
}
.DivideShilipingAll{
	margin:5px;
	padding: 3px;
	font-size:80%;
}

.AddressPageNavi {
	font-size:80%;
	display:table;
	width:90%;
	list-style:none;
}
.AddressPageNavi li{
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	width:30%;
	padding:0 5px;
}

.AddressPageNavi #AddressPageNaviL{
	text-align:right;
}
.AddressPageNavi #AddressPageNaviR{
	text-align:left;
}
.DivideShipping li:nth-child(odd) {
	background-color:#EAFCFF;
}

td.tab
{
border-top-left-radius: 5px;     /* 左上 */
border-top-right-radius: 5px;    /* 右上 */

-webkit-border-top-left-radius: 5px;     /* 左上 */
-webkit-border-top-right-radius: 5px;    /* 右上 */

-moz-border-radius-topleft: 5px;     /* 左上 */
-moz-border-radius-topright: 5px;    /* 右上 */
}
.DivideShippingFirst {
border-top:#333 2px solid;
border-top-right-radius: 5px;    /* 右上 */
-webkit-border-top-right-radius: 5px;    /* 右上 */
-moz-border-radius-topright: 5px;    /* 右上 */
}

TD.DivideShippingTableB {
	BORDER-RIGHT: #fff 2px solid; BORDER-TOP: white 4px solid; PADDING-LEFT: 18px; BORDER-LEFT: #aaa 0px solid; COLOR: white; BORDER-BOTTOM: #eee 1px solid; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #dcdcdc
}
TD.DivideShippingTableD {
	BORDER-RIGHT: #333 2px solid; BORDER-TOP: #333 2px solid; FONT-WEIGHT: bold; BORDER-LEFT: #333 2px solid; COLOR: white; BORDER-BOTTOM: 0px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #333
}
TD.DivideShippingTableE {
	BORDER-RIGHT: #fff 2px solid; BORDER-TOP: white 4px solid; PADDING-LEFT: 18px; BACKGROUND-IMAGE: url(../images/common/misettei_icon.gif); BORDER-LEFT: #aaa 0px solid; COLOR: white; BORDER-BOTTOM: #eee 1px solid; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #dcdcdc
}
TD.DivideShippingTableF {
	BORDER-RIGHT: #333 2px solid; BORDER-TOP: #333 2px solid; FONT-WEIGHT: bold; BORDER-LEFT: #333 2px solid; PADDING-LEFT: 18px; BACKGROUND-IMAGE: url(../images/common/misettei_icon.gif); BACKGROUND-REPEAT: no-repeat; COLOR: white; BORDER-BOTTOM: 0px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #333;
}

/* 商品リストでの在庫・バリエーション表示 */
#VariationListTitle {font-size: 13px; text-align: center;}
#VariationColorList
{
	font-size: 12px;
}
#VariationStockTable 
{
	clear:both;
	text-align:left;
	margin: 10px 0;
}
#VariationStockTableTitle {font-size: 12px;}
#VariationStockTableExNote {font-size: 12px;}
#VariationListCloseButton {font-size: 13px;}
#VariationListCloseButtonDiv {text-align: center;}
table.tblVariation2
{
	border-collapse:collapse;
}

td.tblVariation2td1
{
	font-size:12px;
	line-height:120%;
	font-family: "ＭＳ Ｐゴシック";
	border:solid 1px #666;
	padding:5px;
	text-align:center;
}

td.tblVariation2td2
{
	font-size:10px;
	line-height:120%;
	font-family: "ＭＳ Ｐゴシック";
	border:solid 1px #666;
	padding:5px;
	background-color:#e3e3e3;
}
tr.tblVariation2trOdd
{
}
tr.tblVariation2trEven
{
}
.productDetailColorIconFrame{
}
.productDetailColorIcon{
	float:left;
	width:50px;
	height:50px;
	margin:8px 1px 1px 1px;
}

.GoodsMessagePanel
{
    text-align:center;
    width:80%;
    margin: 10px auto;
}

.MessageWindow
{
    width:100%;
    text-align:center;
    padding-top:30px;
    height:200px;
    font-size:medium;
    color:Red;
}
/* 営業日カレンダー */
.DatePickerArea {
}

.DatePickerArea .ButtonTab {
	display:block !important;
	width:25%;
	text-align:center;
	font-size:12px;
}

.Sunday {
    background-color: #FFCCCC;
}
.Saturday {
    background-color: #CCFFFF;
}
.Open
{
}
.Closed
{
    background-color:#BC8F8F;
}
a.DatePicker
{
    cursor:pointer;
    color: #FF6600;

}
a.OtherMonth
{
    color:#c0c0c0;
}

a.DatePicker:visited {
    color: #FF8C00;
    text-decoration: none;
}
a.DatePicker:hover {
    color: #4169E1;
    text-decoration: underline;
}
a.DatePicker:active {
    color: #008BD0;
    text-decoration: none;
}

/* クーポン一覧 */
.fw_b{font-weight: bold;}
.tekiyou input{width:120px;}
.CouponList{
  display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin: 30px 0;

}
.CouponList > li {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    align-items: center;
}

.CouponList dl.coupon{
  display: flex;
    border: 2px solid #333;
    width: 100%;
    max-width: 620px;
    background: #fff;
    font-size: 14px;
}

.CouponList .coupon dt {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 160px);
    padding: 40px 20px;
}
.CouponList .coupon .coupon-left-inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: left;
}
.CouponList .coupon .coupon-left-inner li {
    display: flex;
    flex-wrap: wrap;
}
.CouponList .coupon dd {
  position: relative;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 180px;
    padding: 40px 20px;
    border-left: 2px dashed #333;
    justify-content: center;
}
.CouponList .coupon dd .coupon-right-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: left;
    gap: 10px;
}
.CouponList .coupon dd::before, .CouponList .coupon dd::after {
    position: absolute;
    border: 2px solid #333;
    display: block;
    content: "";
    border-radius: 100%;
    background: var(--color-bg);
    box-sizing: border-box;
    left: -12px;
    width: 22px;
    height: 22px;
}
 .CouponList .coupon dd::before {
    top: -11px;
}
.CouponList .coupon dd::after {
    bottom: -11px;
}
.CouponList .coupon dd .coupon-right-inner::before,.CouponList .coupon dd .coupon-right-inner::after {
    position: absolute;
    display: block;
    content: "";
    border-radius: 100%;
    background: var(--color-bg);
    z-index: 1;
    width: 24px;
    height: 24px;
    left: -13px;
}
.CouponList .coupon dd .coupon-right-inner::before {
    top: -20px;
}
.CouponList .coupon dd .coupon-right-inner::after {
    bottom: -20px;
}
@media screen and (max-width: 767px){
.CouponList .coupon {
        display: flex;
        flex-direction: column;
    }
.CouponList .coupon dt {
        width: 100%;
    }

    .CouponList .coupon dd {
        border-left: none;
        border-top: 2px dashed #333;
        width: 100%;
        padding: 20px 20px;
    }

    .CouponList .coupon dd .coupon-right-inner {
        flex-direction: column;
    }
    .CouponList .coupon dd::before {
        left: -12px;
        top: -11px;
    }
     .CouponList .coupon dd::after {
        right: -12px;
        top: -11px;
        bottom: auto;
        left: auto;
    }
    .CouponList .coupon dd .coupon-right-inner::before {
        top: -12px;
        left: -19px;
    }
    .CouponList .coupon dd .coupon-right-inner::after {
        top: -12px;
        right: -19px;
        bottom: auto;
        left: auto;
    }

  }
.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:0;
	padding:0;
}
section.inner, .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;
	font-weight: bold;
}
.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;
}
.AddressBook{
  margin-top: 20px;
}
/* メーカーから探す */
#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;
	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
{
    width:30%;
    overflow:hidden;
}
#RecentOrderList .list .ItemRight
{
    width:60%;
    text-align:left;
}
#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
{

}
/* ----- */

/* 見積履歴 */
.EstimateHistory
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

.EstimateHistory li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:solid 1px #333;
	list-style-type:none;
	line-height:20px;
}

.EstimateHistory li:last-child
{
	color:#FFFFFF;
	background-color:#000000;
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-size:120%;
}

.EstimateHistory li:first-child
{
	color:#FFFFFF;
	background-color:#000000;
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

div .SeparatorSolid
{
    width:100%;
	border-bottom:solid 1px #333;
}

div .SeparatorDotted
{
    width:100%;
	border-bottom:dotted 1px #333;
}

/* カート一覧 */
#MultiShopCartList
{
	margin:5px 5px 15px 5px;
	padding:0;
	font-size:80%;
}

#MultiShopCartList li
{
	padding:5px;
	border-left:solid 2px #333;
	border-right:solid 2px #333;
	border-bottom:solid 1px #333;
	list-style-type:none;
	line-height:20px;
}

#MultiShopCartList li:last-child
{
	border-bottom:solid 2px #333;
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-size:120%;
}

#MultiShopCartList li:first-child
{
	border-top:solid 2px #333;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

#MultiShopCartEmptyMessage,.DisabledMessage
{
    padding:20px;
    color: #606060;
    font-size:14px;
}
#MultiShopCartLoading
{
    text-align:center;    
}
/* ギフト指定 */
#GiftOptionUI
{
    font-size: 80%;
}

#GiftOptionUI .SetOptionsSubTitle {
    background-color: #50505e;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #fff;
    margin: 8px 0 2px 0;
    padding: 4px;
    text-align: left;
    clear:both;
}
#GiftOptionUI dd
,#GiftOptionUI ul
{
    margin:0;
    padding:0;
}
#GiftOptionUI .OptionListImg
{
    float:left;
	list-style-type:none;
    width:80px;
    height:120px;
    border:1px solid white
}

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

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

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

#GiftOptionUI .SetOptionWindowImage
,#GiftOptionUI .SelectedGiftOptionBlock
{
    width: 170px;    
}
#GiftOptionUI .NoGiftOptionStyle
{
    clear:both;
    padding:4px 0;
}
#GiftOptionUI .OptionNone
{
    width: 170px;   
    height:170px;
    display:table-cell;
    border:solid 1px #e6e6e6;
    text-align:center;
    vertical-align:middle;
    color:#bdbdbd;
}
#GiftOptionUI .SetOptionWindowTitle {
    background: #eee none repeat scroll 0 0;
    padding: 4px;
}
#GiftOptionUI .OptionErrorMsgDiv
{
    margin: 4px;
}
#GiftOptionUI #EditGiftOptionMessage
{
    margin: 4px;
}
/* ギフト指定 */

/* ユーザーページリスト（スライド） */
.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;
}

.RefineSearchPager {
}

.RefineSearchPager  #pa-pagination > span {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    vertical-align: top;
}
#EC.search #pa-pagination ul > li.gc-disable > a, #EC.search #pa-pagination ul > li.gc-disable > span {
    -webkit-transition-duration: 0;
    transition-duration: 0;
    border-color: #B6BAC2;
    background-color: #B6BAC2;
    color: #4d4d4d;
    opacity: 0.5;
}
.RefineSearchPager  #pa-pagination > span > a:hover, .RefineSearchPager  #pa-pagination > spann:hover {
    border-color: #182042;
    background-color: #182042;
    color: #FFFFFF;
}
.RefineSearchPager  #pa-pagination > span > a, .RefineSearchPager  #pa-pagination > span.currentPage {
    position: relative;
    color: inherit;
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    padding-top: 12px;
    border: solid 1px #B6BAC2;
    background-color: transparent;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    font-size: 1.6rem;
    color: #4d4d4d;
}
.RefineSearchPager  #pa-pagination > span.currentPage {
    -webkit-transition-duration: 0;
    transition-duration: 0;
    border-color: #182042;
    background-color: #182042;
    color: #FFFFFF;
}
.RefineSearchPager  #pa-pagination > span.nextPager a,
.RefineSearchPager  #pa-pagination > span.prevPager a{
    color: #FFFFFF;
}
.RefineSearchPager  #pa-pagination > span.nextPager a:hover,
.RefineSearchPager  #pa-pagination > span.prevPager a:hover{
    color: #182042;
}
.RefineSearchPager  #pa-pagination > span.nextPager > a::after, 
.RefineSearchPager  #pa-pagination > span.prevPager > a::after {
    content: '';
    display: block;
    position: absolute;
    width: 0.7em;
    height: 0.7em;
    box-sizing: border-box;
    border-top: solid 1px #333333;
    top: 50%;
    left: 50%;
    margin-top: -0.35em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.RefineSearchPager  #pa-pagination > span.nextPager > a::after {
    border-right: solid 1px #333333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -0.5em;
}
.RefineSearchPager  #pa-pagination > span.prevPager > a::after {
    border-left: solid 1px #333333;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -0.15em;
}

/* ユーザーページリスト（一覧） */


.pas-input_inputGroup input{
    box-sizing: border-box;
    width: auto;
    width: 46.96%;
    border-style: none;
    border-bottom: solid 1px #9EA0A6;
    padding: 10px 5px 10px 10px;
    line-height: 1.6;
    font-size: 1.9rem;
}
/*.pas-input_inputGroup{
    margin-bottom: 50px;
}
*/


#FORM #pa-input .table-row{
    display: table-row;
}

.pas-input_block3 .pas-input_content {
    padding-top: 15px;
    margin-bottom: 15px;
}
/*.pas-input_block3 .pas-input_content span,
.pas-input_block3 .pas-input_content input{
    float: left;
    padding-right: 40px;
    margin-bottom: 35px;
    font-size: 1.9rem;
    line-height: 1;
    vertical-align: middle;
}*/
.pas-input_block3 .pas-input_content label,
.pas-input_block4 .pas-input_content label{

    position: relative;
    display: inline-block;
    padding: 0 0 0 1.5em;
    cursor: pointer;

}

.pas-input_block3 .pas-input_content label,
.pas-input_block3 .pas-input_content input,
.pas-input_block4 .pas-input_radioGroup input,
.pas-input_block4 .pas-input_radioGroup label{
    float: left;
    padding-right: 40px;
    margin-bottom: 35px;
    font-size: 1.9rem;
    line-height: 1;
    vertical-align: middle;
}


.pas-input_block3 .pas-input_content input,
.pas-input_block4 .pas-input_content input{
    display: none;
    margin: 0;
}


.pas-input_block3 .pas-input_content input:checked+label::before {
    border-color: #DAA551;
}


.pas-input_block4 .pas-input_content label::before{

    border-radius: 50%;
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    box-sizing: border-box;
    width: 1.2em;
    height: 1.2em;
    margin-top: -0.6em;
    background: #FFF;
    border: solid 1px #9EA0A6;
}

.pas-input_block3 .pas-input_content label::before{
	display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    box-sizing: border-box;
    width: 1.2em;
    height: 1.2em;
    margin-top: -0.6em;
    background: #FFF;
    border: solid 1px #9EA0A6;
}


.pas-input_block3 .pas-input_content input:checked+label::before,
.pas-input_block4 .pas-input_content input:checked+label::before{border-color: #DAA551;}

.pas-input_block4 .pas-input_content label::after{

    content: "";
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    display: block;
}

.pas-input_block4 .pas-input_content input:checked+label::after{
    left: 0;
    width: 0.7em;
    height: 0.7em;
    margin-top: -0.35em;
    margin-left: 0.25em;
    background-color: #DAA551;
    border-radius: 50%;
}

.pas-input_block3 .pas-input_content input:checked+label::after {
    left: 0.3em;
    width: 0.6em;
    height: 0.3em;
    margin-top: -0.25em;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.pas-input_block3 .pas-input_content input:checked+label::after {
    content: "";
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    display: block;
}

.pas-input_block3 .pas-input_content input:checked+label::before {
    background-color: #DAA551;
}

.pas-input_block1 .pas-input_content input{
	width:80% !important;
}
.pas-input_block1 .pas-input_content{width:43% !important;}

.pas-input_block1 figcaption {
    color: #9ea0a6;
    font-size: 1.3rem;
    line-height: 1.5;
    width: auto;
    box-sizing: border-box;
    padding-left: 10px;
    width:100%;
    white-space: normal;
    display: table-cell;
}

.pas-input_block1 figure {
    display: table;
    width:100%;
    max-width: 320px;
    margin-top: -24px;
    margin-bottom: -24px;
    display: table-cell;
}

.pas-input_block1  figure>div {
    width: 51.61% !important;
    display: table-cell;
    vertical-align: middle;
}

.pas-input_block1  figure>div img {
    width: 100%;
    height: auto;
}
#TEST .pas-input_block1 .pas-input_content{width:47%;}

/*#TEST .pas-input_content {
    width: 100%;
    width: 660px;
    display: block !important;
}
*/

#TEST .pas-input_block1 .pas-input_content {
    float:left;
    display:table-cell;
}

.pas-action_button a:hover {
    color: #fff !important;
    background-color: #182042 !important;
}
/*
#ctl00_body_QuestionnaireParts_QuestionnaireRepeater_ctl00_SendMailPanel{
    box-sizing: border-box;
    padding: 12px 10px 10px 0;
    font-weight: bolder;
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 1.6;
    white-space: nowrap;
    width: 180px;
}
*/
#ctl00_body_QuestionnaireParts_QuestionnaireRepeater_ctl00_SendMailPanel input{
    /* position: relative;
    display: inline-block;
    padding: 0 0 0 1.5em;
    cursor: pointer; */
}

#ctl00_body_QuestionnaireParts_QuestionnaireRepeater_ctl00_SendMailPanel input::before {
    /* display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    box-sizing: border-box;
    width: 1.2em;
    height: 1.2em;
    margin-top: -0.6em;
    background: #FFF;
    border: solid 1px #9EA0A6; */
}

#ctl00_body_QuestionnaireParts_QuestionnaireRepeater_ctl00_SendMailPanel input:checked::before {
	/* background-color: #DAA551;
	border-color: #DAA551; */
}
#ctl00_body_QuestionnaireParts_QuestionnaireRepeater_ctl00_SendMailPanel input:checked::after {
    /* left: 0.3em;
    width: 0.6em;
    height: 0.3em;
    margin-top: -0.25em;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: "";
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    display: block; */
}

#FORM #pa-action .pas-action_main .pas-action_button {
    display: table-cell;
    font-size: 1.6rem;
    width: 300px;
}


 #FORM #pa-action .pas-action_main .pas-action_button.gc-next .LargeButton,
 #FORM #pa-action2 .pas-action_main .pas-action_button.gc-next .LargeButton{
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0.8em 1.6em 0.8em 0.8em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 1.5;
    text-align: center;
    background-color: inherit;
    border: solid 1px RED;
    font-size: 1.1em;
    font-weight: normal;
    font-weight: 400;
    color: #182042 !important;
    border-color: #182042;
    background-color: transparent;
}

 #FORM #pa-action .pas-action_main .pas-action_button.gc-next .LargeButton:hover {
	opacity: 1;
	color: #fff !important;
}

#pa-series .pas-series_block {
    margin-top: 60px;
    margin-bottom: 35px;
}
#ctl00_body_ctl00_pnlVariation>div{padding:2px;}

.CartNameprintBlock {
	font-size:11px;
	line-height: 17px;
}
.CartBlock .Cart li .CartItemCenter .CartNameprintBlock {
	margin-left:10px;
}
.CartNameprintBlock dt{
	font-weight:bold;
	display:inline;
	margin-right:10px;
}
.CartNameprintBlock dd{
	display:inline;
}

/*20161208　商品詳細　スペース調整追加*/

#EC.detail #pa-ability {padding-top: 0px !important;}
#EC.detail #pa-ability .pas-ability_sections { margin-top: 0px !important;}

/*決済制限商品一覧*/
.PurchaseLimitInformation {
    margin: 5px auto;
    width: 30%;
    line-height: 130%;
}


/*checkout.aspx*/

.newCartSetShippingTimeTable tbody tr td,
.newCartShippingOption tbody tr td,
.pay_div > div{padding: 5px;}

.DatePickerArea .ButtonTab .ItemLeft{font-size: 120%;} 

.Cart li.pay_div div:not(:first-child){width:25%;}

.DatePicker th{text-align: center;}

#payment20000084 div,
#payment00000000 div{font-size: 83%;}
@media screen and (max-width: 767px) {

.DatePickerArea .ButtonTab {
    width: 100%;
}
.Cart li.pay_div div:not(:first-child){width:100%;}
}

@media screen and (min-width: 768px) {
.cfs-header_logo >div{
    display: flex;
    position: relative;
    margin: 0 10px;

}
.cfs-header_logo >div a{
margin-right: auto;
}

.cfs-header_logo >div p{
    position: absolute;
    bottom: 0;
    right: 0;
}
}

.Recommend .ListPriceTable .ListPriceDiv3 .priceB:before{display: none;}
#ProductDetail .Recommend .ListPriceTable .ListPriceDiv3 .priceB {
    margin-top: 0px;
}
/**********カテゴリー内オススメ欄**********/

  #EC.search #pa-relate {
    margin-top: 70px;
    margin-bottom: 85px; }
    #EC.search #pa-relate .pas-relate_inner {
      box-sizing: border-box;
      width: 100%;
      max-width: 1000px;
      min-width: 640px;
      padding-right: 5px;
      padding-left: 5px;
      margin-right: auto;
      margin-left: auto; }
    #EC.search #pa-relate .pas-relate_title {
      color: #333;
      font-size: 2.2rem;
    font-weight:bold;
      font-weight: 700;
      margin-bottom: 20px;
      padding-right: 5px;
      padding-left: 5px; }
    #EC.search #pa-relate .pas-relate_list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: justify;
              justify-content: flex-start;
      width: 100%; }
      #EC.search #pa-relate .pas-relate_list > li {
        box-sizing: border-box;
        width: 16.667%;
        max-width: 155px;
        padding-right: 5px;
        padding-left: 5px; }
        #EC.search #pa-relate .pas-relate_list > li > a {
          text-decoration: none; }
      #EC.search #pa-relate .pas-relate_list .pas-relate_listImage img {
        max-width: 145px;
        width: 100%;
        height: auto; }
      #EC.search #pa-relate .pas-relate_list .pas-relate_listText {
        margin-top: 10px; }
        #EC.search #pa-relate .pas-relate_list .pas-relate_listText .pas-relate_listTextMain {
          color: #4D4D4D;
          font-size: 1.6rem;
          margin-bottom: 5px;
          line-height: 1.2; }
        #EC.search #pa-relate .pas-relate_list .pas-relate_listText .pas-relate_listTextSub {
          color: #808080;
          font-size: 1.2rem;
          line-height: 1.5; }




/**********ec.css移植**********/
div:not(.top_aspx) img { width: auto; }

/**********add userregist**********/
.Form-flex{
display:flex;
flex-wrap:wrap;
}

.Form-flex.half>div{
box-sizing:border-box;
width:50%;
}
.pay_div > div.CheckoutTitle{
    padding: 12px 15px;
}
.inputError{color:red;}

/**********add itemlist**********/
#EC .pp-badges .pps-badges_badge{line-height:1;}
#EC.search #pa-pagination ul > li > a, #EC.search #pa-pagination ul > li > span,#cf-main .cp-mv .cps-mv_text .cps-mv_textInner, 
#colorbox .ca-mw .cp-mv .cps-mv_text .cps-mv_textInner {line-height:1;}
.ProductListHeader.RefineConditionHeader{
display:block; padding:0;
}
/**********add login**********/
.Reminderlink {
    color: #666666 !important;
    text-align:center;
}
.Login .Login__inner{
    width:80%; 
    margin:0 auto;    
}
/**********add productdetail**********/
@media (max-width: 700px){
p.pas-outline_mainTextSummary+div img{
width:100%;
}
}
@media screen and (max-width: 640px){
#EC.detail .pp-ct {
    min-width: auto;
    margin-bottom: 24px;
}
#EC.detail #pa-outline .pas-outline_inner {
    min-width: auto;
    padding: 20px 15px
}
#EC.detail #pa-outline .pas-outline_main {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
}
.pas-outline_mainInner {
     float: none;
    width: 100%;
}
#EC.detail #pa-outline .pas-outline_main .pas-outline_mainText {
    width: 100%;
}
#EC.detail #pa-outline .pas-outline_main .pas-outline_mainText .pas-outline_mainTextSummary+div{text-align: center;}
#EC.detail #pa-outline .pas-outline_main .pas-outline_mainText .pas-outline_mainTextSummary+div.VariationBlock{
text-align: left;
}
p.pas-outline_mainTextSummary+div img {
    max-width: 350px;
    margin: 0 auto;
}
#EC.detail #pa-outline .pas-outline_main .pas-outline_mainText .pas-outline_mainTextCart {
    text-align: center;
}
#EC.detail #pa-outline .pas-outline_main .pas-outline_mainGallery {
    width: 100%;
    float:none;

}
#EC.detail #pa-outline .pas-outline_main .pas-outline_mainGallery .pas-outline_mainGalleryMain {
    padding: 0px;
}

.pas-outline_main .pas-outline_mainGallery .pas-outline_mainGalleryNavi > ul {
margin-bottom:10px;
 }

 }
/**********add newslist**********/
.newslist_aspx .newsBlock{
    max-width:1000px;

 }
.newslist_aspx .newsBlock dl{
    box-sizing:border-box;
    padding:10px 3%;
}


.groupnews_aspx .WhatsNew, 
.news_aspx .WhatsNew, 
.orderhistory_aspx .WhatsNew {
  max-width: 1200px;
  margin:0 auto;
  text-align: left;
  padding: 70px 0
}

.groupnews_aspx .WhatsNew .newsDetailDate, 
.news_aspx .WhatsNew .newsDetailDate, 
.orderhistory_aspx .WhatsNew .newsDetailDate {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 17.5px
}

.groupnews_aspx .WhatsNew .newsDetailTit, 
.news_aspx .WhatsNew .newsDetailTit, 
.orderhistory_aspx .WhatsNew .newsDetailTit {
  font-size: 30px;
  line-height: 1em;
  padding-bottom: 17.5px;
  border-bottom: 1px solid #ccc
 }

.groupnews_aspx .WhatsNew .newsDetailTxt, 
.news_aspx .WhatsNew .newsDetailTxt {
  font-size: 16px;
  line-height: 21px;
  padding: 2em 0
}
.groupnews_aspx .WhatsNew .newsDetailIndex, 
.news_aspx .WhatsNew .newsDetailIndex{
  display:inline-block;
  width: auto;
  border: 1px solid #000;
  padding: 2px 4px;
  font-size: 14px;
 }
.newsBlock .newsDetailIndex{
  font-weight: normal;
    font-size: 12px;
    display: inline-block;
    border: 1px solid #000;
    padding: 2px 4px;
 }
.groupnews_aspx .WhatsNew .newsDetailTxt .newsImage,
.news_aspx .WhatsNew .newsDetailTxt .newsImage{
text-align:center;
max-width:500px;
height:auto;
 }

.groupnews_aspx .backBtn, 
.news_aspx .backBtn {
  width:100%;
  max-width: 400px;
  text-align: center;
  padding: 0 0 40px 0;
  margin: 0 auto;
  box-sizing: border-box;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
 }

.groupnews_aspx .backBtn a, 
.news_aspx .backBtn a{
  background: #182142;
  display:block;
  line-height: 1;
  padding: 1.3em 4em 1.3em;
  color: #FFF !important;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  text-align:center;
  font-size: 17px;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s
}
.groupnews_aspx li.newsDetailTit,
.news_aspx li.newsDetailTit {
  color: #182142
}
@media screen and (max-width: 1200px) {
 .news_aspx .WhatsNew.newsdetail_wrap,
 .groupnews_aspx .WhatsNew.newsdetail_wrap{
  padding:70px 3%;
  box-sizing:border-box;
 }
 }
@media screen and (max-width: 599px) {
  .groupnews_aspx .WhatsNew, .news_aspx .WhatsNew{
    padding: 120px 0 40px 0
 }
 }


/*styleguide*/
#seagull_main *{
box-sizing:border-box;
}
#seagull_main {
    padding-bottom: 50px;
    max-width: 1170px;
  display:block;
 }
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px
}

.row:before, .row:after {
  content: " ";
  display: table
}

.row:after {
  clear: both
}


.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

.text-nowrap {
  white-space: nowrap
}

.text-lowercase {
  text-transform: lowercase
}

.text-uppercase, .initialism {
  text-transform: uppercase
}

.text-capitalize {
  text-transform: capitalize
}

.text-muted {
  color: #777
}

.text-primary {
  color: #337ab7
}

a.text-primary:hover, a.text-primary:focus {
  color: #286090
}

.text-success {
  color: #3c763d
}

a.text-success:hover, a.text-success:focus {
  color: #2b542c
}

.text-info {
  color: #31708f
}

a.text-info:hover, a.text-info:focus {
  color: #245269
}

.text-warning {
  color: #8a6d3b
}

a.text-warning:hover, a.text-warning:focus {
  color: #66512c
}

.text-danger {
  color: #a94442
}

a.text-danger:hover, a.text-danger:focus {
  color: #843534
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position:relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left
}

.col-xs-1 {
  width: 8.33333%
}

.col-xs-2 {
  width: 16.66667%
}

.col-xs-3 {
  width: 25%
}

.col-xs-4 {
  width: 33.33333%
}

.col-xs-5 {
  width: 41.66667%
}

.col-xs-6 {
  width: 50%
}

.col-xs-7 {
  width: 58.33333%
}

.col-xs-8 {
  width: 66.66667%
}

.col-xs-9 {
  width: 75%
}

.col-xs-10 {
  width: 83.33333%
}

.col-xs-11 {
  width: 91.66667%
}

.col-xs-12 {
  width: 100%
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-pull-1 {
  right: 8.33333%
}

.col-xs-pull-2 {
  right: 16.66667%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-4 {
  right: 33.33333%
}

.col-xs-pull-5 {
  right: 41.66667%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-7 {
  right: 58.33333%
}

.col-xs-pull-8 {
  right: 66.66667%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-10 {
  right: 83.33333%
}

.col-xs-pull-11 {
  right: 91.66667%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-push-1 {
  left: 8.33333%
}

.col-xs-push-2 {
  left: 16.66667%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-4 {
  left: 33.33333%
}

.col-xs-push-5 {
  left: 41.66667%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-7 {
  left: 58.33333%
}

.col-xs-push-8 {
  left: 66.66667%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-10 {
  left: 83.33333%
}

.col-xs-push-11 {
  left: 91.66667%
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-offset-0 {
  margin-left: 0%
}

.col-xs-offset-1 {
  margin-left: 8.33333%
}

.col-xs-offset-2 {
  margin-left: 16.66667%
}

.col-xs-offset-3 {
  margin-left: 25%
}

.col-xs-offset-4 {
  margin-left: 33.33333%
}

.col-xs-offset-5 {
  margin-left: 41.66667%
}

.col-xs-offset-6 {
  margin-left: 50%
}

.col-xs-offset-7 {
  margin-left: 58.33333%
}

.col-xs-offset-8 {
  margin-left: 66.66667%
}

.col-xs-offset-9 {
  margin-left: 75%
}

.col-xs-offset-10 {
  margin-left: 83.33333%
}

.col-xs-offset-11 {
  margin-left: 91.66667%
}

.col-xs-offset-12 {
  margin-left: 100%
}


.seagull_list ul, .seagull_list-number ul, .seagull_detail-entry ol ul, .seagull_list-notes ul, .seagull_detail-entry ul ul, .seagull_list ol, .seagull_list-number ol, .seagull_detail-entry ol ol, .seagull_list-notes ol, .seagull_detail-entry ul ol {
  margin: .5em 0 0
}

.seagull_list-number>li, .seagull_detail-entry ol>li {
  list-style: decimal outside
}

.seagull_list-notes>li {
  text-indent: -1em;
  margin: 0 0 10px 1em;
  list-style: none
}

.seagull_list-notes>li::before {
  content: "\203B"
}

.seagull_list-normal {
  margin-bottom: 30px
}



.seagull_list-normal .seagull_list-normal {
  margin: .5em 0 0 1em
}

.seagull_list-desc {
  margin-bottom: 30px;
  font-size: 1.6rem
}

.seagull_list-desc dt {
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1.63
}

.seagull_list-desc dd {
  margin-bottom: 10px;
  line-height: 1.63
}

.seagull_list-desc--faq dt, .seagull_list-desc--faq dd {
  position: relative;
  padding-left: 45px
}

.seagull_list-desc--faq dt::before, .seagull_list-desc--faq dd::before {
    position: absolute;
  left: 0;
  padding: 0 10px;
  font-size: 1.5em;
  font-family: arial;
  font-weight: 700
}

.seagull_list-desc--faq dt {
  margin: 0 0 10px;
  border-top: 3px solid #eff2f4;
  padding-top: 45px
}

.seagull_list-desc--faq dt::before {
  content: "Q.";
  top: 35px
}

.seagull_list-desc--faq dd {
  margin-bottom: 40px
}

.seagull_list-desc--faq dd::before {
  content: "A.";
  top: -.4em
}

.seagull_list-desc.row dt {
  clear: left
}


.seagull_lnav {
  text-align: center;
  font-size: 1.6rem;
  margin: -10px 0 30px
}

.seagull_lnav li {
    display: inline-block;
  margin: 10px 15px
}

.seagull_lnav a {
  font-weight: 700;
  text-decoration: none;
  padding: 15px 0 15px 15px;
  position: relative
}

.seagull_lnav a:hover {
  text-decoration: underline
}

.seagull_lnav a::after {
  position: absolute;
  top: 13px;
  left: -5px;
  content: "\e900";
  font-family: "myicons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1
}

.seagull_lnav--1col li {
  display: block;
    text-align: left;
  text-indent: -1em;
  margin-left: 1em
}

.seagull_lnav--1col a::after {
  text-indent: 0
}

.seagull_ttl--article+.seagull_lnav {
  padding: 5px 25px;
  margin: -30px 0 30px;
  background: #eff2f4
}


.seagull_img-box {
  margin-bottom: 30px;
  text-align: center
}

.seagull_img-box.row {
  text-align: left
}

.seagull_img-box__img {
  margin: 0 auto 8px;
  display: block
}

.seagull_img-left, .seagull_img-right {
  text-align: left
}

.seagull_img-left .seagull_img-box__img, .seagull_img-right .seagull_img-box__img {
  margin: 0 auto 15px
}


.seagull_box-wrap {
  padding: 20px 10px;
  margin-bottom: 30px;
  background: #eff2f4
}

.seagull_box-wrap>*:last-child {
  margin-bottom: 0
}

.seagull_box-wrap--line {
  margin-bottom: 30px;
  padding: 20px 10px;
  border: 3px solid #eff2f4
}

.seagull_box-wrap--line>*:last-child {
  margin-bottom: 0
}

.seagull_box-wrap--login {
  padding: 45px 20px;
  margin-bottom: 30px;
  font-size: 1.6rem;
  background: #eff2f4
}

.seagull_box-wrap--login dl {
  margin-bottom: 30px
}

.seagull_box-wrap--login dl:last-child {
  margin-bottom: -10px
}

.seagull_box-wrap--login dt {
  padding: 0 0 10px
}

.seagull_box-wrap--login-line {
  padding: 45px 20px
}

.seagull_box-wrap--login-line>*:first-child {
  margin-top: 0
}


.seagull_ttl--main, .seagull_ttl--category, .seagull_ttl--category-top, .seagull_ttl--article, .seagull_ttl--lv1, .buyer_topcopy, .InfomationTxtLv1, .seagull_ttl--lv2, .seagull_ttl--lv3, .seagull_ttl--lv4, .seagull_ttl--lv5 {
  font-weight: 700;
  line-height: 1.6
}

.seagull_ttl--main {
  margin: 0 0 35px;
    text-align: center;
  font-size: 2.7rem
}

.seagull_ttl--category {
  margin: 0 0 35px;
  font-size: 2.5rem
}

.seagull_ttl--category-top {
  margin: 0 0 30px;
  font-size: 2.5rem;
  text-align: center
}

.seagull_ttl--category-top img {
  margin: 0 auto 15px;
    display: block;
  width: 90px;
  height: 90px
}

.seagull_ttl--article {
  margin: 0 0 30px;
  border-top: 3px solid #333;
  border-bottom: 1px solid #333;
  font-size: 2.3rem;
  padding: 15.36px 0
}

.seagull_ttl--article__label {
  display: block;
  line-height: 1
}

.seagull_ttl--lv1 {
  margin-bottom: 30px
}

.seagull_ttl--lv1, .buyer_topcopy {
  font-size: 2.2rem
}

.InfomationTxtLv1 {
  margin-bottom: 30px;
  font-size: 2.2rem
}

.seagull_ttl--lv2 {
  margin: 50px 0 30px;
  padding: 0 0 15px;
  font-size: 2rem;
  position: relative
}

.seagull_ttl--lv2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90px;
  height: 1px;
  background: #000
}

.seagull_ttl--lv3 {
  margin: 40px 0 15px;
  font-size: 1.8rem
}

.seagull_ttl--lv4, .seagull_ttl--lv5 {
  margin: 0 0 15px;
  font-size: 1.6rem
}
@media (min-width: 992px){
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
}

@media (min-width:992px) {
  .container {
    width: 970px
  }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left
  }
  .col-md-1 {
    width: 8.33333%
  }
  .col-md-2 {
    width: 16.66667%
  }
  .col-md-3 {
    width: 25%
  }
  .col-md-4 {
    width: 33.33333%
  }
  .col-md-5 {
    width: 41.66667%
  }
  .col-md-6 {
    width: 50%
  }
  .col-md-7 {
    width: 58.33333%
  }
  .col-md-8 {
    width: 66.66667%
  }
  .col-md-9 {
    width: 75%
  }
  .col-md-10 {
    width: 83.33333%
  }
  .col-md-11 {
    width: 91.66667%
  }
  .col-md-12 {
    width: 100%
  }
  .col-md-pull-0 {
    right: auto
  }
  .col-md-pull-1 {
    right: 8.33333%
  }
  .col-md-pull-2 {
    right: 16.66667%
  }
  .col-md-pull-3 {
    right: 25%
  }
  .col-md-pull-4 {
    right: 33.33333%
  }
  .col-md-pull-5 {
    right: 41.66667%
  }
  .col-md-pull-6 {
    right: 50%
  }
  .col-md-pull-7 {
    right: 58.33333%
  }
  .col-md-pull-8 {
    right: 66.66667%
  }
  .col-md-pull-9 {
    right: 75%
  }
  .col-md-pull-10 {
    right: 83.33333%
  }
  .col-md-pull-11 {
    right: 91.66667%
  }
  .col-md-pull-12 {
    right: 100%
  }
  .col-md-push-0 {
    left: auto
  }
  .col-md-push-1 {
    left: 8.33333%
  }
  .col-md-push-2 {
    left: 16.66667%
  }
  .col-md-push-3 {
    left: 25%
  }
  .col-md-push-4 {
    left: 33.33333%
  }
  .col-md-push-5 {
    left: 41.66667%
  }
  .col-md-push-6 {
    left: 50%
  }
  .col-md-push-7 {
    left: 58.33333%
  }
  .col-md-push-8 {
    left: 66.66667%
  }
  .col-md-push-9 {
    left: 75%
  }
  .col-md-push-10 {
    left: 83.33333%
  }
  .col-md-push-11 {
    left: 91.66667%
  }
  .col-md-push-12 {
    left: 100%
  }
  .col-md-offset-0 {
    margin-left: 0%
  }
  .col-md-offset-1 {
    margin-left: 8.33333%
  }
  .col-md-offset-2 {
    margin-left: 16.66667%
  }
  .col-md-offset-3 {
    margin-left: 25%
  }
  .col-md-offset-4 {
    margin-left: 33.33333%
  }
  .col-md-offset-5 {
    margin-left: 41.66667%
  }
  .col-md-offset-6 {
    margin-left: 50%
  }
  .col-md-offset-7 {
    margin-left: 58.33333%
  }
  .col-md-offset-8 {
    margin-left: 66.66667%
  }
  .col-md-offset-9 {
    margin-left: 75%
  }
  .col-md-offset-10 {
    margin-left: 83.33333%
  }
  .col-md-offset-11 {
    margin-left: 91.66667%
  }
  .col-md-offset-12 {
    margin-left: 100%
  }
}

@media (min-width:768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left
  }
  .col-sm-1 {
    width: 8.33333%
  }
  .col-sm-2 {
    width: 16.66667%
  }
  .col-sm-3 {
    width: 25%
  }
  .col-sm-4 {
    width: 33.33333%
  }
  .col-sm-5 {
    width: 41.66667%
  }
  .col-sm-6 {
    width: 50%
  }
  .col-sm-7 {
    width: 58.33333%
  }
  .col-sm-8 {
    width: 66.66667%
  }
  .col-sm-9 {
    width: 75%
  }
  .col-sm-10 {
    width: 83.33333%
  }
  .col-sm-11 {
    width: 91.66667%
  }
  .col-sm-12 {
    width: 100%
  }
  .col-sm-pull-0 {
    right: auto
  }
  .col-sm-pull-1 {
    right: 8.33333%
  }
  .col-sm-pull-2 {
    right: 16.66667%
  }
  .col-sm-pull-3 {
    right: 25%
  }
  .col-sm-pull-4 {
    right: 33.33333%
  }
  .col-sm-pull-5 {
    right: 41.66667%
  }
  .col-sm-pull-6 {
    right: 50%
  }
  .col-sm-pull-7 {
    right: 58.33333%
  }
  .col-sm-pull-8 {
    right: 66.66667%
  }
  .col-sm-pull-9 {
    right: 75%
  }
  .col-sm-pull-10 {
    right: 83.33333%
  }
  .col-sm-pull-11 {
    right: 91.66667%
  }
  .col-sm-pull-12 {
    right: 100%
  }
  .col-sm-push-0 {
    left: auto
  }
  .col-sm-push-1 {
    left: 8.33333%
  }
  .col-sm-push-2 {
    left: 16.66667%
  }
  .col-sm-push-3 {
    left: 25%
  }
  .col-sm-push-4 {
    left: 33.33333%
  }
  .col-sm-push-5 {
    left: 41.66667%
  }
  .col-sm-push-6 {
    left: 50%
  }
  .col-sm-push-7 {
    left: 58.33333%
  }
  .col-sm-push-8 {
    left: 66.66667%
  }
  .col-sm-push-9 {
    left: 75%
  }
  .col-sm-push-10 {
    left: 83.33333%
  }
  .col-sm-push-11 {
    left: 91.66667%
  }
  .col-sm-push-12 {
    left: 100%
  }
  .col-sm-offset-0 {
    margin-left: 0%
  }
  .col-sm-offset-1 {
    margin-left: 8.33333%
  }
  .col-sm-offset-2 {
    margin-left: 16.66667%
  }
  .col-sm-offset-3 {
    margin-left: 25%
  }
  .col-sm-offset-4 {
    margin-left: 33.33333%
  }
  .col-sm-offset-5 {
    margin-left: 41.66667%
  }
  .col-sm-offset-6 {
    margin-left: 50%
  }
  .col-sm-offset-7 {
    margin-left: 58.33333%
  }
  .col-sm-offset-8 {
    margin-left: 66.66667%
  }
  .col-sm-offset-9 {
    margin-left: 75%
  }
  .col-sm-offset-10 {
    margin-left: 83.33333%
  }
  .col-sm-offset-11 {
    margin-left: 91.66667%
  }
  .col-sm-offset-12 {
    margin-left: 100%
  }
}

@media screen and (min-width:768px) {
}


.categorylist_aspx #SubTitle {display:none;}


/*カード情報登録*/
.registcardinfo_aspx .cartpage input.LargeButton {
    font-size: 1.8rem;
    padding: 15px;
    border: inherit;
    line-height: inherit;
    margin-right: inherit;
}

/*
#regist_card{

    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
	text-align: left;
    font-size: 1.1em;

}

.defaultList2columnBox dl.List2ColumnBox {
    border-bottom: 1px solid #CCC;
    padding: 1.7em 0;
}
.marble_box-wrap--line dl {
    text-align: left;
}
.defaultList2columnBox dl.List2ColumnBox > dt {
    width: 200px;
    float: left;
}
.defaultList2columnBox dl.List2ColumnBox > dd > .ddIn {
    margin-left: 200px;
text-align: left;
    line-height: 20px;
}
.defaultList2columnBox label {
    margin-right: 1.5em;
}
.marble_label--required {
    font-size: 10px;
    color: #D80C24;
    border: 1px solid #D80C24;
    padding: 0.1em 0.2em;
    line-height: 1;
    margin-left: 0.5em;
}
.defaultList2columnBox dl.List2ColumnBox > dd {
    width: 100%;
    margin-left: -200px;
    float: right;
}
.defaultList2columnBox input[type="text"] {
    margin: 0 0.3em;
}
.defaultList2columnBox .ddIn input[type="text"]:first-child {
    margin-left: 0;
}
*/
.registcardinfo_aspx .marble_btn-box {
    text-align: center;
    width: 100%;
    max-width: 650px;
    margin: 40px auto 20px;
	display: flex;
	flex-wrap: wrap;
	flex-flow: row-reverse;
	justify-content: center;
}
.registcardinfo_aspx .marble_btn-box .marble_btn {
    width: 47%;
    max-width: 300px;
}
.registcardinfo_aspx .marble_btn--not {
    width: 47%;
    max-width: 300px;
    margin: 15px auto !important;
}
.registcardinfo_aspx .marble_btn-box .LargeButton{
    width: 100%;
}
@media (max-width: 640px){

}
.registcardinfo_aspx .marble_btn-box .marble_btn {
    width: 47%;
    max-width: 300px;
    margin: auto;
}

.purchaselimitinformation_aspx .SubContents{
text-align:center;
}
.purchaselimitinformation_aspx .PurchaseLimitInfor_wrap{
    margin: auto;
    display: inline-block;
    text-align: left;
    padding: 0 10px 40px 10px;
    box-sizing: border-box;
}

.purchaselimitinformation_aspx .seagull_ttl--lv3{
    margin: 40px 0 40px;
}
.purchaselimitinformation_aspx .PurchaseLimitInfor_wrap dl{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.purchaselimitinformation_aspx .PurchaseLimitInfor_wrap dl dt{
    width: 110px;
    color: #162144;
}
.purchaselimitinformation_aspx .PurchaseLimitInfor_wrap dl dd{
    width: calc(100% - 110px);
}
.purchaselimitinformation_aspx .PurchaseLimitInfor_wrap .keyColor{
    color: #162144;
}

/*在庫なし表示*/
#ProductDetail span.soldout {
    display: block;
    border: 1px solid #ccc;
    padding: 1em 0;
    margin: 15px auto 0 auto;
    color: #888;
    background: #f4f4f4;
    font-weight: bold;
  text-align: center;
}

.confirmation_aspx ol.PaymentTotalAmount li{
	border: 0;
	}
	.confirmation_aspx ol.PaymentTotalAmount li .PaymentLabel{
		width: 120px;
		}
		

.requestreceipt_aspx input.LargeButton{
width: 80%;
    display: block;
    position: relative;
    margin: 20px auto;
    padding: 15px;
    background-color: #353E8B;
    color: #fff !important;
    text-align: center;
    text-decoration: none !important;
    font-size: 1.8rem;
    max-width: 320px;
    cursor: pointer;
}
.requestreceipt_aspx .title01 {
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 10px;
}

/*アンケート*/
.contents_inner{
	width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding: 50px 0;
}
h2.QuestionnaireTitle{
	margin-bottom: 30px;
}
.QuestionnaireHeaderHtml{
	margin: 20px auto;
}
.QuestionnaireInputTitle {
    background-color: #B6BAC2;
    width: 100%;
    padding: 12px 15px;
    margin: 20px 0;
    color: #fff;
    text-align: left;
}
.QuestionnaireCell select{
	font-size: 1.8rem;
    padding: 5px;
    border: solid 2px #E6E6E6;
    line-height: 1.5;
    margin-right: 10px;
}
.marble_form-name{
	display: inline-block;
    margin-right: 24px;
}


.box_mail input[type="text"]{
	width: calc(50% - 16px);
	margin: 0;
}
.box_tel input[type="text"]{
	margin: 0;
}
.box_mail input + span,
.box_tel input + span{
    display: inline-block;
    margin: 0.5em 3px 0 3px;
}
.sendMailPanel label{
	margin-left: 1em;
}
.QuestionnaireFooterHtml{
	margin-top: 30px;
}
.QuestionnaireFrame .UserRegistForm dl dd.QuestionnaireInputBody{
	margin-bottom: 40px;

}
.QuestionnaireFrame .OptionDescription{
	background: #fff;
}
@media (max-width: 767px){
.marble_form-name{
	width: calc(50% - 10px);
	margin-right: 10px;
}
}


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


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

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

#GiftOptionPanel .GiftOptionRow .giftWarnMessage {
	margin:0;
}

#CrossSellForCart{
  margin-top: 70px;
  margin-bottom: 85px;
}
#CrossSellForCart h2.CrossSellTitle {
  color: #333;
  font-size: 2.2rem;
  font-weight: bold;
  font-weight: 700;
  margin-bottom: 20px;
  padding-right: 5px;
  padding-left: 5px;
}
#CrossSellForCart .CrossSellList{
  /* overflow: hidden; */
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}
#CrossSellForCart .CrossSellList > li {
  box-sizing: border-box;
  width: 16.667%;
  max-width: 155px;
  padding-right: 5px;
  padding-left: 5px;
}
#CrossSellForCart .CrossSellList > li .listImage img {
  width: 100%;
  height: auto;
}
#CrossSellForCart .CrossSellList > li .ItemLeft .listText {
  margin-top: 10px;
  text-align: left;
  height: 4em;
  display: block;
}
#EC.detail #pa-relate .pas-relate_list .pas-relate_listText .pas-relate_listTextSub {
  color: #808080;
  font-size: 1.2rem;
  line-height: 1.5;
}
#CrossSellForCart .CrossSellList > li .ItemLeft .GroupIconImage{
  display: none;
}
#CrossSellForCart .CrossSellList > li .SmallButton{
  margin-top: 12px;
}
@media (max-width: 500px){
  #CrossSellForCart .CrossSellList > li {
    width:calc(50% - 20px);
    max-width: inherit;
    gap:10px;
    padding-right: 5px;
    padding-left: 5px;
  }
}

.categorylist_aspx .ct_mt{
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  width: 100%;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}



/* bookmark */
.main_wrap__contents .listContent {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 auto;
  width: calc(100% + 20px);
}
.btnColor{

}
.ItemHide{
  display: none;
}
.bookmarklist_aspx .LargeButton {
  width: 100%;
  display: block;
  position: relative;
  margin: 0 auto 12px;
  padding: 8px 30px;
  background-color: #353E8B;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  font-size: 14px;
  max-width: 300px;
  cursor: pointer;
  line-height: 24px;
}
@media screen and (max-width: 620px){
  header .headMenu .navi ul.txt_menu li.headLink_bookmark {
    display: none;
}
}

/* BookMark(リスト) */
.listContent li.product dl dd.itemname {

}
.listContent li.product .ico_bookmark {

}

.bookmarklist_aspx .listContent li.product .ButtonTab{
  margin-top: 12px;
}
.bookmarklist_aspx .listContent li.product .ButtonTab .btnAddToCatAjax{
  border: 1px solid #353E8B;
}
.bookmarklist_aspx .listContent li.product .ButtonTab .btnBorder{
  white-space: nowrap;
}

/* 商品詳細 */
#ProductDetail .bookmarkBtn .NotBookmarked.btnBorder,
#ProductDetail #btnBookMarkFolder{
    font-size: 14px;
    /*line-height: 21px;*/
    display: inline-block;
    width: 50%;
    height:20px;
    vertical-align: top;
   /* margin-top: 12px;*/
}
#ProductDetail .bookmarkBtn .NotBookmarked.btnBorder,
#ProductDetail #divAddToCartAndBookmark #btnBookMarkFolder {
    width: 100%;
    height:20px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 14px;
    /*line-height: 24px;*/
    font-weight: 500;
    text-decoration: none;
    color: #000;
    background-color: #ffffff;
    text-align: center;
}
/*#ProductDetail #divAddToCartAndBookmark .btnBorder.NotBookmarked:after {
    content: "お気に入りに追加";
}
#ProductDetail #divAddToCartAndBookmark .btnBorder.Bookmarked:after {
    content: "お気に入りから削除";
}*/
#ProductDetail #divAddToCartAndBookmark .btnBorder.Bookmarked:before,
.listContent li.product .ico_bookmark.Bookmarked::before,
.product-list-grid .product .ico_bookmark.Bookmarked::before {
background-color: var(--color-fg);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 105.011 89.6'%3E%3Cpath d='M96.91,8.569C96.91,8.569,96.91,8.569,96.91,8.569C91.711,3.153,84.548,0.11,76.706,0h-0.2 c-7.665,0-15.229,3.104-20.779,8.543c-0.477,0.467-1.776,1.778-3.246,3.564c-0.928-1.119-1.789-2.081-2.362-2.724 c-0.22-0.246-0.388-0.432-0.482-0.543c-0.083-0.116-0.177-0.226-0.28-0.326C43.837,3.104,36.164,0,28.271,0 C20.464,0.11,13.302,3.153,8.102,8.569C-2.252,19.359-2.717,35.808,6.909,50.46c8.658,13.345,24.97,31.475,42.447,38.652 c0.052,0.021,0.105,0.041,0.159,0.059c0.816,0.272,1.87,0.429,2.891,0.429c0.779,0,1.931-0.074,3.082-0.46 c21.395-8.062,38.025-31.64,42.608-38.667C107.73,35.808,107.264,19.36,96.91,8.569z'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 105.011 89.6'%3E%3Cpath d='M96.91,8.569C96.91,8.569,96.91,8.569,96.91,8.569C91.711,3.153,84.548,0.11,76.706,0h-0.2 c-7.665,0-15.229,3.104-20.779,8.543c-0.477,0.467-1.776,1.778-3.246,3.564c-0.928-1.119-1.789-2.081-2.362-2.724 c-0.22-0.246-0.388-0.432-0.482-0.543c-0.083-0.116-0.177-0.226-0.28-0.326C43.837,3.104,36.164,0,28.271,0 C20.464,0.11,13.302,3.153,8.102,8.569C-2.252,19.359-2.717,35.808,6.909,50.46c8.658,13.345,24.97,31.475,42.447,38.652 c0.052,0.021,0.105,0.041,0.159,0.059c0.816,0.272,1.87,0.429,2.891,0.429c0.779,0,1.931-0.074,3.082-0.46 c21.395-8.062,38.025-31.64,42.608-38.667C107.73,35.808,107.264,19.36,96.91,8.569z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

#ProductDetail .bookmarkBtn .btnBorder.Bookmarked:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /*margin-right: 0.5em;*/
    vertical-align: middle;
background-color: var(--color-fg);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 105.011 89.6'%3E%3Cpath d='M96.91,8.569C96.91,8.569,96.91,8.569,96.91,8.569C91.711,3.153,84.548,0.11,76.706,0h-0.2 c-7.665,0-15.229,3.104-20.779,8.543c-0.477,0.467-1.776,1.778-3.246,3.564c-0.928-1.119-1.789-2.081-2.362-2.724 c-0.22-0.246-0.388-0.432-0.482-0.543c-0.083-0.116-0.177-0.226-0.28-0.326C43.837,3.104,36.164,0,28.271,0 C20.464,0.11,13.302,3.153,8.102,8.569C-2.252,19.359-2.717,35.808,6.909,50.46c8.658,13.345,24.97,31.475,42.447,38.652 c0.052,0.021,0.105,0.041,0.159,0.059c0.816,0.272,1.87,0.429,2.891,0.429c0.779,0,1.931-0.074,3.082-0.46 c21.395-8.062,38.025-31.64,42.608-38.667C107.73,35.808,107.264,19.36,96.91,8.569z'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 105.011 89.6'%3E%3Cpath d='M96.91,8.569C96.91,8.569,96.91,8.569,96.91,8.569C91.711,3.153,84.548,0.11,76.706,0h-0.2 c-7.665,0-15.229,3.104-20.779,8.543c-0.477,0.467-1.776,1.778-3.246,3.564c-0.928-1.119-1.789-2.081-2.362-2.724 c-0.22-0.246-0.388-0.432-0.482-0.543c-0.083-0.116-0.177-0.226-0.28-0.326C43.837,3.104,36.164,0,28.271,0 C20.464,0.11,13.302,3.153,8.102,8.569C-2.252,19.359-2.717,35.808,6.909,50.46c8.658,13.345,24.97,31.475,42.447,38.652 c0.052,0.021,0.105,0.041,0.159,0.059c0.816,0.272,1.87,0.429,2.891,0.429c0.779,0,1.931-0.074,3.082-0.46 c21.395-8.062,38.025-31.64,42.608-38.667C107.73,35.808,107.264,19.36,96.91,8.569z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    /*margin-top: -2px;*/
}
#ProductDetail #divAddToCartAndBookmark .btnBorder.NotBookmarked:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
background-color: #ccc;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 105.011 89.6'%3E%3Cpath d='M96.91,8.569C96.91,8.569,96.91,8.569,96.91,8.569C91.711,3.153,84.548,0.11,76.706,0h-0.2 c-7.665,0-15.229,3.104-20.779,8.543c-0.477,0.467-1.776,1.778-3.246,3.564c-0.928-1.119-1.789-2.081-2.362-2.724 c-0.22-0.246-0.388-0.432-0.482-0.543c-0.083-0.116-0.177-0.226-0.28-0.326C43.837,3.104,36.164,0,28.271,0 C20.464,0.11,13.302,3.153,8.102,8.569C-2.252,19.359-2.717,35.808,6.909,50.46c8.658,13.345,24.97,31.475,42.447,38.652 c0.052,0.021,0.105,0.041,0.159,0.059c0.816,0.272,1.87,0.429,2.891,0.429c0.779,0,1.931-0.074,3.082-0.46 c21.395-8.062,38.025-31.64,42.608-38.667C107.73,35.808,107.264,19.36,96.91,8.569z M52.563,80.573 c-0.026,0.001-0.055,0.001-0.083,0.001c-15.217-6.303-30.01-22.789-38.079-35.037C7.069,34.264,7.109,22.5,14.517,14.824 c3.49-3.665,8.367-5.733,13.689-5.824h0.3c5.467,0,10.72,2.167,14.403,5.938c0.029,0.029,2.876,2.983,4.675,5.632 c1.076,1.48,2.907,2.33,5.022,2.33c2.189,0,4.015-0.896,4.99-2.428c1.911-2.913,4.42-5.348,4.445-5.372 c0.024-0.024,0.05-0.049,0.073-0.074C65.77,11.196,71.016,9,76.506,9l0.158,0c5.363,0.09,10.24,2.158,13.743,5.837 c7.467,7.736,7.548,19.494,0.213,30.685C85.073,53.842,70.282,73.86,52.563,80.573z'/%3E%3C/svg%3E");

  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 105.011 89.6'%3E%3Cpath d='M96.91,8.569C96.91,8.569,96.91,8.569,96.91,8.569C91.711,3.153,84.548,0.11,76.706,0h-0.2 c-7.665,0-15.229,3.104-20.779,8.543c-0.477,0.467-1.776,1.778-3.246,3.564c-0.928-1.119-1.789-2.081-2.362-2.724 c-0.22-0.246-0.388-0.432-0.482-0.543c-0.083-0.116-0.177-0.226-0.28-0.326C43.837,3.104,36.164,0,28.271,0 C20.464,0.11,13.302,3.153,8.102,8.569C-2.252,19.359-2.717,35.808,6.909,50.46c8.658,13.345,24.97,31.475,42.447,38.652 c0.052,0.021,0.105,0.041,0.159,0.059c0.816,0.272,1.87,0.429,2.891,0.429c0.779,0,1.931-0.074,3.082-0.46 c21.395-8.062,38.025-31.64,42.608-38.667C107.73,35.808,107.264,19.36,96.91,8.569z M52.563,80.573 c-0.026,0.001-0.055,0.001-0.083,0.001c-15.217-6.303-30.01-22.789-38.079-35.037C7.069,34.264,7.109,22.5,14.517,14.824 c3.49-3.665,8.367-5.733,13.689-5.824h0.3c5.467,0,10.72,2.167,14.403,5.938c0.029,0.029,2.876,2.983,4.675,5.632 c1.076,1.48,2.907,2.33,5.022,2.33c2.189,0,4.015-0.896,4.99-2.428c1.911-2.913,4.42-5.348,4.445-5.372 c0.024-0.024,0.05-0.049,0.073-0.074C65.77,11.196,71.016,9,76.506,9l0.158,0c5.363,0.09,10.24,2.158,13.743,5.837 c7.467,7.736,7.548,19.494,0.213,30.685C85.073,53.842,70.282,73.86,52.563,80.573z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
    /*margin-top: -2px;*/
}
.listContent li.product .ico_bookmark.Bookmarked::before,
.product-list-grid .product .ico_bookmark.Bookmarked::before{
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
background-color: var(--color-fg);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 105.011 89.6'%3E%3Cpath d='M96.91,8.569C96.91,8.569,96.91,8.569,96.91,8.569C91.711,3.153,84.548,0.11,76.706,0h-0.2 c-7.665,0-15.229,3.104-20.779,8.543c-0.477,0.467-1.776,1.778-3.246,3.564c-0.928-1.119-1.789-2.081-2.362-2.724 c-0.22-0.246-0.388-0.432-0.482-0.543c-0.083-0.116-0.177-0.226-0.28-0.326C43.837,3.104,36.164,0,28.271,0 C20.464,0.11,13.302,3.153,8.102,8.569C-2.252,19.359-2.717,35.808,6.909,50.46c8.658,13.345,24.97,31.475,42.447,38.652 c0.052,0.021,0.105,0.041,0.159,0.059c0.816,0.272,1.87,0.429,2.891,0.429c0.779,0,1.931-0.074,3.082-0.46 c21.395-8.062,38.025-31.64,42.608-38.667C107.73,35.808,107.264,19.36,96.91,8.569z'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 105.011 89.6'%3E%3Cpath d='M96.91,8.569C96.91,8.569,96.91,8.569,96.91,8.569C91.711,3.153,84.548,0.11,76.706,0h-0.2 c-7.665,0-15.229,3.104-20.779,8.543c-0.477,0.467-1.776,1.778-3.246,3.564c-0.928-1.119-1.789-2.081-2.362-2.724 c-0.22-0.246-0.388-0.432-0.482-0.543c-0.083-0.116-0.177-0.226-0.28-0.326C43.837,3.104,36.164,0,28.271,0 C20.464,0.11,13.302,3.153,8.102,8.569C-2.252,19.359-2.717,35.808,6.909,50.46c8.658,13.345,24.97,31.475,42.447,38.652 c0.052,0.021,0.105,0.041,0.159,0.059c0.816,0.272,1.87,0.429,2.891,0.429c0.779,0,1.931-0.074,3.082-0.46 c21.395-8.062,38.025-31.64,42.608-38.667C107.73,35.808,107.264,19.36,96.91,8.569z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.listContent li.product .ico_bookmark.NotBookmarked::before,
.product-list-grid .product .ico_bookmark.NotBookmarked::before{
  content: "";
  width: 16px;
  height: 15px;
  display: block;
  position: absolute;
background-color: #ccc;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 105.011 89.6'%3E%3Cpath d='M96.91,8.569C96.91,8.569,96.91,8.569,96.91,8.569C91.711,3.153,84.548,0.11,76.706,0h-0.2 c-7.665,0-15.229,3.104-20.779,8.543c-0.477,0.467-1.776,1.778-3.246,3.564c-0.928-1.119-1.789-2.081-2.362-2.724 c-0.22-0.246-0.388-0.432-0.482-0.543c-0.083-0.116-0.177-0.226-0.28-0.326C43.837,3.104,36.164,0,28.271,0 C20.464,0.11,13.302,3.153,8.102,8.569C-2.252,19.359-2.717,35.808,6.909,50.46c8.658,13.345,24.97,31.475,42.447,38.652 c0.052,0.021,0.105,0.041,0.159,0.059c0.816,0.272,1.87,0.429,2.891,0.429c0.779,0,1.931-0.074,3.082-0.46 c21.395-8.062,38.025-31.64,42.608-38.667C107.73,35.808,107.264,19.36,96.91,8.569z M52.563,80.573 c-0.026,0.001-0.055,0.001-0.083,0.001c-15.217-6.303-30.01-22.789-38.079-35.037C7.069,34.264,7.109,22.5,14.517,14.824 c3.49-3.665,8.367-5.733,13.689-5.824h0.3c5.467,0,10.72,2.167,14.403,5.938c0.029,0.029,2.876,2.983,4.675,5.632 c1.076,1.48,2.907,2.33,5.022,2.33c2.189,0,4.015-0.896,4.99-2.428c1.911-2.913,4.42-5.348,4.445-5.372 c0.024-0.024,0.05-0.049,0.073-0.074C65.77,11.196,71.016,9,76.506,9l0.158,0c5.363,0.09,10.24,2.158,13.743,5.837 c7.467,7.736,7.548,19.494,0.213,30.685C85.073,53.842,70.282,73.86,52.563,80.573z'/%3E%3C/svg%3E");

  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 105.011 89.6'%3E%3Cpath d='M96.91,8.569C96.91,8.569,96.91,8.569,96.91,8.569C91.711,3.153,84.548,0.11,76.706,0h-0.2 c-7.665,0-15.229,3.104-20.779,8.543c-0.477,0.467-1.776,1.778-3.246,3.564c-0.928-1.119-1.789-2.081-2.362-2.724 c-0.22-0.246-0.388-0.432-0.482-0.543c-0.083-0.116-0.177-0.226-0.28-0.326C43.837,3.104,36.164,0,28.271,0 C20.464,0.11,13.302,3.153,8.102,8.569C-2.252,19.359-2.717,35.808,6.909,50.46c8.658,13.345,24.97,31.475,42.447,38.652 c0.052,0.021,0.105,0.041,0.159,0.059c0.816,0.272,1.87,0.429,2.891,0.429c0.779,0,1.931-0.074,3.082-0.46 c21.395-8.062,38.025-31.64,42.608-38.667C107.73,35.808,107.264,19.36,96.91,8.569z M52.563,80.573 c-0.026,0.001-0.055,0.001-0.083,0.001c-15.217-6.303-30.01-22.789-38.079-35.037C7.069,34.264,7.109,22.5,14.517,14.824 c3.49-3.665,8.367-5.733,13.689-5.824h0.3c5.467,0,10.72,2.167,14.403,5.938c0.029,0.029,2.876,2.983,4.675,5.632 c1.076,1.48,2.907,2.33,5.022,2.33c2.189,0,4.015-0.896,4.99-2.428c1.911-2.913,4.42-5.348,4.445-5.372 c0.024-0.024,0.05-0.049,0.073-0.074C65.77,11.196,71.016,9,76.506,9l0.158,0c5.363,0.09,10.24,2.158,13.743,5.837 c7.467,7.736,7.548,19.494,0.213,30.685C85.073,53.842,70.282,73.86,52.563,80.573z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}



/**/
@media screen and (max-width: 1130px){
.productdetail_aspx .BreadCrumbs {
    padding: 0 15px !important;
}
}
.productdetail_aspx .cartIn.regular.open::before,
.productdetail_aspx .cartIn.regular.open::after{
  display: none;
}

/* OrderHistory */
.orderhistory_aspx .cont,
.orderhistorydetail_aspx .cont{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
.orderhistory_aspx .settingBox {
  margin: 0 auto 20px;
    background: #eee;
  border: 1px solid #b3b3b3;
  padding: 20px;
  width: 100%;
    margin-top: 20px;
    box-sizing: border-box;
    position: relative;
    text-align: left;
}
.orderhistory_aspx .orderInfo{
  display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.orderhistory_aspx .settingBox .orderBlock {
  padding: 10px 10px;
  /* border-top: 1px solid #ccc; */
  background-color: #fff;
  margin-bottom: 10px;
}
.orderhistory_aspx .detailItem {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}
.orderhistory_aspx .orderBlock .detailItem figure {
  margin-right: 20px;
}
.orderhistory_aspx .orderBlock .detailItem figure{
    border-style: None;
    width: 80px;
    border-width: 0px;
}
.orderhistory_aspx .orderInfoTxt{
  font-size: 1.1em;
}
.orderhistory_aspx .orderInfoTxt > .ReceiptNo{
  width: 100%;
}
.orderhistory_aspx .item-position{
  display: block;
    text-align: left;
    box-sizing: border-box;
    padding: 0 10px;
}
@media (min-width: 768px){
.orderhistory_aspx .orderInfo .orderInfoTxt {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.orderhistory_aspx .orderInfoTxt > .OrderDate {
  margin-right: 20px;
}
}
@media (max-width: 500px){
  .orderhistory_aspx .detailItem .goodsInfo{
    width: 100%;
  }
}

/* 購入履歴詳細 */
.orderhistorydetail_aspx .settingBox.settingBox.checkoutBox {
  background-color: #efefef;
}
.orderhistorydetail_aspx .checkoutBox{
  margin-bottom: 20px;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    text-align: left;
    background-color: #ffffff;
}
.orderhistorydetail_aspx .settingBox.checkoutBox>.cartList > li {
  padding: 20px 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #b3b3b3;
}
.orderhistorydetail_aspx .settingBox.checkoutBox>.cartList > li .subtitle {
  font-size: 1.1em;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  box-sizing: border-box;
}
.orderhistorydetail_aspx .cartList > li .subtitle .shippingBoxListNo {
  font-weight: 600;
}
.orderhistorydetail_aspx .ShippingBox_detail {
  display: flex;
  flex-wrap: wrap;
}
.orderhistorydetail_aspx .cartList > li.shippingBoxList {
  display: block;
}
.orderhistorydetail_aspx .orderPayBox.totalBox .orderPayList {
  width: 100%;
  padding: 20px 0 10px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  text-align: right;
  font-size: 14px;
  line-height: 24px;
}
.orderhistorydetail_aspx .orderPayBox.totalBox .orderPayList + .orderPayList {
  padding: 0px 0 10px 0;
  margin-top: -10px;
}
.orderhistorydetail_aspx .settingBox dl dt {
  font-size: 14px;
  line-height: 24px;
}
.orderhistorydetail_aspx .orderPayBox.totalBox .orderPayList dt {
  width: calc(100% - 120px);
  margin: 0 20px 5px 0;
  font-weight: bold;
}
.orderhistorydetail_aspx .orderPayBox.totalBox .orderPayList dd {
  font-size: 14px;
  line-height: 24px;
  min-width: 100px;
  margin-bottom: 5px;
}
.orderhistorydetail_aspx .orderPayBox .orderPayList.taxlist {
  padding: 10px 0 0 0;
}
.orderhistorydetail_aspx .orderPayBox.totalBox .total {
  padding-top: 10px;
  border-top: 1px solid #111111;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
}
.orderhistorydetail_aspx .orderPayBox.totalBox .total .price {
  margin-left: 20px;
  font-size: 24px;
  line-height: 34px;
  color: #ED013C;
}
.orderhistorydetail_aspx .orderPayBox.totalBox {
  text-align: right;
}
.orderhistorydetail_aspx .title {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
}
.orderhistorydetail_aspx .settingBox .cartList li.ReceiptRequestWrap {
  text-align: right;
  display: block;
  padding: 0;
  margin-top: 10px;
  background-color: transparent;
}

/* グループニュース */
.groupnewslist_aspx .news_wrap .newsBlock > span {
  display: block;
  text-align: left;
  padding: 0 3%;
  font-size: 1.5em;
  margin-bottom: 10px;
}
.groupnewslist_aspx .newsBlock {
  max-width: 1000px;
}
.groupnewslist_aspx .newsBlock dl {
  box-sizing: border-box;
  padding: 10px 3%;
}
.groupnewslist_aspx dl dt {
  width: 8em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}
.newsdetail_wrap .newsImage{
  padding: 20px 0;
  margin: auto;
  text-align: center;
}

.confirmation_aspx .ErrorMessage li {
	text-align: left;
	border: none;
	padding: 0px;
}

.confirmation_aspx .UpdateCardInfoMessage {
	text-align: left;
}

/* CardPaymentPanel */

.confirmation_aspx ul.Cart.ConfirmationPage {
    margin-bottom: 0px;
}
.confirmation_aspx ul.Cart.ConfirmationPage li.PaymentBlock .clientValidationSummary span {
    display: block;
    background-color: #fff;
    padding: 10px;
    color: #a40000 !important;
    border: 1px solid #a40000;
    margin: 10px 0;
    font-size: 14px;
    line-height: 24px;
}

.confirmation_aspx .CreditCardBox dl.card dt{
	margin-bottom:5px;
}
.confirmation_aspx .CreditCardBox dl.card dd{
	margin-bottom:15px;width: 100%;
}
.confirmation_aspx .CreditCardBox dl.card dd.day{
	display:flex;
	flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.confirmation_aspx .CreditCardBox dl.card dd.day{
	display:flex;
	flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.confirmation_aspx .CreditCardBox dl.card dd.day .selectBase{
    width: 90px;
    background-color: #fff;
}
.confirmation_aspx .CreditCardBox dl.card dd.NewPaymentCountDropDownList .selectBase{
    width: 250px;
    background-color: #fff;
}
.c
.confirmation_aspx .CreditCardBox .creditInputArea .caution{
    margin-top: 10px;
}

.wrapper.confirmation_aspx .CreditCardBox p .btnColor.min {
     padding:10px 20px !important;
}
.wrapper.confirmation_aspx .checkBase input[type='checkbox']:checked + label:before, 
.wrapper.confirmation_aspx #cf-main .checkBase input[type='checkbox']:checked + label:before, 
.wrapper.confirmation_aspx.categorylist_aspx .checkBase input[type='checkbox']:checked + label:before {
  border: 2px solid #000;
  background-color: #000;
}
.wrapper.confirmation_aspx .checkBase input[type='checkbox']:checked + label::after, 
.wrapper.confirmation_aspx #cf-main .checkBase input[type='checkbox']:checked + label:after, 
.wrapper.confirmation_aspx.categorylist_aspx .checkBase input[type='checkbox']:checked + label:after {
  content: '';
  width: 9px;
  height: 12px;
  margin-top: -10px;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% + 0px);
  left: 5px;
  z-index: 11;
  border-bottom: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
}
.wrapper.confirmation_aspx .checkBase input[type='checkbox'] + label:before, .wrapper.confirmation_aspx #cf-main .checkBase input[type='checkbox'] + label:before, .wrapper.confirmation_aspx .checkBase input[type='checkbox'] + label:before {
  background: #fff;
}
.portalPage{
  padding: 2rem 0 8rem;
}
@media (max-width: 768px) {
    .portalPage {
        padding-top: 3.5rem;
    }
}
.ui-frame {
    padding: 2rem;
    border: 1px solid var(--color-border);
    background: rgba(255, 255, 255, .58);
}
.wrapper .btnBox {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    width: 100%;
    max-width: 640px;
    gap: 12px;
}
@media (max-width: 767px) {
    .wrapper .btnBox {
        flex-direction: column;
        gap: 40px;
    }
}
.ui-center{
  margin: auto;
  text-align: center;
}
.mt60{
  margin-top: 60px;
}
.text.center{
  text-align: center;
}
.inline-left{
  display: inline-block;
  text-align: left;
}
fieldset.ui-field{
  border: none;
}
.ui-choice-group label + input{
  margin-left: 1.5rem;
}
.setShippingDateTableTR .newCartSetShippingDate{
  margin-top: 1rem;
  display: flex;
    gap: 10px;
    align-items: center;
}
.setShippingDateTableTR .newCartSetShippingDate input[type="text"]{
  min-height: var(--control-height);
  border: 1px solid rgba(10, 22, 40, .22);
  border-radius: var(--radius-sm);
  background: #fff;
  color: var(--color-fg);
  font: .9375rem / 1.5 var(--font-sans);
  padding: .75rem .5rem;
  transition: border-color .2s, box-shadow .2s, background .2s;

  min-width: 0;
  border-radius: var(--radius-sm);
}
.ui-select-group.input-date .ui-select{
  flex:initial;
}
.cart-item-list{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}
/******************** 
OrderHistoryDetail
 *******************/
.wrapper .settingBox .title, .wrapper .decisionBox .title, .wrapper .orderBox .title, .wrapper.categorylist_aspx #cf-main .settingBox .title, .wrapper.categorylist_aspx #cf-main .decisionBox .title, .wrapper.categorylist_aspx #cf-main .orderBox .title {
    font-size: 18px;
    line-height: 28px;
}
.wrapper .settingBox .title, .wrapper .decisionBox .title, .wrapper .orderBox .title, .wrapper.categorylist_aspx #cf-main .settingBox .title, .wrapper.categorylist_aspx #cf-main .decisionBox .title, .wrapper.categorylist_aspx #cf-main .orderBox .title {
    font-size: 18px;
    line-height: 28px;
}
.settingBox .cartList{
  background: #fff;
}
.wrapper .cartList li {
    display: flex;
    align-items: flex-start;
    background-color: #ffffff;
    padding: 20px 0;
}
.wrapper .settingBox .cartList li:last-child {
    border-bottom: 0;
}
.wrapper .cartList li img, .wrapper .cartList li img.ProductImage {
    height: auto;
}
@media (min-width: 1110px) {
    .wrapper .cartList li img, .wrapper .cartList li img.ProductImage {
        width: 140px;
        margin-right: 20px;
    }
}
.wrapper .cartList li .dataBox {
    text-align: left;
}
@media (min-width: 1110px) {
    .wrapper .cartList li .dataBox {
        width: calc(100% - 180px);
        margin-right: 20px;
    }
}
li {
    list-style-type: none;
}
@media (max-width: 767px) {
    .wrapper .cartList li img {
        width: 100px;
        margin-right: 10px;
    }
        .wrapper .cartList li .dataBox {
        width: calc(100% - 160px);
    }
}
.ui-select-group.select-width-min .ui-select{
  flex:initial;
}
.ml10{
  margin-left: 10px;
}
.product-card__buttons{
  margin-top: auto;
}