@charset "UTF-8";
/********part.cssの書き方はページごとに分けて記載するようにする*******************************/
/******common*********/
span.formalerta{
	font-size: 12px;
	background: #fee;
	color: #f33;
	padding: 0px 3px;
	border-radius: 5px;
	font-weight: bold;
	border: 2px solid #f33;
	text-shadow: 1px 1px 1px #fff;
	margin-left:5px;
	}
span.clear{
	border:2px solid #093;
	background:#093;
	color:#fff;
	text-shadow:none;
	padding:0 5px;
	}
#omit_header #menubox{
	width:auto;
	}

/* フローチャート */
#flowchart ul li{
	border:1px solid #aaa;
	margin-right:22px;
	font-size:13px;
	padding:5px 10px;
	position:relative;
	color:#aaa;
	background:#fafafa;
	}
#flowchart ul li:nth-last-of-type(1){
	margin:0;
	}
#flowchart ul li.current{
	border-color:#093;
	font-weight:bold;
	color:#093;
	background:rgba(0,153,51,.1);
	text-shadow:1px 1px 2px #fff;
	}
#flowchart ul li:after{
	content:"";
	position:absolute;
	display:block;
	border:5px solid transparent;
	border-left-color:#ddd;
	top: calc((100% - 12px)/2);
	right: -20px;
	}
#flowchart ul li.current:after{
	border-left-color:#093;
	}
#flowchart ul li:nth-last-of-type(1):after{
	display:none;
	}
/* フローチャート */

/* editor display style */
.editor_display_style p{
	margin:0 0 10px;
}
.editor_display_style br{
	display:none;
}
/* editor display style */

/* alertbox */
.altbox{
	padding:20px 30px;
	box-sizing:border-box;
	background:#fafafa;
	border-radius:5px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	border:1px solid #aaa;
	margin-bottom:40px;
	margin-top:20px;
	}
.altbox .alertb{
	background: #093;
	color: #fff;
	text-align: center;
	padding: 4px;
	box-sizing: border-box;
	font-weight: bold;
	width:100%;
	margin:0 0 30px 0;
	}
.altbox .nomail{
	width:20%;
	display:flex;
	align-items:center;
	justify-content:center;
	filter:drop-shadow(5px 0 5px #aaa);
	}
.altbox .nomail_msg{
	width:75%;
	}
.altbox .information_box {
	margin:10px 0;
}
.altbox .information_box .contact_by_tel span{
	display:block;
	font-weight:bold;
	color:#555;
	font-size:14px;
	margin: 0 0 5px;
}
.altbox .information_box .contact_by_tel a{
	text-decoration:none;
	font-size:40px;
	font-weight:bold;
	color:#093;
	line-height:1em;
	display:inline-flex;
}
.altbox .information_box .contact_by_tel a i{
	font-size:35px;
	margin-right:5px;
}
.altbox .information_box .chips{
	border-top:1px solid #aaa;
	margin-top:10px;
	padding:10px 0;
}
.altbox .information_box .chips li {
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
	color: #555;
}
.altbox .information_box .chips li:nth-last-of-type(1){
	margin:0;
}
.altbox .information_box .chips li span{
	background:#093;
	border-radius:5px;
	color:#fff;
	font-size:14px;
	padding:3px;
	text-align:center;
	display:inline-block;
	width:8em;
	margin-right:5px;
}	
/* alertbox */
	
article.subContents h3{
	font-weight:bold;
	font-size:20px;
	padding:5px;
	color:#444;
	margin-bottom:20px;
	}

/* check_items */
article.subContents .CIList ul li,
article.subContents .check_item_list ul li{
	width:14%;
	margin-right:3%;
	padding:10px;
	box-sizing:border-box;
	border-radius:5px;
	background:#fff;
	}
article.subContents .CIList ul li:hover,
article.subContents .check_item_list ul li:hover{
	box-shadow:0 0 3px rgba(0,0,0,.3);
}
article.subContents .CIList ul li:nth-last-of-type(1),
article.subContents .check_item_list ul li:nth-last-of-type(1){
	margin:0;
	}
article.subContents .CIList ul li:nth-last-of-type(n + 7),
article.subContents .check_item_list ul li:nth-last-of-type(n + 7){
	display:none;
	}
article.subContents .CIList ul li a,
article.subContents .check_item_list ul li a{
	display:block;
	text-decoration:none;
	}
article.subContents .CIList ul li a:hover,
article.subContents .check_item_list ul li a:hover{
	opacity:.8;
	}
article.subContents .CIList ul li figure,
article.subContents .check_item_list ul li figure{
	width:80%;
	margin:0 auto;
	}
article.subContents .CIList ul li img,
article.subContents .check_item_list ul li img{
	width:100%;
	}
article.subContents .CIList ul li a span,
article.subContents .check_item_list ul li a span{
	display:flex;
	align-items:center;
	font-size:13px;
	}
article.subContents .CIList ul li a span.itemName,
article.subContents .check_item_list ul li a span.itemName{
	overflow:hidden;
	justify-content:center;
	}
article.subContents .CIList ul li a span.Price,
article.subContents .check_item_list ul li a span.Price{
	justify-content:flex-end;
	color:#f33;
	font-size:14px;
	font-weight:bold;
	}
article.subContents .CIList ul li a span.Price small,
article.subContents .check_item_list ul li a span.Price small{
	font-size:11px;
	margin-left:3px;
	}
article.subContents .CIList ul li form,
article.subContents .check_item_list ul li form{
	display:flex;
	justify-content:center;
	margin:5px 0 0 0;
	display:none;
	}
article.subContents .CIList ul li form button,
article.subContents .check_item_list ul li form button{
	background:#f90;
	border:1px solid #f60;
	border-radius:5px;
	color:#fff;
	width:140px;
	padding:2px;
	box-sizing:border-box;
	font-size:14px;
	}
/* check_items */

aside .banners a{
	display:block;
	}
aside .banners a:hover{
	opacity:.8;
	}
aside .banners a img{
	width:100%;
	border:1px solid #ddd;
	box-sizing:border-box;
	}

aside.sortMenu section{
	margin-bottom:30px;
	}

.leftMenu ul{
	padding:0 0 0 10px;
	}
.leftMenu ul li{
	position:relative;
	font-size:14px;
	}
.leftMenu ul li:before{
	content:"";
	position:absolute;
	display:block;
	width:0;
	height:0;
	border:5px solid transparent;
	border-left-color:#888;
	left:-10px;
	top:5px;
	}
span.gc{
	 font-size:15px;
	 display:block;
	 font-weight:bold;
	 }
span.gc a{
	 display:block;
	 font-weight:bold;
	 }
span.pa{
	 display:block;
	 font-size:14px;
	 text-indent:1em;
	 position:relative;
	 }
span.pa:before{
	 content:"";
	 position:absolute;
	 display:block;
	 left:5px;
	 top:0;
	 border:1px solid #444;
	 width:5px;
	 border-right:0;
	 border-top:0;
	 height:50%;
	}
/*********************/
/******index.php******/


#idx .mainContents .topBanner{
	width:72%;
	margin-left:28%;
	box-sizing:border-box;
	}
#idx .mainContents .mainBanner{
	overflow:hidden;
	}
