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

/*-------------------------
マイページログイン
-------------------------*/
.log-in{
width: 700px;
margin: 25px auto 0 auto;
font-size: 12px;
padding: 0 0 20px 0;
}

.log-in a{
color: #06C;
text-decoration: none;
}

.log-in a:hover{
color: #F60;
}

.login-h2{
width: 700px;
height: 40px;
background: url(../images/mypage/mypage-h2.jpg) no-repeat center top;
}

.login-h2 span{
visibility: hidden;
}

.login-box{
width: 610px;
margin: 20px auto 0 auto;
border: solid 5px #CCCCCC;
padding: 20px;
}

.login-center{
width: 500px;
margin: 0 auto 0 auto;
padding: 15px 0 0 0;
}

.login-gray{
width: 460px;
padding: 5px 20px 20px 20px;
background: #EAEAEA;
margin: 10px 0 10px 0;
}

.login-gray p{
padding: 15px 0 0 0;
}

.log-txt{
	width: 300px;
    height: 2em;
    font-size: 16px;
    padding: 0px 5px;
	background: #FFF;
}

.log-btn{
width: 140px;
height: 30px;
margin: 0 auto 0 auto;
padding: 10px 0 10px 0;
}

.log-btn2{
width: 130px;
height: 30px;
margin: 0 auto 0 auto;
padding: 10px 0 0 0;
}

.c-login{
width: 650px;
margin: 0 auto 0 auto;
padding: 20px 0 20px 0;
font-size: 13px;
}
/*-------------------------
マイページご利用規約
-------------------------*/

.kiyaku-txt{
padding: 15px 0 15px 0;
}

.myp-kiyaku{
width: 618px;
height: 600px;
display: block;
overflow: auto;
border: solid 1px #CCCCCC;
color: #525252;
padding: 15px;
}

.myp-h3{
font-size: 14px;
padding: 0 0 10px 0;
}

.myp-kiyaku table{
font-size: 13px;
padding: 0 0 0 20px;
}

.myp-kiyaku table th{
width: 20px;
font-weight: normal;
padding: 0 0 12px 0;
}

.myp-kiyaku table td{
padding: 0 0 7px 0;
}

.under0{
padding-bottom: 0px !important;
}

.myp-untxt{
padding-left:20px !important;
}

#kiyaku-btn{
width: 375px;
margin: 0 auto 0 auto;
padding: 20px 0 0 0;
}

#kiyaku-btn p{
width: 180px;
float: left;
}

.agree{
padding: 0 0 0 15px;
}


/*-------------------------
会員登録
-------------------------*/

.membership p{
padding: 10px 0 0 0;
}

.membership a{
color: #2079e8;
text-decoration: none;
}

.membership a:hover{
color: #F60;
}

.membership table{
width: 648px;
border-top: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
font-size: 13px;
margin: 15px 0 0 0;
}

.membership table th{
width: 150px;
font-weight: normal;
text-align: left;
padding: 10px;
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
background: #f0f0f0;
}

.membership table td{
padding: 10px;
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
}

.box150{
width: 150px;
margin: 5px;
}

.box75{
width: 75px;
margin: 5px;
}

.box120{
width: 120px;
margin: 5px;
}

.box300{
width: 300px;
margin: 5px;
}

.box400{
width: 400px;
margin: 5px;
}
.membership input,
.membership select{
	height: 2em;
    font-size: 16px;
    padding: 0px 5px;
}
.membership td label{
	display: flex;
	align-items: center;
}
.membership td input{
	margin-right: 5px;
}
.membership td.address input,
.membership td.address select{
	margin-bottom: 20px;
}
.code{
position: relative;
}

.code img{
width: 86px;
height: 20px;
position: absolute;
top: 42px;
left: 10px;
}

.zone{
margin: 0 0 0 5px;
}

.code-txt{
padding: 0 0 0 90px;
}


.chk{
margin-left: 5px;
}


.regi-btn{
padding: 20px 0 0 0;
}

