@charset "utf-8";

/************************************************
オリジナルスタイル
************************************************ */
a,
a:link {
	color: #298E4A;
	text-decoration: none;
}

a:visited {
	color: #298E4A;
	text-decoration: none;
}

a:hover {
	color: #298E4A;
	text-decoration: underline;
}

a:active {
	color: #3E3A39;
	text-decoration: underline;
}


.attention { color:red;}





div#windowcolumn {
	border-top:none !important;
}
.btn_area {
	margin:30px 0;
	text-align:center;
}
.btn_area input,
.btn_area li {
	display:inline-block;
}

.btn_area li:nth-child(3){
	width:100%;
	margin-top:30px;
}

h2.title { font-size:26px; color:#298E4A; margin-bottom:1em;}
h3 { background-color: #DDD !important; margin-bottom:1em !important; padding:5px 10px !important;}
h4 { background-color: #DDD !important; margin-bottom:1em !important; padding:2px 10px !important;font-weight:normal;}

.box60 {width:6em;}
.box90 {width:9em;}
.box120 {width:12em;}
.box300 {width:30em;}

.btn_confirm {
	min-width:200px;
	/*width:200px;*/
	text-align:center;
    padding: 12px 10px 10px;
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    background-color: #EA525E;
    text-align: center;
    letter-spacing: 2px;
    border-radius: 3px;
    position: relative;
	border:none;
	cursor:pointer;
	white-space:nowrap;
}
.btn_confirm:hover {	background-color: #E71546;}

.btn_positive {
	min-width:200px;
	/*width:200px;*/
	text-align:center;
    padding: 12px 10px 10px;
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    background-color: #298E4A;
    text-align: center;
    letter-spacing: 2px;
    border-radius: 3px;
    position: relative;
	border:none;
	cursor:pointer;
	white-space:nowrap;
}
.btn_positive:hover {	background-color: #017F40;}


.addbtn .btn_positive {background-color: #26888B;width: 200px;float: right; margin-bottom:30px;}
.addbtn .btn_positive:hover {	background-color: #1D696B;}


.btn_negative {
	min-width:200px;
	/*width:200px;*/
	text-align:center;
    padding: 12px 10px 10px;
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    background-color: #999999;
    text-align: center;
    letter-spacing: 2px;
    border-radius: 3px;
    position: relative;
	border:none;
	cursor:pointer;
	white-space:nowrap;
}

.btn_negative:hover {	background-color: #888888;}

.btn_confirm,
.btn_positive,
.btn_negative {    color: #fff !important; text-decoration:none !important;}

/*--------------------------------------------------

	#conts
	
--------------------------------------------------*/

/*
body.LC_Page_Error #conts,
body.LC_Page_SBIVT3G #conts,
body.LC_Page_Shopping_Confirm #conts,
body.LC_Page_Shopping_Payment #conts,
body.LC_Page_Shopping_Multiple #conts,
body.LC_Page_Shopping_Deliv #conts,
body.LC_Page_Cart #conts { float:none !important; margin:50px auto !important}
*/

#sideBar+#conts { float:right !important}
#conts { float:none !important; margin:50px auto !important}

#conts .comInner .photo img { max-width:260px;}
#conts .comInner .photoBox img { max-width:260px;}
/*--------------------------------------------------

	#login_area
	
--------------------------------------------------*/
#login_area {
	margin-bottom:10px;
}
#login_area h2 {
    border: none;
    color: #FFFFFF;
    background: #007F40 url('../img/common/icon_login.png') no-repeat 30px center;
    padding: 15px 0 8px 65px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    font-size: 17px;
    letter-spacing: 3px;
}

#login_area .inner {
	background:#DEE7D8;
	padding:20px;
    -webkit-border-bottom-left-radius: 5px;  
    -webkit-border-bottom-right-radius: 5px;  	
}
#login_area dd label,
#login_area dd span {
	font-size:12px;
	margin-top:2px;
	margin-bottom:7px;
	display:inline-block;
	width:168px;
}
#login_area dd.email {
	padding-left:30px;
	background: #007F40 url('../img/common/icon_user.png') no-repeat 2px center;
}
#login_area dd.password {
	padding-left:30px;
	background: #007F40 url('../img/common/icon_password.png') no-repeat 2px center;
}

#login_area dd.email input,
#login_area dd.password input {
    background: #FFFFFF;
    border: none;
    padding: 5px;
    width: 150px;
}

#login_area .btn_confirm {
    background: #EA545D url('../img/common/icon_loginbtn.png') no-repeat 30px center;
    padding: 7px 0 5px 15px;
    width: 100%;
    min-width: 100%;
}

#login_area .btn_confirm:hover {    background-color: #E71546 ;}
/*--------------------------------------------------

	#registinfo_area
	
--------------------------------------------------*/
#registinfo_area {	margin-bottom:25px;}
#registinfo_area a {
	color: #FFF;
    padding: 28px 30px 0 90px;
    height: 100px;
    display: block;
    background: url(../img/common/btn_regist.png) no-repeat left bottom;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 1.1rem;
}
#registinfo_area a:hover {
	text-decoration:none;
    background: url('../img/common/btn_regist_over.png') no-repeat left bottom;
}