#idx .mainContents .mainBanner span.msg{
	display:flex;
	background: #f4f8f3;
	border: 1px solid #ddd;
	box-sizing: border-box;
	padding: 2px 5px;
	font-size: 13px;
	font-weight: bold;
	color: #444;
	text-shadow:1px 1px 1px #fff;
	}
#idx .mainContents .topBanner .subBanner{
	margin:20px 0 0 0;
	}
#idx .mainContents .topBanner .subBanner ul{
	justify-content:space-between;
	}
#idx .mainContents .topBanner .subBanner ul li{
	margin:0 0 20px 0;
	width:48%;
}
#idx .mainContents .topBanner .subBanner ul li a{
	text-decoration:none;
	display:block;
	transition:.3s;
}
#idx .mainContents .topBanner a{
	display:block;
}
#idx .mainContents .topBanner a:hover{
	opacity:.8;
	transition:.3s;
	}
#idx .mainContents .topBanner .subBanner ul li img{
	border:1px solid #aaa;
	border-bottom:0;
	}
#idx .mainContents .topBanner .subBanner ul li span.msg{
	display:flex;
	clear:both;
	justify-content:center;
	font-size:14px;
	box-sizing:border-box;
	border:1px solid #aaa;
	padding:4px 0;
	background:#eaeaea;
	font-weight:bold;
	text-shadow:1px 1px 1px #fff;
	font-size:12px;
	}
#idx .mainContents .topBanner .news{
	border:1px solid #aaa;
	padding:5px 10px;
	}
#idx .mainContents .topBanner .news h4{
	font-weight: bold;
	padding: 5px;
	color: #444;
	text-indent: 1.8em;
	position: relative;
	background: #f4f8f3;
	}
#idx .mainContents .topBanner .news h4:before{
	content:"";
	position:absolute;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/icon/news.png) no-repeat center;
	background-size:contain;
	}
#idx .mainContents .topBanner .news ul{
	overflow-y:scroll;
	height:6em;
	padding:0 15px;
	}
#idx .mainContents .topBanner .news ul li{
	margin:5px 0;
	border-bottom:1px dotted #ccc;
	}
#idx .mainContents .topBanner .news ul li a{
	text-decoration:none;
	font-size:14px;
	}
#idx .mainContents .CIList li:nth-of-type(-n + 4){
	margin-bottom:40px;
	}
#idx .mainContents .CIList li a:hover{
	opacity:.8;
	}
#idx .mainContents .CIList ul li img{
	width:100%;
	}
#idx .mainContents .CIList ul li span.itemName{
	display:inline-block;
	justify-content:center;
	align-items:center;
	font-size:14px;
	height:3em;
	text-decoration:underline;
	}
#idx .mainContents .CIList ul li span.Price{
	font-size:15px;
	}
#idx .mainContents .CIList ul li form{
	display:none;
	}
#idx .mainContents .CIList ul li form button{
	background:#f90;
	border:1px solid #f60;
	border-radius:5px;
	color:#fff;
	width:140px;
	padding:2px;
	box-sizing:border-box;
	font-size:14px;
	}
#idx .subContents section.PickUp{
	display:flex;
	justify-content:space-between;
	box-sizing:border-box;
	background:#fff;
	padding:10px 20px;
	display:none;
	}
#idx .subContents section.PickUp a{
	width:23%;
	margin-right:2.6%;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	}
#idx .subContents section.PickUp a:nth-last-of-type(1){
	margin:0;
	}
#idx .subContents section.PickUp a span{
	font-size:11px;
	}
#idx .subContents section.PickUp a img{
	width:100%;
	box-sizing:border-box;
	border:1px solid #ddd;
	}
/******index.php******/
/******regist/auth.php*****/
#Auth .mainContents section{
	width:70%;
	margin:0 auto;
	}
#Auth .mainContents h1{
	font-size: 25px;
	background: #f9fcf7;
	background: -moz-linear-gradient(top, #f9fcf7 0%, #eef4ed 100%);
	background: -webkit-linear-gradient(top, #f9fcf7 0%,#eef4ed 100%);
	background: linear-gradient(to bottom, #f9fcf7 0%,#eef4ed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#eef4ed',GradientType=0 );
	border: 2px solid #ddd;
	padding: 10px 10px;
	padding-left:30px;
	margin-bottom: 20px;
	color:#444;
	position:relative;
	}
#Auth .mainContents .text p{
	background:rgba(0,153,51,.1);
	border:1px solid #093;
	color:#093;
	font-weight:bold;
	text-shadow:3px 3px #fff;
	padding:30px 0;
	text-align:center;
	}

#Auth .mainContents a{
	text-decoration:none;
	display:block;
	width:300px;
	margin:0 auto;
	}
#Auth .mainContents a:hover{
	opacity:.8;
	}
#Auth .mainContents button.topBtn{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
	background: rgb(255,175,75); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
	cursor:pointer;
	width:300px;
    display: block;
    color: #fff;
    height: 60px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    border: 2px solid #f60;
	box-shadow: 0 5px #f60;
	margin:20px auto;
	position:relative;
	}
#Auth .mainContents button.topBtn:after{
	content:"";
	position:absolute;
	display:block;
	width:10px;
	height:10px;
	border:2px solid #fff;
	border-left:0;
	border-bottom:0;
	transform:rotate(45deg);
	right:17px;
	top:calc((100% - 12px)/2);
	}

/******regist/auth.php*****/
/******accounts/login.php*****/
#Login .mainContents section:nth-of-type(1){
	width:52%;
	}
#Login .mainContents section:nth-of-type(2){
	width:48%;
	box-sizing:border-box;
	border-left:1px solid #ddd;
	}
#Login .mainContents form .formtbls{
	width:80%;
	margin:0 auto;
	background:#fafafa;
	padding:20px;
	box-sizing:border-box;
	}
#Login .mainContents h3{
	text-align:center;
	}
#Login .mainContents form h3{
	font-size: 20px;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	border: 1px solid #aaa;
	background: #eee;
	border-bottom: 3px solid #aaa;
	color: #777;
	padding: 7px 0;
	box-sizing: border-box;
	text-shadow: 1px 1px 0 #fff;
	font-weight: bold;
	}
#Login .mainContents form label:nth-of-type(1){
	display:flex;
	justify-content:center;
	margin:40px 0 20px 0;
	}
#Login .mainContents form label:nth-of-type(2){
	display:flex;
	justify-content:center;
	margin:20px 0 30px;
	}
#Login .mainContents form input{
	display:block;
	padding:5px;
	box-sizing:border-box;
	width:70%;
	border:1px solid #ddd;
	border-radius:5px;
	}
#Login .mainContents form .loginBtn{
	width: 200px;
	height: 40px;
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
	cursor: pointer;
	background: #ffc14f;
	background: -moz-linear-gradient(top, #ffc14f 0%, #febf04 100%);
	background: -webkit-linear-gradient(top, #ffc14f 0%,#febf04 100%);
	background: linear-gradient(to bottom, #ffc14f 0%,#febf04 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc14f', endColorstr='#febf04',GradientType=0 );
	border: 1px solid #f80;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 0 1px #777;
	}
#Login .mainContents form .loginBtn:hover{
	opacity:.8;
	}
#Login .mainContents .forgot{
	display:flex;
	justify-content:center;
	}