.att{
width: 500px;
margin: 20px auto 15px auto;
border: solid 5px #CCCCCC;
padding: 15px 0 15px 0;
}

.att p{
text-align: center;
}
#cart-btn{
		border:1px solid #CC0000;
		width:120px;
		height:28px;
		font-size:13px;
		font-weight:bold;
		text-align:center;
		padding-top:5px 10px;
		text-decoration:none;
		border-radius:3px;
		margin:auto;
		background-color:#EC0000;
		color:#FFF;
		margin-top:15px;
		line-height: 28px;
	}
	
	#cart-btn a{
		display:block;
		width:100%;
		height:100%;
		text-decoration:none;
		color:#FFF;
	}
	#cart-btn:hover,
	#cart-btn a:hover{
		background: #EF2727;
	}
	.goto_sitetop{
		background: #e9e9e9;
		color: #000;
		display: table;
		margin: 30px auto 0px;
		color: #FFF;
		padding: 7px 15px;
		border-radius: 3px;
	}
	.goto_sitetop a{
		color: #000;
		text-decoration: none;
	}
	.goto_sitetop:hover{
		background: #DDD;
	}
/*-------------------------
マイページお届け先の指定
-------------------------*/

.delivery{
width: 700px;
margin: 25px auto 0 auto;
font-size: 12px;
padding: 0 0 20px 0;
}

.deri-h2{
width: 700px;
height: 40px;
background: url(../images/mypage/deli-title.jpg) no-repeat center top;
}

.delivery h2 span{
visibility: hidden;
}

.delivery p{
padding: 15px 0 0 0;
}

.delivery a{
color: #2079e8;
text-decoration: none;
}

.delivery a:hover{
color: #F60;
}


.delivery table{
width: 698px;
border-top: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
}

.delivery table th{
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
background: #EBEBEB;
font-weight: normal;
font-size: 13px;
padding: 7px;
}


.delivery table td{
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
font-size: 13px;
padding: 7px;
}

#deli-btn{
width: 360px;
margin: 0 auto 0 auto;
}

#deli-btn p{
float: left;
}

.go-deli{
width:190px;
height: 30px;
padding-left: 20px !important;
}

.deli-flow{
width: 700px;
height: 36px;
padding: 0 0 20px 0 !important;
}


/*-------------------------
マイページお支払い方法・お届け時間等の指定
-------------------------*/

.myp-payment{
width: 700px;
margin: 25px auto 0 auto;
font-size: 12px;
padding: 0 0 20px 0;
}

.myp-payment p{
padding: 7px 0 0 0;
}
.myp-payment p select{
	padding: 7px;
}
.paym-h2{
width: 700px;
height: 40px;
background: url(../images/mypage/payment-title.jpg) no-repeat center top;
}

.myp-payment h2 span{
visibility: hidden;
}
.myp-payment .delideli select,
.myp-payment .delideli input[type="text"]{
	padding: 7px;
}
.myp-payment #airport{
	margin: 5px 0px;
}
.sub-title{
width: 670px;
height: 33px;
padding: 15px 0 0 0;
margin: 0 auto 0 auto;
}

.sub-title-text {
background-color: #F0F1EC;
margin: 10px 0px 0px;
padding: 5px 12px;
font-size: 1.3em;
border-bottom: 2px solid #BBBAA5;
}

.payment-under{
width: 670px;
margin: 0 auto 0 auto;
}

.payment-under table{
width: 668px;
border-top: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
font-size: 13px;
}

.myp-payment table th{
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
background: #EBEBEB;
font-weight: normal;
padding: 7px;
}


.myp-payment table td{
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
padding: 7px;
}
.myp-payment .chose_usage{
	display: flex;
	justify-content:flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding: 5px 20px;
	margin-top: 5px;
	background: #f9f9f9;
	width: 100%;
	box-sizing: border-box;
}
.myp-payment .chose_usage input{
	margin-right: 5px;
}
.myp-payment .chose_usage label{
	width: 25%;
	margin: 2px 0px;
	font-size: 13px;
	display: flex;
	align-items: center;
}