/*--------------------------------------------------

	.disp_login
	
--------------------------------------------------*/
#gHeader .hInner { position:relative;}
.disp_login {
	border: solid 2px #EA545D;
    -webkit-border-radius: 5px;
    display: table;
    position: absolute;
    right: 160px;
    top: 8px;
    min-width: 309px;
}
.disp_login .user { display: table-cell; background:#FCE4DF; height:28px; vertical-align:bottom; padding:0 20px;white-space: nowrap; }
.disp_login .btn { display: table-cell; background-color: #EA545D;background-image:url('../img/common/icon_loginbtn.png') no-repeat 10px center; height:28px;vertical-align:bottom; padding:0 30px 0 50px;white-space: nowrap; }
.disp_login .btn a { color:#FFF;}
.disp_login .btn a:hover { color:#FFF; text-decoration:none;}

.disp_login .btn:hover { background-color: #E71546;}
/*--------------------------------------------------

	.link
	
--------------------------------------------------*/
.comInner .subBox .detail_link a {
	margin-top:10px;
    padding: 12px 5px 10px;
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    background-color: #26888B;
    text-align: center;
    letter-spacing: 2px;
    border-radius: 3px;
    position: relative;
    behavior: url(js/pie.htc);
}

.comInner .subBox .detail_link a:hover {    background-color: #1D696B;}

.comInner .subBox .price_link a {
	margin-top:10px;
    padding: 12px 5px 10px;
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    background-color: #298E4A;
    text-align: center;
    letter-spacing: 2px;
    border-radius: 3px;
    position: relative;
    behavior: url(js/pie.htc);
}
.comInner .subBox .price_link a:hover {    background-color: #017F40;}

.comInner .text {
	margin-top:10px;
	border:solid 3px #298E4A;
	padding:10px;
    -webkit-border-radius: 5px;  
}

/*--------------------------------------------------

	div#undercolumn_login
	
--------------------------------------------------*/
div#undercolumn_login .login_area .inputbox dl {
	width:70%;
	margin:auto;
}
div#undercolumn_login .login_area .inputbox dt {
	vertical-align:top;
	width:25%;
	display:inline-block;
}
div#undercolumn_login .login_area .inputbox dd {
	vertical-align:top;
	display:inline-block;
	width:70%;
}
div#undercolumn_login .login_area .inputbox dd input {
	width:100%;

}

div#undercolumn_login .login_area .inputbox .login_memory input {
	float:left;
	width:15px;
}

div#undercolumn_login .login_area dd {
	margin-bottom:20px;
}
/*--------------------------------------------------

	div#mynavi_area
	
--------------------------------------------------*/

div#mynavi_area div.point_announce {
	margin-bottom: 30px;
    padding: 10px;
    border: solid 1px #298E4A;
    background-color: #DAF5DB;
}
/*--------------------------------------------------

	div#address_area
	
--------------------------------------------------*/
#address_area .add_multiple {
    border: solid 1px #298E4A;
    background-color: #DAF5DB;
}

div#undercolumn_shopping .point_area .point_announce {
	border:none;}