#Login .mainContents .forgot a{
	display:block;
	font-size:13px;
	position:relative;
	padding-left:25px;
	font-weight:bold;
	margin:10px 0 0 0;
	color:rgb(223, 86, 86);
	}
#Login .mainContents .forgot a:hover{
	opacity:.8;
	}
#Login .mainContents .forgot a:before{
	content:"";
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	background:url(../images/icon/question.png) no-repeat center;
	background-size:contain;
	left:0;
	top:0;
	}
#Login section .NewRegist h3{
	width: 70%;
	margin: 0 auto;
	border: 1px solid #aaa;
	background: #eee;
	border-bottom: 3px solid #aaa;
	color: #777;
	padding: 7px 0;
	box-sizing: border-box;
	text-shadow: 1px 1px 0 #fff;
	font-weight: bold;
	}
#Login section .NewRegist h3:nth-of-type(2){
	margin-top:60px;
	}
#Login section .NewRegist .toRegist a{
	text-decoration:none;
	width: 250px;
	height: 50px;
	background: rgb(255,175,75);
	background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%);
	background: linear-gradient(to bottom, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 );
	cursor: pointer;
	display: flex;
	justify-content:center;
	align-items:center;
	color: #fff;
	border: 2px solid #f60;
	box-shadow: 0 5px #f60;
	font-size: 18px;
	font-weight: bold;
	border-radius: 5px;
	margin: 20px auto;
	position: relative;
	}
#Login section .NewRegist .toRegist a:hover{
	opacity:.8;
	}
#Login section .NewRegist .toRegist .description{
	width:70%;
	margin:0 auto;
	font-size:13px;
	padding:5px 3%;
	box-sizing:border-box;
	background:#ffc;
	border:1px solid #ddd;
	box-shadow:0 2px #ddd;
	color:#444;
	border-radius:5px;
	}
#Login section .NewRegist .toOnline{
	width:70%;
	margin:0 auto;
	}
#Login section .NewRegist .toOnline a{
	margin:20px auto 10px;
	display:flex;
	justify-content:center;
	}
#Login section .NewRegist .toOnline a img{
	border:1px solid #ddd;
	width:80%;
	margin:0 auto;
	}
#Login section .NewRegist .toOnline a:hover{
	opacity:.8;
	}
#Login section .NewRegist .toOnline .description{
	margin:0 auto;
	font-size:13px;
	padding:5px 3%;
	box-sizing:border-box;
	background:#ffc;
	border:1px solid #ddd;
	box-shadow:0 2px #ddd;
	color:#444;
	border-radius:5px;
	}
#Login .errMsg{
	display: block;
	text-align: center;
	color: #c33;
	font-weight: bold;
	font-size: 14px;
	}
/******accounts/login.php*****/
/******accounts/login_check.php*******/
#LoginCheck .mainContents section:nth-of-type(1){
	width:52%;
	float:left;
	}
#LoginCheck .mainContents section:nth-of-type(2){
	width:48%;
	float:right;
	box-sizing:border-box;
	border-left:1px solid #ddd;
	}
#LoginCheck .mainContents form .formtbls{
	width:80%;
	margin:0 auto;
	background:#fafafa;
	padding:20px;
	box-sizing:border-box;
	}
#LoginCheck .mainContents h3{
	text-align:center;
	}
#LoginCheck .mainContents form h3{
	font-size: 20px;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	border: 1px solid #aaa;
	background: #eee;
	border-bottom: 3px solid #aaa;
	color: #777;
	padding: 7px 0;
	box-sizing: border-box;
	text-shadow: 1px 1px 0 #fff;
	font-weight: bold;
	}
#LoginCheck .mainContents form label:nth-of-type(1){
	display:flex;
	justify-content:center;
	margin:40px 0 20px 0;
	}
#LoginCheck .mainContents form label:nth-of-type(2){
	display:flex;
	justify-content:center;
	margin:20px 0;
	}
#LoginCheck .mainContents form input{
	display:block;
	padding:5px;
	box-sizing:border-box;
	width:70%;
	border:1px solid #ddd;
	border-radius:5px;
	}
#LoginCheck .mainContents form span.alertb{
	display:block;
	text-align:center;
	font-weight:bold;
	color:#f33;
	margin-bottom:20px;
	}
#LoginCheck .mainContents form .loginBtn{
	width: 200px;
	height: 40px;
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
	cursor: pointer;
	background: #ffc14f;
	background: -moz-linear-gradient(top, #ffc14f 0%, #febf04 100%);
	background: -webkit-linear-gradient(top, #ffc14f 0%,#febf04 100%);
	background: linear-gradient(to bottom, #ffc14f 0%,#febf04 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc14f', endColorstr='#febf04',GradientType=0 );
	border: 1px solid #f80;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 0 1px #777;
	}
#LoginCheck .mainContents form .loginBtn:hover{
	opacity:.8;
	}
#LoginCheck .mainContents .forgot{
	display:flex;
	justify-content:center;
	}
#LoginCheck .mainContents .forgot a{
	display:block;
	font-size:13px;
	position:relative;
	padding-left:25px;
	font-weight:bold;
	margin:10px 0 0 0;
	color:rgb(223, 86, 86);
	}
#LoginCheck .mainContents .forgot a:hover{
	opacity:.8;
	}
#LoginCheck .mainContents .forgot a:before{
	content:"";
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	background:url(../images/icon/question.png) no-repeat center;
	background-size:contain;
	left:0;
	top:0;
	}
#LoginCheck section .NewRegist h3{
	width: 70%;
	margin: 0 auto;
	border: 1px solid #aaa;
	background: #eee;
	border-bottom: 3px solid #aaa;
	color: #777;
	padding: 7px 0;
	box-sizing: border-box;
	text-shadow: 1px 1px 0 #fff;
	font-weight: bold;
	}
#LoginCheck section .NewRegist h3:nth-of-type(2){
	margin-top:60px;
	}
#LoginCheck section .NewRegist .toRegist a{
	text-decoration:none;
	width: 250px;
	height: 50px;
	background: rgb(255,175,75);
	background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%);
	background: linear-gradient(to bottom, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 );
	cursor: pointer;
	display: flex;
	justify-content:center;
	align-items:center;
	color: #fff;
	border: 2px solid #f60;
	box-shadow: 0 5px #f60;
	font-size: 18px;
	font-weight: bold;
	border-radius: 5px;
	margin: 20px auto;
	position: relative;
	}
#LoginCheck section .NewRegist .toRegist a:hover{
	opacity:.8;
	}
#LoginCheck section .NewRegist .toRegist .description{
	width:70%;
	margin:0 auto;
	font-size:13px;
	padding:5px 3%;
	box-sizing:border-box;
	background:#ffc;
	border:1px solid #ddd;
	box-shadow:0 2px #ddd;
	color:#444;
	border-radius:5px;
	}
#LoginCheck section .NewRegist .toOnline{
	}
#LoginCheck section .NewRegist .toOnline a{
	margin:20px auto 10px;
	display:flex;
	justify-content:center;
	}
