@charset "utf-8";

.wrapTop > div#Header {
    display: none;
}



/* CSS Document */

/*-----------------------------
cart
-------------------------------*/
.column_cart{
	border-radius: 10px 10px 0 0;
	background:#333;
}

.column_cart h2{
	padding: 1em!important;
	color: #FFF;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.userBox_cart{
	margin: 0;
}

.input_widthA{
	width:150px;
	height: 21px;
	padding: 5px 0 5px 5px;
	font-size: 90%;
	border-radius: 5px;
	box-shadow: 1px 1px 1px inset rgba(0,0,0,0.2);
}

#Contents .main_cart input.input_widthA,
#Contents .main_cart input.input_widthB{
	padding: 5px 0 5px 5px;
}
.input_widthB{
	width:210px;
	height: 21px;
	padding: 5px 0 5px 5px;
	font-size: 90%;
	border-radius: 5px;
	box-shadow: 1px 1px 1px inset rgba(0,0,0,0.2);
}
.input_widthC{
	width:150px;
	height: 21px;
	padding: 5px 0 5px 5px;
	font-size: 90%;
	border-radius: 5px;
	box-shadow: 1px 1px 1px inset rgba(0,0,0,0.2);
}
.input_widthD{
	width:400px;
	height: 21px;
	padding: 5px 0 5px 5px;
	font-size: 90%;
	border-radius: 5px;
	box-shadow: 1px 1px 1px inset rgba(0,0,0,0.2);
}
.input_widthE{
	width:400px;
	height: 21px;
	padding: 5px 0 5px 5px;
	font-size: 90%;
	border-radius: 5px;
	box-shadow: 1px 1px 1px inset rgba(0,0,0,0.2);
	}
.input_widthF{
	width:220px;
	height: 21px;
	padding: 5px 0 5px 5px;
	font-size: 90%;
	border-radius: 5px;
	box-shadow: 1px 1px 1px inset rgba(0,0,0,0.2);
}
.input_widthG{
	width:117px;
	height: 21px;
	padding: 5px 0 5px 5px;
	font-size: 90%;
	border-radius: 5px;
	box-shadow: 1px 1px 1px inset rgba(0,0,0,0.2);
}

.input_widthH{
	width:100px;
	height: 27px;
	font-size: 16px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px inset rgba(0,0,0,0.2);
}

select{
	border-radius: 5px;
	box-shadow: 1px 1px 1px inset rgba(0,0,0,0.2);
	height: 27px;
	font-size: 16px;
}
.btn_add_sea{
	margin: 5px 5px 6px 10px;
	display: inline-block;
	
}

.bottom{
	background-color: #eee;
}

.bottom dl{
 	background-color: #eee;
}

.bottom dl::after {
 	content: "";
 	clear: both;
 	display: block;
}

.bottom .one-low dt,
.bottom .one-low dd {
 	padding: 1em 0;
}
/*.bottom .one-low dd{
	border-bottom: solid 1px #FFF;
}*/

.bottom .one-low dt {
 	float: left;
 	width: 30%;
	padding: 1em 1em 1em 2em;
	font-weight: normal;
}

.orderBox_cart{
	background-color: #eee;
	margin-top: 0;
}

.orderBox_cart h3{
	background-color: #eee!important;
	padding: 1em!important;
	color: #222!important;
}

.userList_cart{
	background-color: #eee;
	padding: 1em;
}


.notice p{
	padding: 2em 1em 1em 1em;
	display: inline-block;
}

div.btmbtn.below{
	width: 980px;
	margin: auto;
}

.nonDis{
	display: none;
}

.SSL_seal{
	width: 100px;
	height: 72px;
	margin: auto 10px auto 225px;
	border: 2px solid #aaaaaa;
	float: left;
}

.SSL_Sentence{
	margin: 10px 0 20px 10px;
}

.Payment_Box_ALL{
	margin:20px;
	min-height:230px;
	padding-bottom:150px;
	border-bottom: dotted 0.5px #4775ad;
}

/*-----------------------------
LP�̂�Footer�폜
-------------------------------*/
.footer_bg{
	display:none;
}

#Contents input,
#Contents #CartList input{
	padding:5px 3px !important;
}

#ctl00_ContentPlaceHolder1_rCartList_ctl00_ddlOwnerAddr1,
#cardDL .input_border{
	padding:3px !important;
}

.column_cart h2{
    background-color: #00b9ef;
    border-radius:10px 10px 0 0;
}

.background h3{
	background-color: #4775ad;
}

