@import "main.css";

/* contact 購入可能数 */
.buyPoss_box {
	margin: 20px auto 30px auto;
	width: 300px;
}
.buyPoss {
	background-color:#B4BEC8;
	width: 100%;
}
.buyPoss th {
	background-color:#E1F0F5;
	font-size:x-small;
	font-weight:bold;
	padding:1px;
	text-align:center;}
.buyPossRL {
	background-color:#FFFFFF;
	padding:2px;
	text-align:center;}
.buyPossPoss {
	background-color:#FFFFFF;
	text-align:center;}
.buyPossLimit {
	background-color:#FFFFFF;
	text-align:center;}

/* contact 右目用・共通 */
.conR {
	margin: 5px 5px 5px 5px;
}
.conR table {
	width: 100%;
	background-color:#FF9999;
}
.conR th {
	background-color:#FFD2BE;
	font-weight:bold;
	text-align:center;
	line-height:110%;}
.conR td {
	background-color:#FFFFFF;
	line-height:110%;}
.conMaker {
	width:135px;
	text-align:left;
	padding:5px;
	font-weight:bold;}
.conGoods {
	width:90px;
	text-align:left;
	padding:5px;
	font-weight:bold;}
.conOther {
	width:43px;
	padding:1px;
	text-align:center;}
.conPrescription {
	width:55px;
	padding:3px;
	text-align:center;}
.conOrder {
	padding:5px;
	line-height:130%;
	text-align:left;}
.conHako {
	margin:2px 0px 1px 5px;}

/* contact 左目用 */
.conL {
	margin: 5px 5px 5px 5px;
}
.conL table {
	width:100%;
	background-color:#66A078;
}
.conL th {
	background-color:#C8F0C8;
	font-weight:bold;
	text-align:center;
	line-height:110%;}
.conL td {
	background-color:#FFFFFF;
	line-height:110%;}