#LoginCheck section .NewRegist .toOnline a img{
	border:1px solid #ddd;
	}
#LoginCheck section .NewRegist .toOnline a:hover{
	opacity:.8;
	}
#LoginCheck section .NewRegist .toOnline .description{
	width:70%;
	margin:0 auto;
	font-size:13px;
	padding:5px 3%;
	box-sizing:border-box;
	background:#ffc;
	border:1px solid #ddd;
	box-shadow:0 2px #ddd;
	color:#444;
	border-radius:5px;
	}
/******accounts/login_check.php*****/

/******accounts/forgot.php****/

#Forgot .mainContents section form{
	box-sizing:border-box;
	}
#Forgot .mainContents section figure.sendmail{
	width:50%;
	margin:20px auto 20px;
	}
#Forgot .mainContents section figure.sendmail img{
	width:100%;
	}
#Forgot .mainContents section .description {
	padding:10px 0;
	background:#ffc;
	}
#Forgot .mainContents section .description p{
	font-size:15px;
	text-align:center;
	}
#Forgot .mainContents section.resend .description{
	background:none;
	}
#Forgot .mainContents section.resend .description p{
	font-size:20px;
	color:#444;
	}
#Forgot .mainContents section form label{
	display:flex;
	justify-content:center;
	align-items:center;
	margin:30px 0 10px;
	}
#Forgot .mainContents section form label input{
	padding:5px;
	width:400px;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-radius:5px;
	}
#Forgot .mainContents section form span.alertb{
	text-align:center;
	display:block;
	font-weight:bold;
	color:#f33;
	margin:10px 0 20px;
	}
#Forgot .mainContents section form .submitBtn{
	width: 200px;
	height: 40px;
	font-size: 19px;
	cursor: pointer;
	display:flex;
	justify-content:center;
	margin:0 auto;
	}
#Forgot .mainContents section.resend a.toTop{
	display:block;
	width:300px;
	margin:20px auto;
	}
#Forgot .mainContents section.resend a.toTop button{
	width:100%;
	height:50px;
	cursor:pointer;
	}
#Forgot .mainContents section.resend a.toTop:hover{
	opacity:.8;
	}
#Forgot .mainContents section .attention{
	margin:30px 0 30px;
	}
#Forgot .mainContents section .attention h3{
	font-weight:bold;
	font-size:18px;
	background:url(../images/icon/attention_g.png) no-repeat left 4px;
	background-size:20px;
	padding-left:25px;
	}
#Forgot .mainContents section .attention ul li{
	font-size:14px;
	margin:10px 0 5px 20px;
	text-indent:-1em;
	}
#Forgot .mainContents section .attention ul li:before{
	content:"※";
	}
/******accounts/forgot.php****/

/******accounts/maypage/receipt/********/
#Receipt section.receiptinfomation h2{
	font-size:25px;
	}
#Receipt section.receiptinfomation{
	width:80%;
	margin:0 auto;
	}
#Receipt section.receiptinfomation table{
	border-collapse:collapse;
	border:1px solid #ddd;
	width:100%;
	margin:20px auto 30px;
	}
#Receipt section.receiptinfomation table th{
	border:1px solid #ddd;
	padding:10px;
	text-align:center;
	width:30%;
	background:#f4f8f3;
	}
#Receipt section.receiptinfomation table td{
	border:1px solid #ddd;
	padding:10px;
	}
#Receipt section.receiptinfomation table td input:not([type="radio"]){
	height:35px;
	padding:5px;
	box-sizing:border-box;
	border:1px solid #ddd;
	}
#Receipt section.receiptinfomation .formbot{
	display:flex;
	justify-content:space-between;
	margin:0 0 40px 0;
	justify-content:center;
	}
#Receipt section.receiptinfomation .btn{
	width: 150px;
	height: 45px;
	border-radius: 5px;
	border: 1px solid #aaa;
	background: #eee;
	cursor:pointer;
	}
/******accounts/maypage/receipt/********/


/******cargo/basket_list.php*****/

/******cargo/basket_list.php*****/
/******cargo/order/order.php*****/
#MemberOrder .mainContents section{
	width:90%;
	margin:0 auto;
	}
#MemberOrder section div.wrap1{
	display:flex;
	justify-content:space-between;
	}
#MemberOrder section div.wrap1 > div{
	width:47%;
	}
#MemberOrder section div.wrap1 table{
	border-collapse:collapse;
	border:1px solid #ddd;
	width:90%;
	}
#MemberOrder section div.wrap1 table th{
	background: #f4f8f3;
	border: 1px solid #ddd;
	text-align: right;
	padding: 5px 10px;
	box-sizing: border-box;
	width: 35%;
	}
#MemberOrder section div.wrap1 table td{
	border: 1px solid #ddd;
	padding: 5px 10px;
	box-sizing: border-box;
	}
#MemberOrder section div h2{
	margin-bottom:20px;
	color:#444;
	}
#MemberOrder section div.User h2{
	font-size:25px;
	padding:15px;
	padding-left:50px;
	box-sizing:border-box;
	background:url(../images/icon/account.png) no-repeat left center;
	background-size:40px;
	}
#MemberOrder section div.Payment h2{
	font-size:25px;
	padding:15px;
	padding-left:50px;
	box-sizing:border-box;
	background:url(../images/icon/payment.png) no-repeat left center;
	background-size:40px;
	}
#MemberOrder section div.Payment > div{
	border:1px solid #ddd;
	padding:15px;
	box-sizing:border-box;
	}
#MemberOrder section div.Payment select{
	display:block;
	padding: 5px 20px 5px 5px;
	cursor: pointer;
	}
#MemberOrder section div.Payment .pay_way_keep{
	font-size:14px;
	display:block;
	margin:5px 0 ;
	}
#MemberOrder section div.Payment .attention{
	font-size:12px;
	}
#MemberOrder section div.delivery h2{
	font-size:25px;
	padding:15px;
	padding-left:50px;
	box-sizing:border-box;
	background:url(../images/icon/truck.png) no-repeat left center;
	background-size:40px;
	}
#MemberOrder section div.delivery ul{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	}
#MemberOrder section div.delivery ul li{
	width:27%;
	margin-right:9.5%;
	box-sizing:border-box;
	border:1px solid #ddd;
	margin-bottom:20px;
	height:200px;
	cursor:pointer;
	font-size:18px;
	position:relative;
	}
#MemberOrder section div.delivery ul li:nth-of-type(3n){
	margin-right:0;
	}
#MemberOrder section div.delivery ul li:hover{
	background:#ffe;
	}
#MemberOrder section div.delivery ul li .devlieryName{
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
	background: #f4f8f3;
	font-size: 14px;
	padding: 2px 3px;
	}
#MemberOrder section div.delivery ul li .devlieryName label{
	width:18px;
	height:18px;
	background:#fff;
	border:2px solid #666;
	position:relative;
	display:block;
	cursor:pointer;
	}
#MemberOrder section div.delivery ul li.checked{
	background:#ffe;
	}
#MemberOrder section div.delivery ul li.checked .devlieryName label:before{
	content:"";
	display:block;
	width:5px;
	height:10px;
	border:2px solid #000;
	border-left:0;
	border-top:0;
	position:absolute;
	transform:rotate(45deg);
	left: calc((100% - 6px)/2);
	top: calc((100% - 17px)/2);
	}