/*--------------------------------------------------

	div#step
	
--------------------------------------------------*/
.flow_area p { text-indent:-9999px;  height:130px; }
.flow_area li { display:inline-block; vertical-align:top; width:24.4%; text-align:center;color:#A8C29A;}
.flow_area.step01 p { background:url('../img/common/step_image01.png') no-repeat;background-size: contain;  }
.flow_area.step01 li:nth-child(1) { color:#268D49;}


.flow_area.step02 p {  background:url('../img/common/step_image02.png') no-repeat; background-size: contain;  }
.flow_area.step02 li:nth-child(1) { color:#268D49;}
.flow_area.step02 li:nth-child(2) { color:#268D49;}


.flow_area.step03 p {  background:url('../img/common/step_image03.png') no-repeat; background-size: contain;  }
.flow_area.step03 li:nth-child(1) { color:#268D49;}
.flow_area.step03 li:nth-child(2) { color:#268D49;}
.flow_area.step03 li:nth-child(3) { color:#268D49;}


.flow_area.step04 p { background:url('../img/common/step_image04.png') no-repeat; background-size: contain;  }
.flow_area.step04 li:nth-child(1) { color:#268D49;}
.flow_area.step04 li:nth-child(2) { color:#268D49;}
.flow_area.step04 li:nth-child(3) { color:#268D49;}
.flow_area.step04 li:nth-child(4) { color:#268D49;}

span.inline_block{display: inline-block;margin-bottom:4px;}
div#undercolumn ul#quantity_level li {
    padding: 3px;
    display: inline-block;
}
.alignC {
    text-align: center;
}
.alignR {
    text-align: right;
}
.alignL {
    text-align: left;
}
.pricetd em {
    font-weight: bold;
}
div.comment{margin:0 0 20px 0 !important;}
#ad_area {
	margin-bottom:30px;
}


/*--------------------------------------------------

	div#whobought_area
	
--------------------------------------------------*/
div#whobought_area h2 {
	background:none;
	border:none;
}

#whobought_area .product_item {
	float:none;
	width:185px;
	display:inline-block;
	background:none;
	box-sizing: border-box;
	
}
#whobought_area .product_item h3 { background-color:transparent !important;}
#whobought_area .product_item .sale_price,
#whobought_area .product_item .mini{
	display:none;
}
#whobought_area .product_item .productImage {
	width:100%;
}
#whobought_area .product_item img { width:100%;}




@media (max-width: 767px) and (min-width: 0){
	
	.box60 {width:4em;}
	.box120 {width:100%; box-sizing: border-box;	}
	.box300 {width:100%; box-sizing: border-box;	}
	.btn_area li {
		display:inline-block;
		width: 49%;
		box-sizing: border-box;
	}
	.btn_area ul.wide li {
		width: 100%;
	}
	.btn_area ul.wide li:first-child {
		margin-bottom:20px;
	}

	.disp_login {
		display:none;
	}

	textarea,
	input[type="text"] {
	    -webkit-appearance: none;
		border:solid 1px #666666;
	}
	.spBox ul li ul li a {
		padding: 10px 0 10px 1em !important;
	}
	.btn_confirm {
	    -webkit-appearance: none;
		font-size: 90%;
		width:100%;
		min-width:100px;
		box-sizing: border-box;
	}
	.btn_positive {
	    -webkit-appearance: none;
		font-size: 90%;
		width:100%;
		min-width:100px;
		box-sizing: border-box;
	}
	
	.btn_negative {
	    -webkit-appearance: none;
		font-size: 90%;
		width:100%;
		min-width:100px;
		box-sizing: border-box;
	}
	#conts .comInner .textBox { padding:0 !important;}
	#conts .comInner .textBox .link a { padding:12px 5px 10px !important;}
	.comInner .subBox .detail_link a,
	.comInner .subBox .price_link a,
	.comInner .textBox .link a { font-size:10px;}



	.flow_area li {
		width: 23.5%;
	}
	.flow_area p {
		height:80px;
	}
	div#undercolumn_login .login_area .inputbox dl {
		width:100%;
	}
	div#undercolumn_login .login_area .inputbox dt {
		width:100%;
	}
	div#undercolumn_login .login_area .inputbox dd {
		width:100%;
	}
	.flow_area img {
		width:100%;
	}
	div#under02column_shopping.sbivt3g table {
		max-width:100%;
		-webkit-border-radiustable:0;
	}
	/*--------------------------------------------------
	
		div#address_area
		
	--------------------------------------------------*/
	#address_area .information {
		float:none;
		width:100%;
	}
	#address_area .add_multiple {
		float:none;
		width:100%;
		box-sizing: border-box;
	}
	#sideBar+#conts { float:none !important}
	.sp_hidden{display:none;}
	
	#ad_area img { width:100%; height:auto;}
	
	/*--------------------------------------------------

		div#whobought_area
		
	--------------------------------------------------*/
	div#whobought_area h2 img {
		width:100%;
	}
	#whobought_area .product_item {
		width:49%;
		
	}

	
	
}