@charset "utf-8";
/* CSS Document */

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

/*-----------------------------
cart
-------------------------------*/

.owner .required_info{
	margin: 10px;
	line-height: 1.5;
	
}

.owner .required_info span{
	color: #FF0004;
}

.cart-unit{
	line-height:1;
	font-size:100%;
}

.cart-table .product-info{
	font-size: 16px;
	width: 37%;
}


/*-----------------------------
btn
-------------------------------*/
.order-footer .button-next .btn {
  	display: block;
  	text-align: center;
	background-image: -webkit-linear-gradient(#7df32b 0%, #088400 100%);
	background-image: -o-linear-gradient(#96f951 0%, #088400 100%);
	background-image: linear-gradient(#96f951 0%, #088400 100%);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgb(169, 168, 168);
	padding: 20px 90px;
	border-radius: 15px;
	margin: 20px auto;
	width: 40%;
}

.cart-footer .button-next.order .btn{
	display: block;
  	text-align: center;
	background-image: -webkit-linear-gradient(#7df32b 0%, #088400 100%);
	background-image: -o-linear-gradient(#96f951 0%, #088400 100%);
	background-image: linear-gradient(#96f951 0%, #088400 100%);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgb(169, 168, 168);
	padding: 20px 90px;
	border-radius: 15px;
	margin: 20px auto;
	width: 40%;
}

.order-footer .button-next .btn:hover {
  opacity: 0.8;
}

/*.order-unit .btn{
	display: block;
  	text-align: center;
	background-image: -webkit-linear-gradient(#00b7e0 0%, #00b7e0 100%);
	background-image: -o-linear-gradient(#96f951 0%, #088400 100%);
	background-image: linear-gradient(#96f951 0%, #088400 100%);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgb(169, 168, 168);
	padding: 20px 90px;
	border-radius: 15px;
	margin: 20px auto;
	width: 40%;
}*/

/*-----------------------------
支払い方法
-------------------------------*/

.order-payment .payment-list dt.title{
	background-color: #eee;
	border: 1px solid #AAA;
	border-radius: 5px;
	box-shadow:2px 1px 3px -2px #555, 5px 5px 3px rgba(255,255,255,0.8) inset;
}

.order-payment .payment-list dt.title{
	color: #666;
}

.order-payment .payment-list dt.title input[type="radio"]{
    display: none!important;
}

.order-payment .payment-list dt.title label{
	position: relative;
	padding-left: 25px;
  	margin-right: 20px;
	top: 0px;
}

.order-payment .payment-list dt.title label::before{
	content: "";
    position: absolute;
  	display: block;
  	top: 3.5px;
  	left: 0;
  	width: 15px;
  	height: 15px;
  	border: 1px solid #999;
  	border-radius: 50%;
	box-shadow:2px 1px 3px -2px #555, 5px 5px 3px rgba(255,255,255,0.8) inset;
}

.order-payment .payment-list dt.title label::after {
    content: "";
    position: absolute;
}

/* チェックした時の挙動 */
.order-payment .payment-list dt.title input[type="radio"]:checked + label {
	color: #0086d4;
}

.order-payment input[type="radio"]:checked + label::before {
	content: "";
    position: absolute;
  	display: block;
  	top: 3.5px;
  	left: 0;
  	width: 15px;
  	height: 15px;
  	border: 1px solid #999;
  	border-radius: 50%;
	box-shadow:2px 1px 3px -2px #555, 5px 5px 3px rgba(255,255,255,0.8) inset;
}

.order-payment input[type="radio"]:checked + label::after {
	content: "";
 	display: block;
  	position: absolute;
  	top: 6px;
  	left: 3px;
  	width: 11px;
  	height: 11px;
  	background: #0086d4;
  	border-radius: 50%;
}

/*-----------------------------
入力枠
-------------------------------*/
.order-unit .order-form dd{
	padding: 1em 0.5em;
}

.order-form .card-nums input{
	width: 23%;
}

.order-unit .order-form dd input{
	padding: 0.5em;
	border-style: none;
	border: #AAAAAA solid 1px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px inset rgba(0,0,0,0.2);
}

.order-form .birth select{
	border-style: none;
	border: #AAAAAA solid 1px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px inset rgba(0,0,0,0.2);
}

.order-form .address select{
	border-style: none;
	border: #AAAAAA solid 1px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px inset rgba(0,0,0,0.2);
}

.order-unit .order-form select{
	border-style: none;
	border: #AAAAAA solid 1px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px inset rgba(0,0,0,0.2);
}

.order-form .tel input{
	width: 29%;
}

.order-form .zip .PostNum{
	width: 47%!important;
}

.nonDis{
	display: none;
}

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

.SSL_Sentence{
	margin: 18px 0 20px 0px;
	line-height: 1.0;
}

.card-nums h4{
	clear: both;
}

/*-----------------------------
サンクスページ会員登録注意書き
-------------------------------*/

.info{
	margin: 10px 0;
	padding: 10px 0;
	font-size: calc(26 * (100vw / 750));
}

.info p{
	text-align: center;
}

.stand_out{
	line-height: 1.5em;
	color: #FF0004;
	text-align: center;
	font-size: calc(32 * (100vw / 750));
}

@media screen and (min-width:768px){
.order-unit{
	width: 1000px!important;
	margin: auto!important;
}

.order-form .zip .btn-add-search{
	display: block;
    padding: 1em;
    background-color: #000;
    margin: 0em;
    width: 30%;
    text-align: center;
    color: #fff;
    font-size: 12px;
	float: right;
	border-radius: 5px;
}
}

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

.order-form .zip .btn-add-search{
	display: block;
    padding: 0.2em;
    background-color: #000;
    margin: 0em;
    width: 30%;
    text-align: center;
    color: #fff;
    font-size: 12px;
	float: right;
	border-radius: 5px;
}
}

@media screen and (max-width:320px){
	.order-form .name input, .order-form .name-kana input{
		width: 48%!important;
	}
	
	.order-form .zip .PostNum{
		width: 46%!important;
	}
	
	.order-form .tel input{
		width: 28%!important;
	}
}
/*-----------------------------
LP Footer非表示
-------------------------------*/
.footer_bg{
	display:none;
}

#AmazonPayButton + div{
	margin:0 auto;
	width: 300px !important;
	height: 67px !important;
}
#AmazonPayCv2Button{
	width: 300px !important;
	height: 67px !important;
}

/*-----------------------------
AmazonPayのデザイン調整
-------------------------------*/
.userBox .top .bottom{
	padding-top: 20px !important;
}
.userBox .top .bottom dt{
	font-weight:bold !important;
}
.userBox .top .bottom dd{
	padding: 20px !important;
}
.userBox .top .bottom dl dd:first-of-type p:nth-child(2){
	display:none !important;
}

/*-------------------------------
20220818 higashi
--------------------------------*/
.Ama_Box::after {
	content: "定期販売商品のお支払いに関しましては、アマゾンギフト券を支払方法に選択することはできません。";
	font-size: 80%;
	line-height: 1.2;
	margin: 10px 0 0;
	display: block;
	text-align: center;
}