#MemberOrder section div.delivery ul li .devlieryName label input[type="radio"]{
	-webkit-appearance: none;
	-moz-appearance:none;
	height:0;
	width:0;
	}
#MemberOrder section div.delivery ul li .deliveryAdr{
	padding:10px 20px;
	font-size:15.4px;
	}
#MemberOrder section div.delivery ul li div span{
	display:block;
	}
#MemberOrder section div.delivery ul li div.deliveryListDel{
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	}
#MemberOrder section div.delivery ul li div.deliveryListDel a{
	font-size:13px;
	text-decoration:none;
	background:url(../images/icon/remove.png) no-repeat left center;
	background-size:14px;
	padding-left:15px;
	}
#MemberOrder section div.delivery ul li div.deliveryListDel a:hover{
	color:#f60;
	}
#MemberOrder section div.delivery ul li.newDelivery{
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	-webkit-justify-content:center;
	align-items:center;
	position:relative;
	background:rgba(100,100,100,.1);
	}
#MemberOrder section div.delivery ul li.newDelivery:hover{
	opacity:.8;
	}
#MemberOrder section div.delivery ul li.newDelivery:after{
	content: "＋";
	position: absolute;
	color: #444;
	font-size: 100px;
	width: 100%;
	height: 100%;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	-webkit-justify-content:center;
	align-items: center;
	left:0;
	top:0;
	opacity:.5;
	}
#MemberOrder section div.delivery ul li.newDelivery div{
	position:absolute;
	z-index:1;
	font-size:20px;
	font-weight:bold;
	color:#444;
	filter:drop-shadow(2px 2px 2px #fff);
	display:block;
	width:100%;
	text-align:center;
	left:0;
	top:calc((100% - 1.5em)/2);
	}
#MemberOrder section div.delivery ul li:nth-of-type(n + 7){
	display:none;
	}
#MemberOrder section div.delivery div.slip_op{
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #aaa;
	display: flex;
	justify-content: center;
	background: #fafafa;
	}
#MemberOrder section div.delivery div.slip_op label{
	cursor: pointer;
	font-size: 18px;
	padding: 5px 0;
	font-weight: bold;
	}
#MemberOrder section div.delivery div.slip_op label input{
	margin-right: 10px;
	cursor: pointer;
	}

#MemberOrder section div.order_items h2{
	font-size:25px;
	padding:15px;
	padding-left:50px;
	box-sizing:border-box;
	background:url(../images/icon/cart.png) no-repeat left center;
	background-size:40px;
	}
#MemberOrder section div.order_items table{
	border-collapse:collapse;
	border:1px solid #ddd;
	}
#MemberOrder section div.order_items table th,
#MemberOrder section div.order_items table td{
	border:1px solid #ddd;
	}
#MemberOrder section div.order_items table th{
	background:#f4f8f3;
	padding:5px;
	font-weight:bold;
	font-size:15px;
	}
#MemberOrder section div.order_items table tr:nth-of-type(1) th:nth-of-type(1){
	width:80%;
	}
#MemberOrder section div.order_items table td.itemImage{
	width:9%;
	}
#MemberOrder section div.order_items table td.itemImage a{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:5%;
	}
#MemberOrder section div.order_items table td.itemdetailed div{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:95%;
	margin:0 auto;
	}
#MemberOrder section div.order_items table td.itemdetailed div h4{
	font-size:16px;
	font-weight:bold;
	color:#444;
	}
#MemberOrder section div.order_items table td.itemdetailed span.itemName{
	width:100%;
	font-size:18px;
	}
#MemberOrder section div.order_items table td.itemdetailed span.itemCode{
	width:100%;
	font-size:13px;
	}
#MemberOrder section div.order_items table td.itemdetailed span.JANCode{
	font-size:13px;
	}
#MemberOrder section div.order_items table td.itemdetailed span.Price{
	color:#444;
	display:flex;
	align-items:center;
	}
#MemberOrder section div.order_items table td.itemdetailed span.Price small{
	font-size:11px;
	margin-left:2px;
	}
#MemberOrder section div.order_items table td.Lot{
	text-align:center;
	}
#MemberOrder section div.order_items table td.itemTotalPrice{
	padding:0 10px;
	}
#MemberOrder section div.order_items table td.itemTotalPrice span.Price{
	font-weight:bold;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	color:#f33;
	}
#MemberOrder section div.order_items table td.itemTotalPrice span.Price small{
	margin-left:2px;
	font-size:11px;
	}

#MemberOrder section div.TotalDisplay{
	display:flex;
	justify-content:space-between;
	margin:20px 0;
	border:1px solid #ddd;
	background:#ffd;
	border:1px solid #fcc;
	padding:20px;
	box-sizing:border-box;
	width:50%;
	float:right;
	height:126px;
	}
#MemberOrder section div.TotalDisplay .leftContents{
	border-right: 1px solid #faa;
	padding-right: 20px;
	width: 200px;
	}
#MemberOrder section div.TotalDisplay p{
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:15px;
	}
#MemberOrder section div.TotalDisplay p span{
	font-size:18px;
	}
#MemberOrder section div.TotalDisplay p.itemTotal span{
	font-weight:bold;
	}
#MemberOrder section div.TotalDisplay p.ship_fee span{
	font-weight:bold;
	}
#MemberOrder section div.TotalDisplay p.pay_fee span{
	font-weight:bold;
	}
#MemberOrder section div.TotalDisplay p span{
	display:flex;
	align-items:center;
	}
#MemberOrder section div.TotalDisplay p span small{
	font-size:11px;
	margin-left:2px;
	}
#MemberOrder section div.TotalDisplay .rightContents{
	display: flex;
	align-items:flex-end;
	justify-content: space-between;
	width: 50%;
	}
#MemberOrder section div.TotalDisplay .rightContents p{
	font-weight:bold;
	}
#MemberOrder section div.TotalDisplay .rightContents span.Price{
	display:flex;
	align-items:center;
	font-size:25px;
	font-weight:bold;
	color:#f33;
	}
#MemberOrder section div.TotalDisplay .rightContents span.Price small{
	margin-left:2px;
	font-size:13px;
	}

#MemberOrder section dl.fukidashi{
	display: flex;
	justify-content: space-between;
	width: 47%;
	float:left;
	margin: 20px 0 0;
	height:126px;
	box-sizing:border-box;
	}
#MemberOrder section dl.fukidashi dt{
	justify-content: center;
	display: flex;
	background: url(../../images/icon/fukidashi.png) no-repeat center 40px;
	background-size: 60px;
	background-color: #f4f8f3;
	font-size: 15px;
	padding: 10px 0;
	width:30%;
	border:1px solid #ddd;
	border-right:0;
	}
#MemberOrder section dl.fukidashi dd{
	border:1px solid #ddd;
	width:80%;
	padding:15px 20px;
	}
#MemberOrder section dl.fukidashi dd textarea{
	height:92px;
	width:100%;
	}
#MemberOrder section div.BtnGrp{
	clear:both;
	display:flex;
	justify-content:center;
	margin:20px 0 30px;
	}
