@charset "utf-8";

/* Reset
-------------------------------------------------------------------------------*/

/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

h1,h2,h3,h4,p,strong,span{ font-weight: normal; }
a{ color: #e73713; }
img{ vertical-align: top; }
ul,li{ list-style: none; }
label{ display: block; }
input, select{
	display: inline-block;
	height: 28px;
	font:14px/1 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", meiryo, sans-serif;
	outline: none;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea{
	box-sizing: border-box;
	width: 100%;
	padding: 4px;
	border:1px solid #898989;
	border-image: none;
	border-radius: 0;
	box-shadow: none;
}


/* basic
-------------------------------------------------------------------------------*/
body{
	font:16px/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
	color: #333;
}

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

.fltR{ float: right; }
.fltL{ float: left; }

.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mtb20{ margin-top: 20px; margin-bottom: 20px; }

.center{ text-align: center; }
.bold{ font-weight: bold; }
.small{ font-size: 14px; line-height: 1.4; }
.red{ color: #e73713; }
.orange{ color: #ffa400; }



/* layout, module
-------------------------------------------------------------------------------*/
header{
	height: 60px;
	margin-bottom: 10px;
	background-color: #FFB600;
}

header h1{
	float: left;
	padding: 16px 0 0 14px;
}

header h1 img{
	width: 149px;
	height: auto;
}

header ul li{
	float: right;
	padding: 8px 12px 0 0;
}

header ul li img{
	width: auto;
	height: 46px;
}

.content{
	padding: 20px 10px 26px 10px;
	background: url(/sp/store/images/dot.png) repeat-x bottom;
	-webkit-background-size: 7px 4px;
	background-size: 7px 4px;
}
.content_h{ padding: 20px 10px 0 10px; }
.content_m{ padding-left: 10px; padding-right: 10px; }
.content_n{ padding: 20px 10px; }

h2{
	font-size: 18px;
	font-weight: bold;
	color: #ffa400;
}

.indent_list{
	margin-left: 1em;
	text-indent: -1em;
}

.list dd{
	margin: -1.6em 0 6px 6.8em;
	padding-left: 20px;
	background: url(/sp/store/images/icon_arrow.png) no-repeat left 0.3em;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
}
.list58e dd{ margin-left: 5.8em; }
.list48e dd{ margin-left: 4.8em; }

.list_serial dd{
	margin-bottom: 12px;
	padding-left: 20px;
	background: url(/sp/store/images/icon_arrow.png) no-repeat left 0.3em;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
}
.list_serial dd:last-child{ margin-bottom: 0; }

.list dd.break{ margin: 0 0 6px 0; }

.sublist{ padding-bottom: 16px; }
.sublist li{
	margin-top: 16px;
	padding-top: 18px;
	background: url(/sp/store/images/dot2.png) repeat-x top;
	-webkit-background-size: 7px 4px;
	background-size: 7px 4px;
}
.sublist li:first-child{
	margin-top: 0;
	background: none;
}

.title_btn{ margin-bottom: 16px; }
.title_btn h2{ display: inline-block; }
.title_btn .btn_blue,
.title_btn .btn_gray{ float: right; }

/* cart index */
#regi_info{ display: none; }
#regi_productList .list dd{ margin-left: 5.4em; }
#regi_productList .btn_gray{ padding: 0 0 10px 40px; }
.regi_product_price span{ font-size: 12px; }
#regi_amount{ color: #e73713; }
#regi_amount span{
	font-size: 12px;
	color: #333;
}

#regi_postage{
	margin: 0 0 15px 0;
	padding-left: 0;
	font-size: 12px;
	background: none;
}

#regi_alert{ color: #e73713; }

#regi_purchase input{ padding-right: 18px; }


/* product */
.product{ padding-bottom: 3px; }

.product li{
	margin-top: 16px;
	padding-top: 18px;
	padding-bottom: 10px;
	background: url(/sp/store/images/dot2.png) repeat-x bottom;
	-webkit-background-size: 7px 4px;
	background-size: 7px 4px;
}
.product li:first-child{ margin-top: 0; }

.product li > img:first-child{
	display: inline-block;
	width: 30px;
	height: auto;
	margin-right: 10px;
}

.product .list{
	display: inline-block;
	width: 80%;
	line-height: 1.4;
}

.product .list dt{ color: #666; }

.product .list dd{ margin: -1.4em 0 10px 6em; }

.product_total{
	margin: 16px 0 38px 0;
	padding-left: 46px;
	color: #666;
}

.product_total dd{ margin-left: 4.8em; }
.product_total .icon_reload{
	margin: 0 0 0 4.8em;
	padding-left: 0;
	background: none;
}
.product_total .icon_reload a{
	display: block;
	padding-left: 20px;
	background: url(/sp/store/images/icon_reload.png) no-repeat left 0.34em;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
	text-decoration: none;
	color: #666;
}


/* address */
.address_title{
	margin-bottom: 8px;
	padding: 6px 0 6px 30px;
	background: url(/sp/store/images/address.png) no-repeat center left;
	-webkit-background-size: 24px 24px;
	background-size: 24px 24px;
}
.address_title_main{
	background: url(/sp/store/images/address_main.png) no-repeat center left;
	-webkit-background-size: 24px 24px;
	background-size: 24px 24px;
}

#address_tab_oversea{ display: none; }


/* confirm */
.confirm_total{ margin-top: 16px; }

.confirm_total dd{ margin-left: 8em; }
.confirm_total .mline{
	margin-top: -3.2em;
	padding-bottom: 1.6em;
}

.confirm_option dd{ margin-left: 11em; }

/* merge */
.merge{
	margin-bottom: 26px;
	padding: 16px 8px;
	border-radius: 10px;
	background-color: #efefef;
}
.merge:last-child{ margin-bottom: 0; }

.merge .product{
	background: url(/sp/store/images/dot.png) repeat-x bottom;
	-webkit-background-size: 7px 4px;
	background-size: 7px 4px;
}

.merge .product li{
	background: url(/sp/store/images/dot.png) repeat-x top;
	-webkit-background-size: 7px 4px;
	background-size: 7px 4px;
}


/* navigation */
.footer_wrap{ margin-top: 70px; }

.nav li a{
	display: block;
	padding: 16px 32px;
	border-bottom: 1px solid #fff;
	background: #ddd url(/sp/store/images/icon_yellow.png) no-repeat 8px center;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
	text-decoration: none;
	line-height: 1;
	color: #333;
}
.nav li:last-child a{
	background: #ddd url(/sp/store/images/icon_blue.png) no-repeat 8px center;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
}

footer{
	height: 60px;
	background-color: #FFB600;
	text-align: center;
	color: #fff;
}
footer p{
	padding-top: 20px;
	font-size: 14px;
}

/* form */
.formparts{
	margin: 20px 0;
	padding: 8px;
	border-radius: 6px;
	background-color: #efefef;
	font-size: 14px;
}
.formparts:first-child{ margin-top: 0; }
.formparts:last-child{ margin-bottom: 0; }

.formparts label{ margin-bottom: 8px; }
.formparts label:last-child{ margin-bottom: 0; }

.forminline label{
	display: inline-block;
	box-sizing: border-box;
	width: 45%;
	margin-right: 14px;
}
.forminline label:last-child{ margin-right: 0; }

.formradio label{
	display: inline-block;
	margin-right: 24px;
}

.formzip label{ margin-bottom: 0; }
.formzip input[type="text"]{ width: 18%; }
.formzip input[type="button"]{ margin-left: 16px; }

.formmail label{
	display: inline-block;
	margin-bottom: 0;
	font-size: 13px;
}

.formbirth label{ margin-bottom: 0; }
.formbirth input[type="text"]{ width: 18%; }
.formbirth label:last-child{ margin-top: 8px; }

.formcredit label{ margin-bottom: 0; display: inline-block; }
.formcredit label:first-child{ display: block; }

/* kiyaku */
.kiyaku dt{ margin-top: 20px; }
.kiyaku dt:before{ content: "■"; }
.kiyaku dt:first-child{ margin-top: 0; }

.kiyaku li{
	text-indent: -2em;
	margin-left: 2em;
}

/* login */
.login_wrap{ margin-top: 8px; }
.login_wrap input{
	display: block;
	height: 36px;
}
.login_wrap input:first-child{ border-radius: 6px 6px 0 0; border-bottom: none; }
.login_wrap input:last-child{ border-radius: 0 0 6px 6px; }

.newaccount h2{
	text-align: center;
	color: #00b8da;
}
.newaccount > div a,
.newaccount > div input{
	display: inline-block;
	box-sizing: border-box;
	width: 220px;
	height: 70px;
	margin-top: 8px;
	padding-right: 20px;
	border: none;
	border-radius: 14px;
	box-shadow: 1px 1px 4px 2px #ddd;
	outline: none;
	font-size: 16px;
	font-weight: bold;
	line-height: 70px;
	color: #fff;
	text-decoration: none;
	background: #00b8da url(/sp/store/images/icon_blue.png) no-repeat 180px center;
	-webkit-background-size: 26px 24px;
	background-size: 26px 24px;
}


/* icon, button */
.icon_arrow{
	padding-left: 20px;
	background: url(/sp/store/images/icon_arrow.png) no-repeat left 0.34em;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
}

.btn_blue a, .btn_blue input{
	display: inline-block;
	padding: 6px 36px 6px 16px;
	border: none;
	border-radius: 14px;
	box-shadow: 1px 1px 2px 1px #ddd;
	outline: none;
	background: #00b8da url(/sp/store/images/icon_blue.png) no-repeat right center;
	-webkit-background-size: 26px 24px;
	background-size: 26px 24px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-decoration: none;
}

.btn_change a, .btn_change input{ 
	background: #ffa401 url(/sp/store/images/icon_yellow.png) no-repeat right center;
	-webkit-background-size: 26px 24px;
	background-size: 26px 24px;
}

.icon_left a, .icon_left input{
	min-width: 148px;
	padding: 6px 26px 6px 46px;
	background: #00b8da url(/sp/store/images/btn_blueleft.png) no-repeat 3px center;
	-webkit-background-size: 26px 24px;
	background-size: 26px 24px;
}

.btn_yellow a, .btn_yellow input, .btn_yellow button{
	display: inline-block;
	box-sizing: border-box;
	width: 220px;
	height: 70px;
	margin-top: 20px;
	border: none;
	border-radius: 14px;
	box-shadow: 1px 1px 4px 2px #ddd;
	outline: none;
	font-size: 16px;
	font-weight: bold;
	line-height: 70px;
	color: #fff;
	text-decoration: none;
	background: #ffa401 url(/sp/store/images/icon_yellow.png) no-repeat 180px center;
	-webkit-background-size: 24px 24px;
	background-size: 24px 24px;
}
.btn_yellow2 a, .btn_yellow2 button{
	padding: 4px 0 0 0;
	line-height: 1.6;
	background-position: 160px 36px;
}
.btn_yellow2 a{ padding-top: 10px; }


.btn_gray a, .btn_gray input{
	display: inline-block;
	padding: 6px 36px 6px 16px;
	border: none;
	border-radius: 14px;
	box-shadow: 1px 1px 2px 1px #ddd;
	background: #999 url(/sp/store/images/btn_gray.png) no-repeat right center;
	-webkit-background-size: 26px 24px;
	background-size: 26px 24px;
	font-size: 16px;
	font-weight: bold;
	font-weight: 16px;
	line-height: 1;
	color: #fff;
	text-decoration: none;
}

.notes{
	margin-top: 20px;
	padding-left: 20px;
	background: url(/sp/store/images/icon_notes.png) no-repeat left 0.2em;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
	font-size: 14px;
	line-height: 1.4;
	color: #898989;
}
.notes:last-child{ margin-bottom: 0; }
.notes:first-child{ margin-top: 0; }

.caution{
	margin-top: 20px;
	padding-left: 20px;
	background: url(/sp/store/images/icon_alert.png) no-repeat left 0.2em;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
	font-weight: bold;
	line-height: 1.4;
}
.caution:last-child{ margin-bottom: 0; }
.caution:first-child{ margin-top: 0; }

.checkmark{
	margin-top: 20px;
	padding-left: 20px;
	background: url(/sp/store/images/icon_check.png) no-repeat left 0.2em;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
	font-weight: bold;
	line-height: 1.4;
}
.checkmark:last-child{ margin-bottom: 0; }
.checkmark:first-child{ margin-top: 0; }