/*会員ページ*/

#member #contents .inner_box { width: 980px; padding: 0;}

#member_box { width: 980px; margin: 0 auto;}

#member_header { 
	padding: 20px 0 0;
    width: 980px;
    margin: 0 auto;
    text-align: center;
}

.member_header img { width: 150px;}

/*ログイン・新規登録*/

#member_title { margin-top: 10px;}

.title_bar { padding: 10px;  border-bottom: 2px #333 solid;}

.title_bar h1, .title_bar span, .title_bar a {
	display: inline-block;
    font-size: 16px;
    color: #333;
	font-weight: 700;
}

.title_bar span, .title_bar a { color:#ccc; }

#member #contents_box, #mypage #contents_box { padding: 20px 10px 90px;}

#contents .member_info { margin: 10px 20px; display: block;}

.member_login_inbox {
	margin:10px 0 0;
	float:left;
	overflow:hidden;
	width: 50%;
}

.member_login, .member_regist {
    overflow: hidden;
	width: 98%;
	border: 1px solid #333;
}

.member_login { float: left;}

.member_regist { float:right;}

#member .member_inbox h2, #member .member_login h2, #member .member_regist h2, #read .member_inbox h2, #info_review .member_inbox h2 {
    background: #333;
    padding: 6px 14px;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
	font-weight: normal;
	color: #fff;
}

.member_contents { padding: 10px;}

.member_st { margin: 0 0 10px; line-height:24px; }


.member_txt { 
	line-height: 22px; 
	font-size: 12px; 
	margin: 12px 0;
	padding: 0 20px;
}

.member_inbox { margin: 0 0 30px;}

.member_in {
    margin: 0 0 2px;
    padding: 8px 0;
    font-weight: 700;
    color: #333;
}

.member_login .member_in, .member_login .member_input_txt { width: 100%;}

.member_input_txt, .member_input_txt_s, .member_input_txt_t, .member_input_date {
    border: 1px solid #aaa;
    margin: 0;
    padding: 0;
    height: 32px;
    max-width: 500px;
    overflow: hidden;
}

.member_input_date { border: none;}

.member_contents span.member_password_help { 
	display: block;
	font-size: 12px;
	line-height: 14px;
	height: 14px;
	color: #555;
	font-weight: normal;
	text-align: center;
	padding: 10px 0 0;
}
.member_contents span.member_password_help a { color: #17a996;}

/*au対応ケース*/
.member_contents .model_box {
    margin: 0 0 30px;
}
.member_contents .model_in {
    color: #17a996;
    border-bottom: 1px solid #17a996;
    margin: 0 0 10px;
    padding: 10px 0;
    font-weight: 700;
}
.member_contents .english_in {
    font-size: 15px;
}
.member_contents .model_in_box {
    padding: 0 10px;
}
.member_contents .list_box {
    padding: 10px 10px 0;
    margin-bottom: 10px;
    font-size: 13px;
    border-bottom: 1px dotted #ccc;
}
.member_contents .list_box p {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    padding: 9px 0;
}
.member_contents .list_box p.model_name {
    font-weight: 700;
    width: 190px;
    margin: 0 0 6px;
}
.member_contents .list_box .model_dt {
    display: inline-block;
    width: 78%;
}
.member_contents .list_box .model_dt p {
    width: 74%;
}
.member_contents .list_box .model_dt .btn_graph {
    width: 25%;
    border: 1px solid #707070;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 13px;
    margin: 0px 0 20px;
}
.member_contents .list_box .btn_graph a {
    display: block;
    padding: 8px 0;
}
.member_contents .list_box .btn_graph a:hover {
    color: #fff;
    background: #707070;
    text-decoration: none;
}
    
@media screen and (max-width: 768px) {
    .member_contents .model_in_box {
    padding: 0 4px;
    }
    .member_contents .list_box {
        padding: 0;
    }
    .member_contents .list_box p {
        padding: 2px 0;
    }
    .member_contents .list_box p span {
        display: block;
        font-size: 10px;
    }
    .member_contents .list_box p.model_name {
        display: block;
        font-size: 14px;
    }
    .member_contents .list_box p.spnone {
        display: none;
    }
    .member_contents .list_box .model_dt {
        display: block;
        width: 100%;
    }
    .member_contents .list_box .model_dt p {
        width: 70%;
    }
    .member_contents .list_box .model_dt .btn_graph {
        width: 28%;
        margin-bottom: 15px;
    }
    .member_contents .list_box .btn_graph a {
        padding: 6px 0;
    }
}
@media screen and (max-width: 500px) {
    .member_contents .list_box .model_dt p {
        font-size: 12px;
        width: 70%;
    }
    .member_contents .list_box p span {
        display: inline-block;
    }
    .member_contents .list_box .model_dt .btn_graph {
        width: 28%;
        font-size: 11px;

    }
}
@media screen and (max-width: 320px) {
    .member_contents .list_box .model_dt p {
        line-height: 14px;
    }
    .member_contents .list_box .model_dt .btn_graph {
        font-size: 10px;
    }
}
    
@media screen and (max-width: 768px) {
	#read input { -webkit-appearance: none; -webkit-border-radius: 0;}
	#header_member { display: none;} 
	#contents .member_info { margin: 0;}
	.member_txt { padding: 0 10px;}
}


/*フォーム*/
.memb_form .member_contents { padding: 2%; border: 1px solid #333;}

.memb_form .member_contents > div { padding: 20px 0 20px 20px;}

.memb_form .member_contents .member_in {
    margin: 0;
    padding: 8px 12px;
    font-weight: 700;
    color: #333;
	background: #eee;
}

.memb_form .m_txt_hf { width: auto; display: inline-block;}
.memb_form .member_txt { padding: 0 20px; margin: 0;}

.new_input .creca_sele > div:last-child { border: none;}
.new_input .creca_sele .member_in { background: none;}

.member_errer { 
	color: #CB0003;
	display: block;
	clear: both;
}

@media screen and (max-width: 768px) {
	.memb_form .member_contents { border: 0;}
}


/*クーポン入力*/
.memb_form .cp_input .member_input_txt_s {
	width: 40%;
	min-width: 200px;
	max-width: 0;
}

.memb_form .cp_input { padding: 10px 0 0 20px;}

.memb_form .cp_input .member_btn_bc {
	height: 36px;
    line-height: 36px;
    width: 100px;
}


/*備考*/
.memb_form .memb_notes { margin: 20px 0; padding-bottom: 20px; border: none;}
.memb_form .memb_notes .member_textarea { border: none; padding: 0 20px 20px;}

@media screen and (max-width: 768px) {
	.memb_form .member_contents > div { padding: 2%; width: 96%;}
	.memb_form .member_txt { padding: 0;}
	#contents .memb_form .member_info { margin: 0 10px 10px; padding: 0;}
	.memb_form .memb_notes .member_textarea { width: 96%; padding: 0 2%;}
	.memb_form .m_txt_hf { width: auto;}
	.memb_form .cp_input { margin: 10px;}

}


/*新規会員登録*/
.member_login .member_in {
	width: 36%;
	float: left;
	margin: 0px;
}
.member_login .member_input_txt {
	width: 60%;
	float: left;
}
.member_login .member_contents .member_log_box { margin: 0 0 20px;}

.new_log .member_btn_ad { margin-top: 30px;}

.new_input form > div, .new_conf form > div, .new_input > div > div {
	border-top: 1px solid #ddd;
    padding: 20px;
}
.new_input .member_in { 
	padding: 6px 0; 
	color: #333;
	float: left;
    width: 170px;
	margin: 0;
}

.member_r { width: 660px; float: right;} 
.member_r .member_input { width: 100%; float: left; margin: 0 0 10px;}

.member_r .member_input div:first-child { margin-right: 2%;}
.member_r .m_birth .member_input_txt_t { float: left;}
.member_r .m_birth div:first-child { margin-right: 0;}

.member_r .member_input_date {
	display:inline-block;
	border:0;
	padding:0 3px;
	line-height:32px;
	width:14px;
	float: left;
	margin-right: 6px;
}

.member_r .member_input_txt_s { float: left; width: 250px;}

.member_r .member_input_txt_s input { padding: 4px 4%; width: 92%;}

.m_area_s { width: 250px; float: left;}
.m_area_s p { display: block; font-size: 13px;}

.form_attend {
	font-size: 12px;
    display: block;
    margin-top: 10px
}

.form_attend_co {
	font-size: 12px;
	color: #888;
	display: inline-block;
    height: 34px;
    line-height: 34px;
}

.f_at_o { padding: 20px 0 0 16px;}

.member_input .member_in_ss { width: 50%; float: left;}

.appli_box .l_box_st .l_box_amo span.member_errer { font-size:12px; color:#d00; display: block; }

.member_input_select, .member_input_select_s, .member_input_select_l {
	border:1px solid #aaa;
	margin:0;
	padding:0 0 0 16px;
	font-size:16px;
	line-height:34px;
	height:34px;
	width:220px;
	min-width:120px;
	overflow:hidden;
}


/*登録情報確認*/
.new_conf .member_in {
	width: 190px;
	float: left;
	padding: 0;
}
.new_conf .member_txt {
	width: 600px;
	display: inline-block;
	margin: 0;
}


/*ボタン*/
input[type="submit"] { -webkit-appearance: none;}

.input_btn { text-align: center; padding: 30px 0 0;}

.input_btn .member_btn_bc, .input_btn .member_btn_ad { display: inline-block;}

input.member_btn_ad, input.member_btn_bc { height:46px; width: 240px; }

.member_btn_ad, .member_btn_bc, .member_btn_ad_not {
	border: #fff 1px solid;
	border-radius: 3px;
	background: #17a996;
	margin: 20px auto 0;
    padding: 0;
    display: block;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    height: 44px;
    width: 38%;
    color: #fff;
    cursor: pointer;
}

.member_btn_bc {
	background:#ccc;
    width:240px;
    color:#fff;
	display: block;
}

.member_login .member_btn_ad { background: #555;}

a.member_btn_ad, a.member_btn_bc { height: 44px; text-decoration: none; }

.member_btn_ad:hover, .member_btn_bc:hover {
	opacity: 0.7 ;
	filter: alpha(opacity=70) ;
}


/*会員登録済み*/
.memb_log { margin: 0 auto; float: none;}


@media screen and (max-width: 768px) {
	#member_box { width: 100%;}
	.title_bar { border-radius:0; padding:6px 16px 2px; line-height:36px; height:36px; }
	.title_bar h1 { padding:0; font-size:16px; line-height:28px; height:28px; }
	.title_bar span { display:none; }
	.member_info { padding:10px 16px 0; }
	.member_contents { padding: 10px; }
	#member #contents { padding: 10px 0 0;}
	#member #contents .inner_box { width: 100%; min-width: 320px;}
	#member #contents_box, #mypage #contents_box { padding: 0;}
	.member_inbox { width: auto;}
	.new_input form > div, .new_conf form > div, .new_input > div > div { padding: 1%;}

	
	/*新規会員登録*/
	.member_login .member_in, .member_login .member_input_txt { width: 100%;}

	.new_input #member #contents .inner_box, .new_input .member_in, .new_input .member_r,
	 #read .member_r, .member_r .m_area_s, .member_r .member_input_txt_s { width: 100%;}
	.member_r .member_input { margin: 0;}
	.member_r .member_input .m_area_s { margin-bottom: 8px;}
	.member_r .member_input_txt_s { margin-bottom: 4px;}
	.f_at_o { padding: 0;}
	.member_r .new_input form > div { padding: 10px 0;}
	.page_link {
		padding: 60px 0 60px 0;
		margin: -40px 0 -40px 0;
	}


	/*登録情報確認*/
	.new_conf .member_in, .new_conf .member_txt { width: 100%; display: block; float: none; padding: 0;}
	.new_input form > div, .new_conf form > div, #read form > div { padding: 10px;}


	/*ログイン*/
	.member_login_inbox {
		margin-left: 2%;
		margin-right: 2%;
		float:none;
		width:96%;
	}
	.member_login, .member_regist {
		margin-top:10px;
		float:none;
		width:auto;
	}
	#member .footer_login { display:none; }


	/*ボタン*/
	.input_btn .member_btn_bc, .input_btn .member_btn_ad { width: 48%;}
	.member_btn_ad, .member_btn_bc, .member_btn_ad_not { width: 70%; margin: 20px auto 0;}
	.member_btn_bc { display: block;}
}

/*ステップ*/
.step { margin: 20px 10px 0;}
.step ul { list-style: none; overflow: hidden;}
.step ul li { 
	float: left; 
	color: #888;
	text-decoration: none; 
	padding: 10px 0 10px 65px;
	background: #ddd; 
	position: relative; 
	display: block;
	float: left;
	width: auto;
	text-align: center;
	font-size: 12px;
}
.step ul li:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid #ddd;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}
.step ul li:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;       
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}
.step ul li.br_ac {
	padding-left: 10px;
	background:#555;
	color: #fff;
}
.step ul li.br_ac:after { 
	border-left: 30px solid #555;
}

.step ul li:first-child {
	padding: 10px 0 10px 30px
}

.step ul li.br_sec {
	padding: 10px 0 10px 50px;
}

.step ul li:last-child {
	padding: 10px 30px 10px 65px;
}

.step ul li:last-child:after,
.step ul li:last-child:before {
	border: 0;
}


/*新規登録step*/
.new_step ul li { width: 261px;}


/*注文step*/
.order_step ul li { width: 137px;}


@media screen and (max-width: 768px) {
	.step { margin: 10px 2% 0;}
	.step ul li { width: 32%; height: 34px; line-height: 34px; font-size: 11px;}
	.step ul li:after { border-left: 10px solid #ddd;}
	.step ul li:before {  border-left: 10px solid white;}
	.step ul li.br_ac:after { border-left: 10px solid #555;}
		
	.step ul li:first-child, .step ul li.br_sec { padding: 0 0 0 2%;}
	/*.step ul li.br_sec { padding: 0; width: 31%; padding-left: 3%;}*/
	.step ul li:last-child { padding: 0;}
	.order_step ul li { width: 16%; font-size: 9px;}
	.order_step ul li:first-child { padding: 0 0 0 2%;}
	.order_step ul li.br_sec { padding: 0 0 0 4%;}
	.order_step ul li:last-child { padding: 0 0 0 4%;}
}

@media screen and (max-width: 330px) {
	.step ul li { font-size: 10px;}
}

/*最下部調整用*/

.m_t { margin-top: 6px; }
.m_b { margin-bottom: 20px; }
.m_r { margin-right: 14px; }
.m_l_0 { margin-left: 0; }
.m_r_0 { margin-right: 0; }
.m_t_0 { margin-top: 0; }
.m_b_0 { margin-bottom: 0; }
.p_t { padding-top: 36px; }
.p_t_h { padding-top: 18px; }
.p_b { padding-bottom: 20px; }
.b_n { border: 0; }
.b_b { padding-bottom:8px; border-bottom:1px dotted #bbb; }

@media screen and (max-width: 768px) {
	.b_b { border-bottom:0; }
	.p_0 { padding:0; }
}


#member .member_inbox h2.member_title_s, #member .member_inbox h2.member_title_s2, #read .member_inbox h2.member_title_s2 {
	border:0;
	background:#333;
	margin:14px 14px 0;
	padding:8px 14px;
	line-height:20px;
	height:20px;
}

#member .member_inbox h2.member_title_s2, #read .member_inbox h2.member_title_s2 { margin: 0; }

.member_inbox .m_c_ot .member_in { padding: 10px 0 0;}
.member_inbox .m_c_ot .member_txt { margin: 10px;}

/*お問い合わせ*/
.member_inbox .contact_t .member_in { background: #eee; padding: 10px;}

.member_inbox .member_in .member_in_atend { font-weight: normal;}

/*お届け先*/
.member_contents .p_b_20 { margin: 0 0 20px;}
.member_contents .p_b_20 > p:first-child { margin: 0;}
.memb_adress { border: 1px solid #333;}
.memb_form .memb_adress > div { border: none;}
.memb_adress .member_txt { padding: 20px 20px 0;}

/*支払い方法入力*/
.member_contents > form {
    padding-bottom: 20px;
}


/*注文内容確認*/
.order_conf .order_cf_hf {
	width: 430px;
	float: left;
	margin: 0 0 2%;
}

.order_conf > div.order_cf_hf:first-child { margin-left: 0;}

.order_cf_hf .memb_adre { height: 104px;}

.order_conf > .member_txt { padding: 0 0 2%;}

.order_conf > div form { padding: 2%;}

.order_conf .member_btn_bc { margin: 20px auto 0;}

/*.order_conf .sec_b { margin-left: 20px;}*/
.order_conf .sec_b form { padding: 0;}
.order_conf .sec_b .member_txt { width: 200px; float: left; margin-top: 14px;}
.order_conf .sec_b .member_btn_bc { width: 30%; float: right; margin: 4px 20px 0 0;}

.order_cf_hf form { padding: 20px 0;} 


/*お申込み商品*/
.appli_box .l_box_block{ padding: 10px; width: 880px;}
.appli_box .l_box_st { height: auto;}
.appli_box .l_box_data img { width: 100px;}
.appli_box .l_box_st .l_box_amo span, .appli_box .l_box_st .l_box_g_price p span { display: none;}

.appli_box .member_txt { text-align: right; padding-right: 40px;}
.appli_box .member_txt span { width: 140px; display: inline-block;}

@media screen and (max-width: 768px) {
	.order_conf .order_cf_hf { width: 96%;}
	.order_conf .sec_b { margin: 0 0 10px;}
	.appli_box .l_box_block { padding: 2%; width: 96%; border: none;}
	.appli_box .l_box_st { height: auto; padding: 16px 0; display: inline-block;} 
	.appli_box .l_box_st .l_box_data { width: 100%;}
	.appli_box .l_box_block .l_box_g_amo form { padding: 0;}
	.appli_box .l_box_block .l_box_g_amo .l_box_amo,
	.appli_box .l_box_block .l_box_g_price p { 
		position: relative;
		text-align: left;
		margin-left: 112px;
	}
	.appli_box td.l_box_g_amo,
	.appli_box td.l_box_g_price {
		position: relative;
		top: 0;
		width: 100%;
		display: block;
		float: left;
		font-size: 12px;
	}
	.appli_box .l_box_st .l_box_amo span, .appli_box .l_box_st .l_box_g_price p span { display: inline-block; margin-right: 10px;}
	.appli_box .member_txt { padding-right: 30px;}
}


.member_in_s { margin:8px 12px 2px; padding:12px 0 12px; font-weight:700; color:#333; }
.m_t_lp { padding:0 10px 0 30px; }
.recruit_input .member_txt { margin-bottom:8px; }
.member_txt_s { border-bottom:1px solid #eee; margin:0 0 16px; padding:0 10px 24px; line-height: 24px;}

.member_input_txt_t {
	display:inline-block;
	width:64px;
}


.member_input_txt input, .member_input_txt_s input, .member_input_txt_t input {
	border:0;
	border-radius:0;
	background:#fff;
	padding:4px 4%;
	display:block;
	font-size:16px;
	line-height:24x;
	height:24px;
	width:92%;
}
.member_input_txt_t input {
	padding:4px 19%;
	width:62%;
}
.member_contents .h_34 { height:34px; }
.member_contents .h_34 input { height:26px; }

.member_input_select_s {
	display:inline-block;
	vertical-align:bottom;
	width:24%;
	min-width:80px;
	float: left;
}

.member_input_select_l {
	max-width:373px;
	min-width:260px;
}


.member_btn_ad_not {
    border: 1px solid #bbb;
	border-radius:4px;
	background: #222;
	background: -webkit-linear-gradient(top, #efefef 0%, #dfdfdf 10%, #ddd 100%);
	background:-moz-linear-gradient(top, #efefef 0%, #dfdfdf 50%, #ddd 100%);
	background:-o-linear-gradient(top, #efefef 0%, #dfdfdf 10%, #ddd 100%);
	background:-ms-linear-gradient(top, #efefef 0%, #dfdfdf 10%, #ddd 100%);
	background:linear-gradient(top, #efefef 0%, #dfdfdf 10%, #ddd 100%);
	-pie-background:linear-gradient(top, #efefef 0%, #dfdfdf 10%, #ddd 100%);
	text-shadow: rgba(253, 253, 253, 0.8) 0 -1px 0;
	color: #111;
}

.member_btn_ad:hover {
	color:#fff;
}

#read .member_inbox h2, #info_review .member_inbox h2 { height:auto; }

#read .member_inbox h2 span { font-size:12px; font-weight:400; }

#read .member_inbox h2 span img { width: 86px; margin: 0 3px 6px 0;}

@media screen and (max-width: 768px) {
	#member .member_inbox h2.member_title_s, #member .member_inbox h2.member_title_s2 {
		height:auto;
	}
}

.member_payment_choice {
	padding:8px 0;
	display:inline-block;
}

.member_textarea {
	height:160px;
	width:100%;
	max-width:880px;
}

.member_textarea > div {
	border:1px solid #aaa;
	border-radius:2px;
	height:158px;
}

.member_textarea > div > textarea {
	border:0;
	background:none;
	margin:0;
	padding:4px 4%;
	display:block;
	height:150px;
	width:92%;
	resize:none; 
}


/*メンバーフッタ*/
#member .footer_b_box {
	background:none;
}

@media screen and (min-width: 768px) {
	#member .footer_b_box nav > div h2, #member .footer_b_box nav > div ul, #member .footer_b_box .footer_copy {
		padding-right:0;
		padding-left:0;
	}
}


/*お支払方法*/
.u_li {
	border-bottom: #ccc 1px dotted;
	padding: 8px 0 20px;
}


/*購入完了ページSNS*/

.comp_sns {
	margin:10px 0 14px;
	height:20px;
}
.comp_sns_inbox {
	display:block;
	float:left;
	height:20px;
	width:110px;
}
.comp_sns_line { display:none; }

@media screen and (max-width: 768px) {
	.comp_sns {
		border-radius:6px;
		background:#f4f4f4;
		margin:4px 0;
		padding:4px 0;
		min-width:200px;
		overflow:hidden;
	}
	.comp_sns_inbox { margin-right:8px; width:90px; }
	.comp_sns_fb { margin:0; }
	.comp_sns_line { display:block; width:30px; }
	.l_box_data_inbox .comp_sns_line a { padding:0; }
	
	a.comp_goods_img {
		float:left;
		width:auto;
	}
	a.comp_goods_img img {
		border-radius:2px;
		width:100px;
	}
}


/*カート下*/
#cart .member_contents_tp {
  margin: 0;
  padding: 30px;
  border-top: none;
  border-bottom: #ccc 1px solid;
  border-left: #ccc 1px solid;
  border-right: #ccc 1px solid;
}


/*JAN CODE一覧*/
.jan_list > div {
    padding: 20px 10px;
}

.jan_list > div p {
	width: 500px;
	float: left;
}

.jan_list > div .saerch {
	width: 300px;
	float:right;
	text-align: right;
	position: relative;
}

.jan_list > div .saerch .search_button {
	top: 0px;
}

.jan_list table tr {
	padding: 20px;
	display: block;
	border-bottom: 1px dotted #ccc;
}

.jan_list table tr:first-child {
	padding: 0;
	background: #ddd;
	padding: 6px 0 0 10px;
	text-align: left;
}


.jan_list table tr td:first-child, .jan_list table tr th:first-child  {
	width:600px;
}

.jan_list table tr td, .jan_list table tr th { width: 306px;}

.jan_list table tr.j_ex { padding: 10px 16px;}
.jan_list table tr.j_ex > td:first-child { width: 920px;}
.jan_list table tr.j_ex td table tr { border: none; padding: 0;}
.jan_list table tr.j_ex td table tr:first-child { background: none; padding: 4px 0;}



@media screen and (max-width: 768px) {
	input[type="submit"] {  -webkit-appearance: none;}	
	.jan_list > div { padding: 0 0 12px;}	
	.jan_list > div p { width: 100%; float: none;}
	.jan_list > div .saerch { float: none; width: 80%; margin: 20px auto 10px;}
	.jan_list > div .saerch .search_area { margin: 0; width: 100%;}
	.jan_list > div .saerch .search_btn { top: 4px; right: 24%;}
	.jan_list table { width: 100%; display: block;}
	.jan_list table tr { padding: 10px;}
	.jan_list table tr td:first-child, .jan_list table tr th:first-child {  width: 50%;}
	.jan_list table tr.j_ex { padding: 4px;}
}

/*ヘルプ*/
.memb_help .member_in {
	padding: 260px 0 250px 0;
    margin: -250px 0 -250px 0;
}

.memb_help .member_txt {
	margin-bottom: 30px;
}

.memb_help #postage, .memb_help #same_day {
	padding: 100px 0 100px 0;
    margin: -100px 0 -100px 0;
}

@media screen and (max-width: 768px) {
	.memb_help .member_in {
		padding: 60px 0 60px 0;
		margin: -60px 0 -60px 0;
	}
	.memb_help #postage, .memb_help #same_day {
		padding: 50px 0 50px 0;
		margin: -50px 0 -50px 0;
	}

}

/*注文確定*/
.order_comp .l_box_data img {
	width: auto;
	float: left;
}

/*エアージャケット・リムーバー申し込み*/
#reg_btn button,
#reg_btn a {
    display: block;
	width: 380px;
	color: #fff;
	background: #17a996;
    text-align: center;
	font-size: 16px;
	border: 1px solid #17a996;
	margin: 20px auto;
	height: 44px;
	line-height: 44px;
	border-radius: 3px;
}

#reg_btn button:hover,
#reg_btn a:hover {
	text-decoration: none;
	opacity: 0.7;
}

/*ログイン、会員登録完了後ページに戻る*/
#reg_btn.bk_contac {
	margin: 40px 0;
}
#reg_btn.bk_contac a {
	width: 400px;
}

@media screen and (max-width: 768px) {
	#reg_btn button,
	#reg_btn a,
	#reg_btn.bk_contac a {
		width: 100%;
		height: auto;
		line-height: initial;
		padding: 10px 0;
	}
	#reg_btn button span,
	#reg_btn a span {
		display: block;
	}
}