.LandingOrderPage .userBox dt,.LandingOrderPage .userBox dd{
    background-color: #fcffff;
}
.bottom dl{
    background-color: #fcffff;
}
.userList_cart{
    background-color: #fcffff;
}
.bottom .list{
    background-color: #fcffff;
}

.item_name dd:not(:last-child){
    border-bottom: dotted 0.5px #4775ad;
}
.item_name,.userList,.bottom div.list{
    border: solid 1px #c2d9e4;

}

/* 20190423??? */
#ctl00_ContentPlaceHolder1_rCartList_ctl00_rPayment_ctl00_divCreditCardNoToken #cardNUM,
#cardDL,
#cardNAME,
#cardCODE{
	width:70%;
	float:left;
	margin-left:37px;
}

#ctl00_ContentPlaceHolder1_rCartList_ctl00_rPayment_ctl00_divCreditCardNoToken,
#ctl00_ContentPlaceHolder1_rCartList_ctl00_rPayment_ctl00_divCreditCardNoToken .C_title::after,
#ddCvsDef,
.box_PS{
  content: "";
  display: block;
  clear: both;
}

.C_title{
	width:25%;
	float:left;
	border-right:1px solid #4775ad;
	margin:6px 0;
}

#ctl00_ContentPlaceHolder1_rCartList_ctl00_rPayment_ctl00_divCreditCardNoToken .input_widthA{
	width:100px;
}

#ctl00_ContentPlaceHolder1_rCartList_ctl00_divOwnerColumn .fred,
#ctl00_ContentPlaceHolder1_rCartList_ctl00_upShippingUpdatePanel .fred,
#ctl00_ContentPlaceHolder1_rCartList_ctl00_rPayment_ctl00_divCreditCardNoToken .fred,
#ctl00_ContentPlaceHolder1_rCartList_ctl00_divOwnerColumn .fred,
#ctl00_ContentPlaceHolder1_rCartList_ctl00_divShippingInputFormInner .fred,
#ctl00_ContentPlaceHolder1_rCartList_ctl00_ctl16 .fred
.orderBox 
{
	font-size:60%;
}

#ctl00_ContentPlaceHolder1_rCartList_ctl00_divShippingInputForm .notice p{
	padding: 0.5em 0.5em 0.5em 0.5em !important;
}

.box_CARD{
	margin:20px;
	min-height:230px;
	padding-bottom:40px;
	border-bottom: dotted 0.5px #4775ad;
}

/* 消費者還元追加　*/
#Card_COMPANY{
	text-align:left;
	padding-left:20px;
	clear:both;
	margin-left: 225px;
}

#cardNUM:after{
	content: '※消費者還元対象のカードに関しましては、お手持ちのカード会社にご確認ください。';
	font-size:11px;
	display:block;
	margin: 10px 0 -15px -5px;
}


/* 消費者還元なし
#Card_COMPANY{
	text-align:right;
	padding-left:20px;
	clear:both;
	margin-right: 136px;
}
*/

#Card_COMPANY img{
	display:inline !important;
}

.input_widthH {
    width: 50px;
}

.box_PS{
	margin:20px 0;
}

#CartList div.productList div.list{
	padding:15px;
}

.error_inline{
	font-size:70%;

}

/* 20190725??? */
.Ama_Box{
	border:solid #CCC 3px;
	padding:20px;
	margin:20px 0;
}
.Ama_tit{
	color:#E60012;
	font-weight:bold;
	font-size:110%;
	text-align:center;
	margin:10px;
}
.Ama_txt{
	font-size:80%;
	text-align:center;
}

#ctl00_ContentPlaceHolder1_rCartList_ctl00_divShipToOwnerAddress,
#shippingAddressBookContainer{
	background:#FFF;
}

.column_cart #Ama_esd{
	background-color:#FFF;
	padding-left:0em !important
}

#ctl00_ContentPlaceHolder1_rCartList_ctl00_dvUserPassword{
	clear:both;
}

#ctl00_ContentPlaceHolder1_rCartList_ctl00_upOwnerUpdatePanel .checkBox{
	height: 30px;
    display: inline-block;
}

@media all and (-ms-high-contrast: none) {
  .item_name,.userList,.bottom div.list{
		border: solid 2px #c2d9e4;
	}
}


/* kids */
#CartList {
    margin: auto;
    max-width: 1040px;
	padding: 0 20px;
}

#CartList {
    padding-top: 100px !important;
    margin-top: -100px;
}

#CartList dd {
    padding: 1em 2em;
}

#CartList .notes {
    font-size: 12px;
}

#sec09 {
    margin-bottom: 60px;
}

.orderBox {
    background: none;
	margin-top: 0;
}