.other-q{
width: 670px;
padding: 5px;
}

#tblareabtn{
width: 320px;
margin: 0 auto 0 auto;
padding: 5px 0 0 0;
}

#tblareabtn p{
width: 150px;
height: 30px;
float: left;
}

.next{
width: 150px;
height: 30px;
padding-left:20px !important;
}


/*-------------------------
マイページご入力内容のご確認
-------------------------*/
.register{
width: 700px;
margin: 25px auto 0 auto;
font-size: 12px;
padding: 0 0 20px 0;
}

.register h2{
width: 700px;
height: 40px;
background: url(../images/mypage/confirm-title.jpg) no-repeat center top;
}

.register h2 span{
visibility: hidden;
}


.register p{
padding: 7px 0 0 0;
}

.register table{
width: 698px;
border-top: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
font-size: 13px;
margin: 20px 0 0 0;
}

.register table th{
font-weight: normal;
background: #EBEBEB;
padding: 7px;
border-bottom: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
}

.register table td{
padding: 7px;
border-bottom: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
}


/*-------------------------
マイページご注文完了
-------------------------*/

.complete{
width: 700px;
margin: 25px auto 0 auto;
font-size: 12px;
padding: 0 0 20px 0;
}

.complete h2{
width: 700px;
height: 40px;
background: url(../images/mypage/complete-title.jpg) no-repeat center top;
}

.complete h2 span{
visibility: hidden;
}

.complete-text{
width: 450px;
padding: 10px 20px 20px 20px;
border: solid 5px #CCCCCC;
margin: 20px auto 0 auto;
}

.complete-text p{
padding: 10px 0 0 0;
}

.complete-btn{
width: 150px;
height: 30px;
padding: 20px 0 0 0;
margin: 0 auto 0 auto;
}


/*-------------------------
会員登録しないで...
-------------------------*/
.no-member{
width: 650px;
padding: 20px 0 0 0;
}

.no-member p{
padding: 7px 0 0 0;
}

.no-member table{
width: 648px;
border-top: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
font-size: 13px;
}

.no-member table th{
width: 150px;
padding: 7px;
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
font-weight: normal;
background: #EEE;
text-align: left;
}

.no-member table td{
padding: 7px;
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
}

#tel1,
#tel2,
#tel3{
width: 90px;
}
.no-member table input[type="text"]{
	padding: 7px !important;
}
.no-member table select{
	padding: 7px;
}
.no-member table .name_label{
	width: 2.2em;
	display: inline-block;
}
.no-member table .name_label.last{
	margin-left: 20px;
}
.no-member .deli_area .box300{
	margin: 0;
}
/*-------------------------
マイページログイン後
-------------------------*/

.mypage-logout{
width: 880px;
height: 23px;
margin: 0 auto 0 auto;
}

#logout-in{
width: 880px;
font-size: 13px;
padding: 5px 0 5px 0;
margin: 0 auto 0 auto;
}

#logout-in p{
float: left;
}

.out-txt{
padding: 2px 0 0 0;
}

.out-btn{
width: 54px;
height: 22px;
padding: 0 0 0 10px;
}

#my-page{
width: 880px;
margin: 0 auto 0 auto;
padding: 10px 0 0 0;
}

.mynav-area{
width: 170px;
padding: 20px 0 0 0;
float: left;
}

.mynav-area ul li{
line-height: 0px !important;
}

.mycontents-area,
.mydetail-area{
width: 690px;
padding: 20px 0 0 20px;
float: left;
}

.mycontents-area h3,
.charge-area h3,
.mydetail-area h3{
font-size: 13px;
background: #7DBEFF;
color: #FFF;
padding: 5px;
clear: both;
}

.mycontents-area table,
.charge-area table,
.mydetail-area table{
width: 688px;
border-top: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
font-size: 13px;
margin: 20px 0 0 0;
}

.mycontents-area table th,
.mydetail-area table th{
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
background: #F0F0F0;
font-weight: normal;
padding: 5px;
}