#MemberOrder section div.BtnGrp button.dummyBtn{
	background: url(../images/icon/alert!.png) no-repeat 80px center #f33;
    background-size: auto auto;
	background-size: 30px;
	color: #fff;
	border-radius: 5px;
	border: 3px double #fff;
	padding: 10px 30px 10px 50px;
	font-weight:bold;
	width: 500px;
	height: 70px;
	position: relative;
	line-height: 1.6em;
	}
#MemberOrder section div.BtnGrp button.dummyBtn:after{
	content:"クリックして移動する";
	display:block;
	font-size:13px;
	}
#MemberOrder section div.BtnGrp button.cartNextBtn{
	width: 300px;
	height: 50px;
	background: rgb(255,175,75);
	background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%);
	background: linear-gradient(to bottom, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 );
	cursor: pointer;
	display: block;
	color: #fff;
	border: 0;
	height: 50px;
	font-size: 1.3vw;
	font-weight: bold;
	border-radius: 5px;
	margin: 10px 0 0 0;
	position: relative;
	border: 2px solid #f60;
	box-shadow: 0 4px #f60;
	display:none;
	}

#MemberOrder div.backBasket a{
	display: inline-block;
	position: relative;
	font-size: 15px;
	padding-left: 15px;
	color:#4c8dd9;
	}
#MemberOrder div.backBasket a:before{
	content:"";
	width:8px;
	height:8px;
	display:block;
	position:absolute;
	border:2px solid #4c8dd9;
	transform:rotate(45deg);
	border-top:0;
	border-right:0;
	left:0;
	top:calc((100% - 10px)/2);
	}
#MemberOrder footer{
	display:none;
	}

/***新しい住所登録のウィジェット***/
#MemberOrder .newAdrForm{
	position: fixed;
	z-index: 9999;
	background: rgba(0,0,0,.1);
	height: 100%;
	width: 100%;
	display:none;
	}
#MemberOrder .newAdrForm div.closeBtn{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	}
#MemberOrder .newAdrForm .FormWrap{
	width:70%;
	height:460px;
	left:15%;
	top:calc((100% - 530px)/2);
	background:#fff;
	position:absolute;
	z-index:2;
	border-radius:7px;
	box-shadow: 0 2px 3px #666;
	}
#MemberOrder .newAdrForm .FormWrap .closeBtn{
	cursor:pointer;
	display:flex;
	justify-content:flex-end;
	margin:5px 10px 0 0;
	}
#MemberOrder .newAdrForm .FContents{
	width:80%;
	margin:0 auto;
	}
#MemberOrder .newAdrForm .FContents h4{
	font-size:18px;
	margin-bottom:5px;
	}
#MemberOrder .newAdrForm .FContents h4.error:after{
	content:"入力が完了していません。";
	color:#f33;
	font-weight:bold;
	font-size:15px;
	display:block;
	}
#MemberOrder .newAdrForm .FContents table{
	border-collapse:collapse;
	width:100%;
	}
#MemberOrder .newAdrForm .FContents table th{
	width:25%;
	background: #f4f8f3;
	border: 1px solid #ddd;
	text-align: right;
	padding: 5px 10px;
	box-sizing: border-box;
	box-sizing:border-box;
	}
#MemberOrder .newAdrForm .FContents table td{
	border: 1px solid #ddd;
	padding: 5px 10px;
	box-sizing: border-box;
	}
#MemberOrder .newAdrForm .FContents table td label{
	display:block;
	margin:10px 0;
	}
#MemberOrder .newAdrForm .FContents table td input[name="name"],
#MemberOrder .newAdrForm .FContents table td input[name="kana"]{
	width:250px;
	box-sizing:border-box;
	border:1px solid #aaa;
	}
#MemberOrder .newAdrForm .FContents table td input[name="tel[]"]:nth-of-type(1),
#MemberOrder .newAdrForm .FContents table td input[name="zip1"]{
	width:70px;
	box-sizing:border-box;
	border:1px solid #aaa;
	}
#MemberOrder .newAdrForm .FContents table td input[name="tel[]"]:not(:nth-of-type(1)),
#MemberOrder .newAdrForm .FContents table td input[name="zip2"]{
	width:90px;
	box-sizing:border-box;
	border:1px solid #aaa;
	}
#MemberOrder .newAdrForm .FContents table td select[name="area"]{
	border:1px solid #aaa;
	padding-right:20px;
	}
#MemberOrder .newAdrForm .FContents table td input[name="address1"],
#MemberOrder .newAdrForm .FContents table td input[name="address2"]{
	width:290px;
	box-sizing:border-box;
	border:1px solid #aaa;
	}
#MemberOrder .newAdrForm .FormWrap button.sbmtBtn{
	cursor:pointer;
	display:block;
	border:1px solid #ddd;
	background:#f90;
	color:#fff;
	font-weight:bold;
	width:200px;
	height:40px;
	border-radius:5px;
	margin:20px auto 0;
	border:1px solid #f60;
	letter-spacing:2em;
	text-indent:2em;
	filter: drop-shadow(0 3px 0 #f60);
	}
/******cargo/order/order.php*****/
/******cargo/order/regist/.php*****/
#OrderRegist h2{
	font-size:25px;
	}
#OrderRegist footer{
	display:none;
	}
#OrderRegist .commonbox{
	width:80%;
	margin:0 auto;
	}
#OrderRegist .commonbox table{
	border-collapse:collapse;
	border:1px solid #ddd;
	width:90%;
	margin:20px auto 30px;
	}
#OrderRegist .commonbox table th{
	border:1px solid #ddd;
	padding:10px;
	text-align:right;
	width:30%;
	background:#f4f8f3;
	}
#OrderRegist .commonbox table td{
	border:1px solid #ddd;
	padding:10px;
	}
#OrderRegist .commonbox table td input:not([type="radio"]){
	height:35px;
	padding:5px;
	box-sizing:border-box;
	border:1px solid #ddd;
	}
#OrderRegist .commonbox table td input[name="zip1"],
#OrderRegist .commonbox table td input[name="tel01"]{
	width:5em;
	}
#OrderRegist .commonbox table td input[name="zip2"],
#OrderRegist .commonbox table td input[name="tel02"],
#OrderRegist .commonbox table td input[name="tel03"]{
	width:6em;
	}
#OrderRegist .commonbox table td select{
	padding:0 10px 0 0;
	height:35px;
	border:1px solid #ddd;
	}
#OrderRegist .commonbox .formbot{
	display:flex;
	justify-content:space-between;
	margin:0 0 40px 0;
	}
body#OrderRegist.idx .commonbox .formbot{
	justify-content:center;
	}
#OrderRegist .commonbox .formbot .dummyBtn{
	width: 350px;
	font-size: 16px;
	background: url(../images/icon/alert!.png) no-repeat 15px center #f33;
	background-size: 30px;
	border-radius: 5px;
	border: 2px solid #fff;
	box-shadow: 0 1px 3px #666;
	font-weight: bold;
	color: #fff;
	padding: 10px 0 10px 35px;
	position: relative;
	cursor: pointer;
	}