div.btmbtn.below {
    width: 100%;
    margin: auto;
}

.orderBox div.bottom {
    background: none;
}

#tit_Kiyaku {
    color: #fff;
    background-color: #00b9ef;
    padding: 10px !IMPORTANT;
    margin-top: 5px !IMPORTANT;
}

#tit_Kiyaku span {
    color: #fff;
}

#dvUserBox #dvUserRegistRegulation .dvRegulation {
    padding: 15px 10px;
		font-size: 13px;
}

#dvUserBox #dvUserRegistRegulation .dvRegulation.dvRegulation--add {
		margin-top: 2em;
		height: 1.6em;
}


#dvUserBox #dvUserRegistRegulation p, #dvUserBox #dvUserRegistRegulation ul {
    line-height: 1.6;
    font-size: 13px;
    margin-bottom: 2em;
}

#dvUserBox {
    margin-bottom: 0;
    padding-bottom: 0;
}

#CartList div.btmbtn {
    margin: 0;
    margin-top: -10px;
    margin-bottom: 30px;
}

.orderBox div.list dd p.SSL_Sentence {
    padding-bottom: 1.5em !important;
}

.error_inline {
    display: inline !important;
}

#CartList div.productList dl.name dd {
	box-sizing: border-box;
}

.requires input {
/* 	background-color: inherit; */
}

.error_input {
    background-color: #ffdad9 !important;
}

input.error_input {
}

#ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_mirai_tokuyaku_block {
	max-width: 1000px;
	margin-top: 40px;
	margin-inline: auto;
}

#tit_miraiya_tokuyaku {
	font-size: 13px;
	line-height: 1.6;
	color: #fff;
	background-color: #00b9ef;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 2em;
}


#ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_mirai_tokuyaku_block .dvRegulation {
	font-size: 13px;
	height: 4.3em;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	overflow: auto;
	padding: 15px 10px;
}




/** SmartPhone
===================================*/
@media screen and (max-width: 767px) {

.LandingOrderPage .columnLeft, .LandingOrderPage #Contents .columnLeft div.column {
    width: 100% !important;
    float: none;
}

#CartList div.productList div.list {
    padding: 15px 0;
}

#CartList div.productList dl.name {
    width: 100%;
}

#CartList div.productList dl.name dt {
    width: 20%;
}

#CartList div.productList dl.name dd {
    width: 75%;
    font-size: 14px;
}

#CartList div.productList div.product p.price {
    width: 75%;
    text-align: left;
}

#CartList div.productList div.product p.quantity {
    width: 25%;
}

span.shoukei.hidden-pc {
    display: inline-block;
}

#CartList div.productList div.product p.subtotal {
    width: 75%;
    text-align: left;
    display: none;
}

#CartList div.productList div.couponBox {
    float: none;
    padding: 0 !IMPORTANT;
    margin-bottom: 15px;
    width: 100%;
}

#CartList div.productList div.couponBox img {
    display: none;
}

.pointBox div.box, .couponBox div.box {
    width: 100%;
}

#CartList div.productList div.priceList {
    width: 100% !important;
}

#CartList div.cartOrder div.priceList dl {
    width: 100% !important;
}

.Ama_Box {
    border: 1px solid #ccc;
    padding: 15px;
}

.Ama_txt {
    font-size: 75%;
}

.Ama_tit {
    font-size: 105%;
}

.Ama_Box + p {
    font-size: 14px;
}

#Contents div.columnLeft h2 {
    padding: 10px 10px !important;
}

.bottom .one-low dt {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    float: none;
}

.bottom .one-low dd {
    box-sizing: border-box;
    padding: 0 10px 10px;
    font-size: 14px;
}

#Contents input, #Contents #CartList input {
    padding: 5px 3px !important;
    max-width: 97%;
}

input#ctl00_ContentPlaceHolder1_rCartList_ctl00_tbOwnerName1 {
    width: 35%;
}

input#ctl00_ContentPlaceHolder1_rCartList_ctl00_tbOwnerName2 {
    width: 35%;
}

input#ctl00_ContentPlaceHolder1_rCartList_ctl00_tbOwnerNameKana1 {
    width: 35%;
}

input#ctl00_ContentPlaceHolder1_rCartList_ctl00_tbOwnerNameKana2 {
    width: 35%;
}

input#ctl00_ContentPlaceHolder1_rCartList_ctl00_tbOwnerZip1 {
    width: 30%;
}

input#ctl00_ContentPlaceHolder1_rCartList_ctl00_tbOwnerZip2 {
    width: 35%;
}