.charge-area table th{
width: 200px;
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
background: #F0F0F0;
font-weight: normal;
padding: 7px;
text-align: left;
}


.mycontents-area table td,
.charge-area table td,
.mydetail-area table td{
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
padding: 5px;
}

.charge-area{
width: 690px;
padding: 20px 0 0 20px;
float: left;
}

.charge-btn{
width: 150px;
height: 30px;
margin: 10px auto 0 auto;
}

.w-btn{
text-align: center;
padding: 15px 0 0 0;
}

.fin{
width: 400px;
margin: 20px auto 0 auto;
text-align: center;
padding: 60px 0 60px 0;
border: solid 5px #CCCCCC;
font-size: 12px;
}

.delivery-area,
.refusal-area{
width: 690px;
padding: 20px 0 0 20px;
float: left;
font-size: 13px;
}

.delivery-area table{
width: 688px;
border-left: solid 1px #CCCCCC;
border-top: solid 1px #CCCCCC;
margin: 10px 0 0 0;
}

.delivery-area table th{
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
background: #EAEAEA;
padding: 5px 0 5px 0;
}

.delivery-area table td{
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
padding: 5px;
}

.delivery-area h3,
.refusal-area h3{
font-size: 13px;
background: #7DBEFF;
color: #FFF;
padding: 5px;
}

.delivery-txt{
padding: 10px 0 0 0;
}

.new-adress{
padding: 5px 0 0 0;
}

.refusal-under{
width: 400px;
padding: 30px 10px 30px 10px;
border: solid 5px #CCCCCC;
margin: 20px auto 0 auto;
}

.refusal-btn{
width: 180px;
padding: 10px 0 20px 0;
margin: 0 auto 0 auto;
}

.refusal-btn2{
width: 310px;
margin: 0 auto 0 auto;
padding: 7px 0 7px 0;
}

.forgot{
width: 500px;
margin: 0 auto 0 auto;
padding: 15px 0 0 0;
font-size: 13px;
}

.forgot h2{
width: 500px;
height: 40px;
margin: 0 auto 0 auto;
}

.red{
color: #F00;
}

.forgot-box{
width: 490px;
border: solid 5px #CCCCCC;
margin: 15px auto 0 auto;
padding: 30px 0 30px 0;
}

.forgot-mail{
text-align: center;
}

.box300{
width: 300px;
}

.forgot-btn{
width: 150px;
height: 30px;
padding: 20px 0 0 0;
margin: 0 auto 0 auto;
}

.forgot-boxin{
width: 350px;
margin: 0 auto 0 auto;
}

.forgot-btn2{
width: 308px;
margin: 0 auto 0 auto;
padding: 10px 0 0 0;
}

.re-pass{
font-size: 17px;
text-align: center;
color: #F00;
}

.other-adds{
width: 500px;
margin: 0 auto 0 auto;
padding: 15px 0 0 0;
font-size: 13px;
}

.other-adds h2{
width: 500px;
height: 40px;
margin: 0 auto 0 auto;
}

.other-adds p{
padding: 10px 0 10px 0;
}

.other-adds table{
width: 498px;
border-right: solid 1px #CCCCCC;
border-top: solid 1px #CCCCCC;
margin: 0 0 15px 0;
}

.other-adds table th{
width: 120px;
font-weight: normal;
background: #F0F0F0;
padding: 7px;
border-bottom: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
}

.other-adds table td{
padding: 7px;
border-bottom: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
}


.resulttd,
.pricetd{
text-align: right;
}

.mydetail-area a{
color: #0984FF;
text-decoration: none;
}

.detail-menu{
font-size: 15px;
}

.detail-btn{
width: 150px;
margin: 0 auto 0 auto;
padding: 20px 0 0 0;
}

.pagenavi{
font-size: 13px;
padding: 10px 0 0 0;
}

.delideli a{
color: #039;
text-decoration: none;
}

.delideli a:hover{
color: #F60;
}