/* 商品 */
.makerGoods {
	background-image:url(../img/gradation.gif);
	font-size:medium;
	font-weight:bold;
	vertical-align:middle;
	padding:10px 5px;
	margin-bottom: 10px;
}
.kugiri {
	color:#FF820A;}
.goods {
	width:425px;
	background-color:#B4BEC8;
	margin-left:20px;}
.goods th {
	width:80px;
	text-align:left;
	line-height:115%;
	font-weight:bold;
	background-color:#E1F0F5;
	padding:7px;}
.goods td {
	text-align:left;
	line-height:115%;
	background-color:#FFFFFF;
	padding:7px;}
.goodsGM {
	text-align:left;
	line-height:115%;
	font-weight:bold;
	background-color:#FFFFFF;
	padding:7px;}
.goodsCart td {
	padding:1px;}
.goodsSummary {
	margin-top:20px;
	text-align:left;
}

/* ケア用品一覧 */
.careLine {
	width:725px;
	margin:20px 0px 0px 20px;}
.careLine p {
	margin-top:3px;}
.care {
	width:615px;
	margin-left:15px;
	background-color:#B4BEC8;}
.care th {
	width:60px;
	font-weight:bold;
	text-align:left;
	line-height:115%;
	padding:5px;
	background-color:#E1F0F5;}
.careGM {
	width:220px;
	font-weight:bold;
	text-align:left;
	line-height:115%;
	padding:5px;
	background-color:#FFFFFF;}
.careOther {
	text-align:left;
	line-height:115%;
	padding:5px;
	background-color:#FFFFFF;}
.careOrder {
	margin:7px 0px 0px 15px;
	padding:0px;}

/* パスワード忘れ等 */
.passT {
	/*width:398px;*/
	background-color:#3366FF;
	color:#FFFFFF;
	font-weight:bold;
	padding:1px;
	margin:20px 0 0 0;}
.passText {
	text-align:left;
	/*width:400px;*/
	margin:10px 0 0 0;}
.passText br {
	line-height:70%;}


/* 20161125 ikebukuro_shibata ---------------------------------------------- */
/* ケア用品一覧 */
.carelist_box {
	display: block;
	overflow: hidden;
	margin-bottom: 40px;
	width: 100%;
}

.carelist_box li,
.carelist_box li dl,
.carelist_box li dt,
.carelist_box li dd {
	list-style: none;
	margin: 0;
	padding: 0;
}

.carelist_box li.care_photo {
	float: left;
	width: 95px;
	text-align: center;
	margin-right: 10px;
}

.carelist_box li.care_text {
	width: 650px;
    float: right;
}

.carelist_box li dl {
	border-top: 1px #B4BEC8 solid;
	display: block;
    overflow: hidden;
	width: 100%;
}

.carelist_box li dt {
	float: left;
	width: 80px;
	background-color: #bad9f6;
    padding: 2px 5px;
	font-weight: bold;
	margin: 2px 0;
}

.carelist_box li dd {
	float: left;
	width: 565px;
	padding: 2px 5px;
	font-weight: bold;
	margin: 2px 0;
}

.care_gaiyou {
	width: 100%;
	padding-top: 2px;
	border-top: 1px #B4BEC8 solid;
}

.care_gaiyou th {
	width: 80px;
	background-color: #DDDDDD;
    padding: 2px 5px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}

.care_gaiyou td {
	background: #FFF;
	padding: 2px 5px;
	vertical-align: top;
	text-align: left;
}


/* ケア詳細 */
.goods_detail {
	margin-bottom: 30px;
}

.goods_detail ul {
	display: block;
	overflow: hidden;
	width: 100%;
}

.goods_detail li,
.goods_detail li dl,
.goods_detail li dt,
.goods_detail li dd {
	list-style: none;
	margin: 0;
	padding: 0;
}

.goods_detail li.goods_photo {
	float: left;
	width: 300px;
	text-align: left;
}

.goods_detail li.goods_photo img {
	width: 260px;
	height: auto;
}

.goods_detail li.goods_text {
	float: left;
	width: 455px;
}

.goods_detail li.goods_text dl {
	display: block;
	overflow: hidden;
	border-top: 1px #B4BEC8 solid;
	width: 100%;
}

.goods_detail li.goods_text dt {
	float: left;
	width: 130px;
	background-color: #bad9f6;
    padding: 2px 5px;
	font-weight: bold;
	margin: 2px 0;
}

.goods_detail li.goods_text dd {
	float: left;
	width: 300px;
	padding: 2px 5px;
	font-weight: bold;
	margin: 2px 0;
}

/* CLページ */
.lenslist_box {
  padding: 1px;
    background: #e5e5e5;
}
.lenslist_box table {
	margin-bottom: 10px;
}

.lenslist_box table:last-child {
	margin-bottom: 0px;
}
.lenslist_box th,
.lenslist_box td {
	padding: 3px 5px;
}

.lens_name {
	width: 90px;
	font-size: 13px;
}

.lenslist_box td li,
.lenslist_box td dl,
.lenslist_box td dt,
.lenslist_box td dd {
	list-style: none;
	margin: 0;
	padding: 0;
}

.lenslist_box td ul {
	display: block;
	overflow: hidden;
	margin: 5px 0;
}

.lenslist_box td li {
	display: inline-block;
	/display: inline;  /* IE用ハック */
	/zoom: 1;  /* IE用ハック */
	vertical-align: bottom;
}

.lenslist_box td dl {
	display: block;
	overflow: hidden;
	border-bottom: 1px #B4BEC8 dotted;
	width: 234px;
    float: left;
}

.bor_none{
	border: 0px !important;
}

.lenslist_box td dt {
	float: left;
	width: 100px;
	background-color: #bad9f6;
    padding: 2px 5px;
	font-weight: bold;
	margin: 2px 0;
}

.conR .lenslist_box td dt {
    background-color: #ffe2d6;
}

.conL .lenslist_box td dt {
    background-color: #d5edd5;
}


.lenslist_box td dd {
	float: left;
	width: auto;
	padding: 2px 5px;
	font-weight: bold;
	margin: 2px 0;
}

.careOrder input[type="text"],
.goods_detail li.goods_text dd input[type="text"],
.lenslist_box input[type="text"] {
		width: 25px;
}



/*　レスポンシブCSS
------------------------*/

@media screen and (max-width:764px){
	.carelist_box {
		border-bottom: 1px #b4bec8 dotted;
    	padding: 0 0 30px 0;
		margin-bottom: 30px;
	}

	.carelist_box li.care_photo {
		float: none;
		width: auto;
		text-align: center;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.carelist_box li.care_text {
		width: auto;
		float: none;
	}

	.carelist_box li dt {
		float: left;
		width: 30%;
		padding: 2px 2%;
	}

	.carelist_box li dd {
		float: left;
		width: 62%;
		padding: 2px 2%;
	}

	.care_gaiyou th {
		width: 30%;
		padding: 2px 2%;
	}

	.careOrder input[type="text"] {
		padding: 8px 5px;
		font-size: 15px;
		width: 25px;
	}

	.goods_detail li.goods_photo {
		float: none;
		width: auto;
		text-align: center;
		margin-bottom: 10px;
	}

	.goods_detail li.goods_photo img {
		width: 50%;
		height: auto;
		max-width: 220px;
	}

	.goods_detail li.goods_text {
		float: none;
		width: 100%;
	}

	.goods_detail li.goods_text dt {
		float: left;
		width: 30%;
		background-color: #bad9f6;
		padding: 2px 2%;
		font-weight: bold;
		margin: 2px 0;

	}

	.goods_detail li.goods_text dd {
		float: left;
		width: 62%;
		padding: 2px 2%;
		font-weight: bold;
		margin: 2px 0;
	}

	.goods_detail li.goods_text dd input[type="text"] {
		padding: 8px 5px;
		font-size: 15px;
		width: 25px;
	}

	.buyPoss_box {
		margin: 10px auto 30px auto;
		width: auto;
	}

	.lenslist_box td ul {
		text-align: center;
	}

	.lenslist_box input[type="text"] {
		padding: 8px 5px;
		font-size: 15px;
		width: 25px;
	}

	.lenslist_box td dl {
		width: 100%;
		float: none;
	}

	.goods_detail .buyPoss_box {
		margin: 10px auto 10px auto;
		width: auto;
	}
}




/*************************** ショッピングカート *****************************/
.cart {
	width:635px;
	background-color:#B4BEC8;
	margin:20px 0px 0px 65px;}
.cart th {
	background-color:#E1F0F5;
	font-size:x-small;
	font-weight:bold;
	padding:2px;
	text-align:center;
	line-height:110%;}
.cart td {
	background-color:#FFFFFF;
	line-height:110%;}
.cartGoods {
	width:220px;
	text-align:left;
	padding:5px;
	font-weight:bold;}
.cartID {
	width:110px;
	text-align:center;
	padding:5px;}
.cartPrice {
	width:70px;
	text-align:right;
	padding-right:6px;}
.cartNumber {
	width:35px;
	text-align:center;
	padding:5px;}
.cartDel {
	width:50px;
	text-align:center;
	padding:5px;}
.cartTotal {
	margin:15px 0px;
	border-bottom:1px solid #B4BEC8;}
.cartTotal td {
	padding-bottom:3px;
	font-weight:bold;
	text-align:right;}
.orderWaku {
	text-align:center;
	margin:20px 10px 30px 10px;}
.orderWaku p {
	margin-top:5px;}
.orderLink {
	margin:auto;}
.orderCheck {
	text-align:left;
	font-size:small;
	padding:10px 0px 0px 0px;}

/* ご注文の流れ */
.stepNow {
	font-size:medium;}
.stepF {
	font-size:medium;
	color:#666666;}
.stepK {
	font-size:medium;
	margin:0px 7px;}

.orderTitle {
	background-color:#FF6633;
	font-size:medium;
	color:#FFFFFF;
	font-weight:bold;
	padding:1px;
	text-align:center;}
.orderTitleC {
	background-color:#5A8CFA;
	color:#FFFFFF;
	font-weight:bold;
	margin:20px 0px 0px 0px;
	padding:1px;
	text-align:center;}
.orderTitleS {
	background-color:#FA9966;
	color:#FFFFFF;
	font-weight:bold;
	margin:20px 0px 0px 0;
	padding:1px;
	text-align:center;}

.orderPro {
	margin:10px;
}
.orderS {
	background-color:#FFB482;
	margin: 10px 2%;
    width: 96%;
}
.orderS th {
	background-color:#FFE6BE;
	font-weight:bold;
	text-align:left;
	padding:5px;
	line-height:120%;}
.orderS td {
	background-color:#FFFFFF;
	padding:6px;
	line-height:150%;}

.orderC {
	background-color:#B4BEC8;
	margin: 10px 2%;
	width: 96%;
}
.orderC th {
	background-color:#E1F0F5;
	font-weight:bold;
	text-align:left;
	padding:5px;
	line-height:120%;}
.orderC td {
	background-color:#FFFFFF;
	padding:6px;
	line-height:150%;}

.kiyakuT {
	text-align:center;
	font-weight:bold;
	margin:15px 0px;}

.kiyaku_box {
	margin:15px auto;
	width:520px;
}

.kiyaku {
	width:100%;
}

.kiyakuDoi {
	text-align:center;
	margin:5px;}

.orderCard {
	width:520px;
	text-align:left;
	border:1px solid #B4BEC8;
	padding:20px;
	margin:15px auto;
}
.orderCS {
	width: 100%;
	font-weight:bold;
	background-color:#FFB482;
	margin-bottom:15px;}
.orderCS th {
	width: 90px;
	background-color:#FFE6BE;
	padding:5px;
	text-align:center;}
.orderCS td {
	background-color:#FFFFFF;
	padding:5px;
}

.orderNumber {
	width:auto;
	text-align:left;
	border:1px solid #B4BEC8;
	padding:20px;
	margin:15px auto;}
.orderNum {
	width:100%;
	background-color:#FFB482;
	margin-bottom:15px;}
.orderNum th {
	width: 25%;
	font-weight:bold;
	text-align:left;
	background-color:#FFE6BE;
	padding:5px;}
.orderNum td {
	background-color:#FFFFFF;
	text-align:left;
	padding:5px;}

/* 201612 ikebukuro_shibata ---------------------------------------------- */
.cart_box {
	margin: 0 10px 20px 10px;
}

.basket_list {
	padding: 10px;
	background: #e5e5e5;
}

.cart_tablelist {
	width: 100%;
	background-color: #B4BEC8;
}

.cart_tablelist th,
.cart_tablelist td {
	padding: 5px;
}


.cart_tablelist th {
	background-color: #2084e6;
    font-weight: bold;
    color: #FFF;
}

.cart_tablelist td {
	background: #FFF;
	font-weight: bold;
}

.cart_dllist {
	margin-bottom: 15px;
	background: #e1f0f5;
	padding: 3px 5px 2px 5px;
	border-bottom: 1px #b4bec8 solid;
	border-left: 1px #b4bec8 solid;
	border-right: 1px #b4bec8 solid;
}

.cart_dllist dl {
	margin: 0;
	padding: 0;
	float: left;
}

.ca_id {
	width: 220px;
}
.ca_price {
	width: 155px;
}
.ca_num {
	width: 120px;
}
.ca_del {
	width: 50px;
}

.cart_dllist dl dt,
.cart_dllist dl dd {
	float: left;
	margin: 0;
	padding: 0;
}

.cart_dllist dl dt {
	background-color:#bad9f6;
	padding: 0px 5px;
}

.cart_dllist dl dd {
	padding: 0px 5px;
}

.orderprice {
	font-size: 18px;
	text-align: right;
	padding: 5px 0;
    border-bottom: 3px #b4bec8 dotted;
	margin-bottom: 10px;
	font-weight: bold;
}

.orderprice span {
	font-size: 13px;
	font-weight: normal;
}

.cart_box ul,
.orderWaku ul {
	display: block;
	text-align: center;
}

.cart_box ul li,
.orderWaku ul li {
	display: inline-block;
	/display: inline;  /* IE用ハック */
	/zoom: 1;  /* IE用ハック */
	margin: 15px;
	list-style: none;
}

.bg_orange {
	background: #ff8c14 !important;
}

.order_dllist {
	background: #eef3fb;
}

.order_message_box {
	width: 600px;
	margin: 10px auto 30px auto;
}


/*　レスポンシブCSS
------------------------*/

@media screen and (max-width:764px){
	.cart_box {
		margin: 0 5px 20px 5px;
	}

	.cart_dllist dl {
		float:none;
		margin-bottom: 5px;
	}

	.ca_id,
	.ca_price,
	.ca_num,
	.ca_del {
		width: auto;
	}

	.cart_dllist dl dt,
	.cart_dllist dl dd {
		float: none;
		display: inline-block;
		/display: inline;  /* IE用ハック */
		/zoom: 1;  /* IE用ハック */
		margin: 0;
		padding: 0;
	}

	.ca_del {
		text-align: center;
	}

	.cart_box ul li {
		display: inherit;
	}

	.cart_box ul li:last-child {
		margin: 10px 10px 20px 10px;
	}

	.sp_flowbox {
		display: block;
		overflow: hidden;
		border: 2px #1975d1 solid;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 10px;
		margin: 10px 30px 20px 30px;
	}

	.sp_flowbox li {
		list-style: none;
		display: block;
		margin-bottom: 5px;
		padding: 4px 0;
		color: #CCC;
		font-size: 14px;
		font-weight: bold;
	}

	.sp_flowbox li:last-child {
		margin-bottom: 0;
	}

	.sp_flowbox li span {
		padding: 4px 10px;
		font-size: 20px;
		background: #BBB;
		margin-right: 10px;
		font-weight: bold;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		-webkit-border-radius: 10px;
	}

	.sp_flowbox li.flow_select {
		color: #000;
	}

	.sp_flowbox li.flow_select span {
		background: #ff8c14;
		color: #FFF;
	}

	.orderS {
		width: 96%;
	}

	.orderS input[type="text"],
	.orderS select {
		padding: 6px 2px;
	}

	.orderWaku ul li input[type="button"]{
		padding: 10px;
		margin: 0 5px;
		font-size: 15px;
	}

	.kiyaku_box {
		width: 90%;
	}

	.order_message_box {
		width: auto;
		margin: 10px 5px;
	}
	.orderCard {
		width: auto;
		margin: 15px 5px;
	}

	.orderNum th,
	.orderNum td {
	width: auto;
	display: block;
	padding: 10px;
	}

	.orderNumber input[type="text"] {
		padding: 6px 2px;
		margin-bottom: 10px;
	}

	.orderWaku input[type="submit"],
	.orderNumber SELECT{
		padding: 10px;
		margin: 0 5px;
		font-size: 15px;
	}
}