#OrderRegist .commonbox .formbot .cartPrevBtn{
	border: 1px solid #555;
	color:#555;
	border-radius: 5px;
	width: 200px;
	height: 50px;
	position:relative;
	background:#efefef;
	box-shadow:0 3px #555;
	}
#OrderRegist .commonbox .formbot .cartNextBtn{
	width: 300px;
	height: 50px;
	background: rgb(255,175,75);
	background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%);
	background: linear-gradient(to bottom, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 );
	cursor: pointer;
	display: block;
	color: #fff;
	border: 0;
	height: 50px;
	font-size: 1.3vw;
	font-weight: bold;
	border-radius: 5px;
	margin: 10px 0 0 0;
	position: relative;
	border: 2px solid #f60;
	box-shadow: 0 4px #f60;
	}

#OrderRegist footer{
	display:none;
	}
/******cargo/order/regist/.php*****/
/****cargo/order/order_confrim.php******/
#MemberConfirm .commonbox h1{
	font-size:25px;
	background: url(../../images/icon/account.png) no-repeat left center;
	padding: 5px 0 5px 45px;
	background-size: 30px;
	}
#MemberConfirm .commonbox h1 span{
	font-size:20px;
	}
#MemberConfirm .commonbox p.greeting{
	margin: 10px 0;
	}
#MemberConfirm footer{
	display:none;
	}
#MemberConfirm #basketbox{
	overflow:hidden;
	display:flex;
	justify-content:space-between;
	}
#MemberConfirm #basketbox table{
	width:73%;
	border:1px solid #ddd;
	box-sizing:border-box;
	border-collapse:collapse;
	}
#MemberConfirm #basketbox table th{
	background: #f4f8f3;
	padding: 5px;
	font-weight: bold;
	font-size: 15px;
	}
#MemberConfirm #basketbox table tr:nth-of-type(1) th:nth-of-type(1){
	width:80%;
	}
#MemberConfirm #basketbox table th,
#MemberConfirm #basketbox table td{
	border: 1px solid #ddd;
	}
#MemberConfirm #basketbox table td.itemImage{
	width:9%;
	}
#MemberConfirm #basketbox table td.itemImage figure{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5%;
	}
#MemberConfirm #basketbox table td.itemImage figure img{
	width:100%;
	}
#MemberConfirm #basketbox table td.itemdetailed div{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 95%;
	margin: 0 auto;
	}
#MemberConfirm #basketbox table td.itemdetailed div h4{
	font-size: 16px;
	font-weight: bold;
	color: #444;
	}
#MemberConfirm #basketbox table td.itemdetailed span.itemCode{
	width: 100%;
	font-size: 13px;
	}
#MemberConfirm #basketbox table td.itemdetailed span.JANCode{
	font-size: 13px;
	}
#MemberConfirm #basketbox table td.itemdetailed span.Price{
	color: #444;
	display: flex;
	align-items: center;
	}
#MemberConfirm #basketbox table td.itemdetailed span.Price small{
	font-size: 11px;
	margin-left: 2px;
	}
#MemberConfirm #basketbox table td.Lot{
	text-align:center;
	}
#MemberConfirm #basketbox table td.itemTotalPrice span.Price{
	font-weight: bold;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: #f33;
	}
#MemberConfirm #basketbox table td.itemTotalPrice{
	padding: 0 10px;
	}
#MemberConfirm #basketbox table td.itemTotalPrice span.Price small{
	margin-left: 2px;
	font-size: 11px;
	}
#MemberConfirm #basketbox div.priceTotal{
	width: 23%;
	background: #ffd;
	border: 1px solid #fcc;
	box-sizing:border-box;
	border-radius:5px;
	}

#MemberConfirm #basketbox div.priceTotal .inr{
	padding: 5%;
	}
#MemberConfirm #basketbox div.priceTotal .inr dl{
	margin: 0 auto;
    margin-bottom: 0px;
	overflow: hidden;
	width: 90%;
	display: flex;
	align-items: center;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 5px;
	justify-content:space-between;
	}
#MemberConfirm #basketbox div.priceTotal .inr dl dt{
	width:35%;
	box-sizing:border-box;
	display:flex;
	justify-content:flex-end;
	font-size:15px;
	}
#MemberConfirm #basketbox div.priceTotal .inr dl dd{
	font-size:15px;
	}
#MemberConfirm #basketbox div.priceTotal .inr dl dd small{
	font-size:11px;
	margin-left:2px;
	}
#MemberConfirm #basketbox div.priceTotal dl.total dt{
	font-weight:bold;
	font-size:16px;
	}
#MemberConfirm #basketbox div.priceTotal dl.total dd{
	font-weight:bold;
	color:#f33;
	font-size:18px;
	}
#MemberConfirm #basketbox div.priceTotal dl.pay_way dt{
	font-size:13px;
	font-weight:bold;
	}
#MemberConfirm #basketbox div.priceTotal dl.pay_way dd{
	font-size:13px;
	font-weight:bold;
	}
#MemberConfirm #basketbox div.priceTotal button.cartNextBtn{
	width: 100%;
	background: rgb(255,175,75);
	background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%);
	background: linear-gradient(to bottom, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 );
	cursor: pointer;
	width: 100%;
	display: block;
	color: #fff;
	border: 0;
	height: 50px;
	font-size: 1.3vw;
	font-weight: bold;
	border-radius: 5px;
	box-shadow: 0 0 6px #ddd;
	margin: 10px 0 0 0;
	position: relative;
	border: 2px solid #f60;
	box-shadow: 0 4px #f60;
	margin:20px auto;
	}
#MemberConfirm .cartNextBtn:after{
	content: "";
	display: block;
	border: 2px solid #fff;
	position: absolute;
	transform: rotate(45deg);
	border-left: 0;
	border-bottom: 0;
	right: 15px;
	top: calc((100% - 13px)/2);
	width: 10px;
	height: 10px;
	}
#MemberConfirm .backCartBtn{
	display: block;
	width: 80%;
	margin: 10px auto 0;
	background: #eee;
	border: 1px solid #555;
	border-radius: 5px;
	font-weight: bold;
	font-family: "meiryo";
	color: #555;
	padding: 2px 0;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	}
#MemberConfirm .backCartBtn:before{
	content: "";
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	border: 2px solid #444;
	border-top: 0;
	border-right: 0;
	left: 10px;
	top: calc((100% - 9px)/2);
	transform: rotate(45deg);
	}
#MemberConfirm #basketbox div.priceTotal .about_return{
	font-size:12px;
	}
#MemberConfirm div.user_deli_info{
	clear:both;
	}
#MemberConfirm .bottable{
	display:flex;
	justify-content:space-between;
	}
#MemberConfirm .bottable .cartNextBtn{
	background: rgb(255,175,75);
	background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%);
	background: linear-gradient(to bottom, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 );
	cursor: pointer;
	width: 300px;
	display: block;
	color: #fff;
	border: 0;
	height: 50px;
	font-size: 1.3vw;
	font-weight: bold;
	border-radius: 5px;
	box-shadow: 0 0 6px #ddd;
	margin: 10px 0 0 0;
	position: relative;
	border: 2px solid #f60;
	box-shadow: 0 4px #f60;
	margin: 20px auto;
	}
#MemberConfirm .bottable form:nth-of-type(1){
	display:flex;
	align-items:center;
	}	