/*
input#ctl00_ContentPlaceHolder1_rCartList_ctl00_tbOwnerAddr2 {
    width: 97%;
}

input#ctl00_ContentPlaceHolder1_rCartList_ctl00_tbOwnerAddr3 {
    width: 97%;
}
*/

input#ctl00_ContentPlaceHolder1_rCartList_ctl00_tbOwnerTel1_1 {
    width: 20%;
}

input#ctl00_ContentPlaceHolder1_rCartList_ctl00_tbOwnerTel1_2 {
    width: 30%;
}

input#ctl00_ContentPlaceHolder1_rCartList_ctl00_tbOwnerTel1_3 {
    width: 30%;
}

div#ctl00_ContentPlaceHolder1_rCartList_ctl00_divOwnerColumn ~ br {
    display: none;
    /* display: inline; */
    height: 0px;
    font-size: 0px;
}

div#ctl00_ContentPlaceHolder1_rCartList_ctl00_divOwnerColumn {
    margin-bottom: 30px;
}

.orderBox div.list {
    padding: 10px;
}

.C_title {
    width: 100%;
    border: 0;
    font-size: 14px;
}

.Payment_Box_ALL {
    margin: 10px 0;
    padding-bottom: 0;
}

#ctl00_ContentPlaceHolder1_rCartList_ctl00_rPayment_ctl00_divCreditCardNoToken #cardNUM, #cardDL, #cardNAME, #cardCODE {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    float: none;
}

p#cardNUM > input {
    width: 17% !important;
    font-size: 12px;
}

#ctl00_ContentPlaceHolder1_rCartList_ctl00_rPayment_ctl00_divCreditCardNoToken #cardNUM {
    margin-bottom: 15px;
}

#Card_COMPANY {
    margin: 0;
}

.SSL_seal {
    float: none;
    margin: 0;
}

.SSL_Sentence {
    font-size: 12px;
    margin: 5px 0 0;
}

div.btmbtn ul {
    position: relative;
}

#CartList div.btmbtn .btn-large.btn-success {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 350px;
}

#CartList div.btmbtn {
    margin: 0;
    margin-top: -10px;
    margin-bottom: 60px;
}

#tit_Kiyaku {
    margin-bottom: 0 !important;
}

.error_inline {
    display: block !important;
}

#CartList dd {
    padding: 1em 1em;
}

dd#ctl00_ContentPlaceHolder1_rCartList_ctl00_rPayment_ctl00_ddCredit {
    padding: 0em 0;
}






}/* @media */
	
	
	/* =========================================
   LINE特約（未来屋書店と完全一致デザイン）
========================================= */

/* --- ブロック全体 --- */
#ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_LINE_tokuyaku_block {
	max-width: 1000px;
	margin: 40px auto 0;
	padding: 0;
	box-sizing: border-box;
}

/* --- 見出し --- */
#tit_LINE_tokuyaku {
	display: block;
	width: 100%;
	font-size: 13px;
	line-height: 1.6;
	color: #fff;
	background-color: #00b9ef;
	padding: 10px;
	margin: 5px 0 2em 0;
	font-weight: bold;
	box-sizing: border-box;
}

/* span対応 */
#tit_LINE_tokuyaku span {
	color: #fff;
}

/* --- 本文 --- */
#ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_LINE_tokuyaku_block .dvRegulation {
	font-size: 13px !important;
	line-height: 1.6 !important;
	height: 4.3em;
	border: 1px solid #ccc;
	overflow: auto;
	padding: 15px 10px;
	background: #fff;
	box-sizing: border-box;
}

/* --- テキスト整形 --- */
#ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_LINE_tokuyaku_block p,
#ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_LINE_tokuyaku_block ul,
#ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_LINE_tokuyaku_block ol {
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 2em;
}

#ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_LINE_tokuyaku_block li {
	line-height: 1.6;
	margin-bottom: 0.5em;
}

#ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_LINE_tokuyaku_block a {
	word-break: break-all;
}

/* =========================================
   SP対応（未来屋と同じ）
========================================= */
@media screen and (max-width: 767px) {

	#ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_LINE_tokuyaku_block {
		margin-top: 30px;
	}

	#tit_LINE_tokuyaku {
		margin-bottom: 0 !important;
	}

	#ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_LINE_tokuyaku_block .dvRegulation {
		font-size: 13px !important;
		line-height: 1.6 !important;
	}

	#ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_LINE_tokuyaku_block p,
	#ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_LINE_tokuyaku_block ul,
	#ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_LINE_tokuyaku_block ol,
	#ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_LINE_tokuyaku_block li {
		font-size: 13px;
		line-height: 1.6;
	}
}