#MemberConfirm .cartPrevBtn{
	width: 200px;
    height: 50px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    cursor: pointer;
    float: left;
    position: relative;
    border: 1px solid #888;
    border-radius: 5px;
    font-size: 16px;
    text-indent: 1em;
	background:#eee;
	}
#MemberConfirm .cartPrevBtn:before{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	border: 2px solid #333;
	border-right: 0;
	border-top: 0;
	left: 20px;
	top: calc((100% - 12px)/2);
	transform: rotate(45deg);
	}
#MemberConfirm .delivery_adr{
	display:flex;
	justify-content:space-between;
	}
#MemberConfirm .delivery_adr > div{
	width:48%;
	}
#MemberConfirm .delivery_adr h3{
	font-size:20px;
	background:url(../../images/icon/truck.png) no-repeat left center;
	background-size:30px;
	padding:7px 0 5px 40px;
	margin-bottom:10px;
	}
#MemberConfirm h3.pay_way{
	font-size:20px;
	background:url(../../images/icon/payment.png) no-repeat left center;
	background-size:30px;
	padding:7px 0 5px 40px;
	margin-bottom:10px;
	}
#MemberConfirm .delivery_adr div table{
	width:100%;
	border:1px solid #ddd;
	border-collapse:collapse;
	}
#MemberConfirm .delivery_adr div table th{
	background:#f4f8f3;
	border:1px solid #ddd;
	width:30%;
	text-align:right;
	padding:10px;
	box-sizing:border-box;
	}
#MemberConfirm .delivery_adr div table td{
	border:1px solid #ddd;
	padding:10px;
	box-sizing:border-box;
	white-space:pre;
	}
#MemberConfirm .delivery_adr > div:nth-of-type(2) .formtbl{
	margin-bottom:67px;
	}
#MemberConfirm div.totalPrice{
	display:flex;
	justify-content:space-between;
	padding:20px;
	background:#ffd;
	border:1px solid #fcc;
	box-sizing:border-box;
	}
#MemberConfirm div.l{
	width:45%;
	border-right:1px solid #fcc;
	padding-right:20px;
	box-sizing:border-box;
	}
#MemberConfirm div.l dt{
	font-size:15px;
	}
#MemberConfirm div.l dd{
	font-weight:bold;
	}
#MemberConfirm div.l dd small{
	font-size:11px;
	margin-left:2px;
	}
#MemberConfirm div.r{
	width:50%;
	font-weight:bold;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	flex-wrap:wrap;
	}
#MemberConfirm div.r p{
	font-size:12px;
	font-weight:bold;
	}
#MemberConfirm div.r dt{
	display:flex;
	align-items:flex-end;
	font-weight:bold;
	}
#MemberConfirm div.r dd{
	font-weight:bold;
	color:#f33;
	font-size:25px;
	}
#MemberConfirm div.r dd small{
	font-size:13px;
	margin-left:2px;
	}
#MemberConfirm div.totalPrice dl{
	display:flex;
	justify-content:space-between;
	width:100%;
	}
/****cargo/order/order_confrim.php******/
/****cargo/order/order_done.php******/
#MemberOrderDone h1{
	font-size: 25px;
	background: #f9fcf7;
	background: -moz-linear-gradient(top, #f9fcf7 0%, #eef4ed 100%);
	background: -webkit-linear-gradient(top, #f9fcf7 0%,#eef4ed 100%);
	background: linear-gradient(to bottom, #f9fcf7 0%,#eef4ed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#eef4ed',GradientType=0 );
	border: 2px solid #ddd;
	padding: 10px 30px;
	margin-bottom: 20px;
	}
#MemberOrderDone .altbox{
	padding:20px 30px;
	box-sizing:border-box;
	background:#fafafa;
	border-radius:5px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	border:1px solid #aaa;
	margin-bottom:40px;
	margin-top:20px;
	}
#MemberOrderDone .altbox .alertb{
	background: #093;
	color: #fff;
	text-align: center;
	padding: 4px;
	box-sizing: border-box;
	font-weight: bold;
	width:100%;
	margin:0 0 10px 0;
	}
#MemberOrderDone .altbox .nomail{
	width:20%;
	display:flex;
	justify-content:center;
	filter:drop-shadow(5px 0 5px #aaa);
	}
#MemberOrderDone .altbox .nomail_msg{
	width:75%;
	}
#MemberOrderDone .commonmain{
	padding:20px 40px;
	box-sizing:border-box;
	}
#MemberOrderDone .commonmain > a.backTop {
	width:300px;
	height:60px;
	display:block;
	margin:0 auto;
	}
#MemberOrderDone .commonmain > a.backTop button{
	width: 100%;
	height: 100%;
	background: #eee;
	border: 1px solid #aaa;
	border-radius: 5px;
	position: relative;
	}
#MemberOrderDone .commonmain > a.backTop button:before{
	content:"";
	display:block;
	position:absolute;
	left: 20px;
	top: calc((100% - 16px)/2);
	border:2px solid #777;
	width:10px;
	height:10px;
	transform:rotate(45deg);
	border-right:0;
	border-top:0;
	}
#MemberOrderDone footer{
	display:none;
	}
/****cargo/order/order_done.php******/

/******guide.php****/
#Guide .mainContents table{
	border-collapse:collapse;
	width:95%;
	margin:0 auto 20px;
	}
#Guide .mainContents table th{
	padding:5px;
	background:#f2f7f1;
	border:1px solid #ddd;
	box-sizing:border-box;
	
	}
#Guide .mainContents table td{
	padding:5px;
	border:1px solid #ddd;
	font-size:14px;
	}
/******guide.php****/
#Err .mainContents .bottable{
	width:100%;
	margin:20px 0 0;
	}
#Err .mainContents .bottable a{
	text-decoration:none;
	display:inline-flex;
}


.contact_panel {
	margin: 30px 0 0;
  }
  .contact_panel h3{
	font-size: 18px;
	margin-bottom: 30px;
	padding: 8px 15px;
	background: #f1f1f1;
	box-shadow: 2px 2px #aaa;
  }
  
  .contact_panel ul li{
	width:21%;
	margin-right:5%;
	margin-bottom:5%;
	border-radius:10px;
	background: #f9fcf7;
	background: -moz-linear-gradient(top, #f9fcf7 0%, #eef4ed 100%);
	background: -webkit-linear-gradient(top, #f9fcf7 0%,#eef4ed 100%);
	background: linear-gradient(to bottom, #f9fcf7 0%,#eef4ed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#eef4ed',GradientType=0 );
	border: 2px solid #ddd;
  }
  .contact_panel ul li:nth-of-type(4n){
	margin-right:0;
  }
  .contact_panel ul li:hover{
	opacity:.8;
  }
  .contact_panel ul li a {
	padding:20px;
	text-decoration:none;
	color:#555;
  }
  .contact_panel ul li a h5{
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	margin-bottom:10px;
  }
  .contact_panel ul li a figure{
	text-align:center;
	height:80px;
  }
  .contact_panel ul li a i{
	font-size:80px;
  }
  .contact_panel ul li a figure img{
	height:100%;
	width:auto;
	margin:0 auto;
  }
/******err****/