/*---------------------------------------------------
member
---------------------------------------------------*/

.clear						{ clear:both; }
.mt30						{ margin-top:30px; }

/* memberpage共通 .bread  *********************************/
.bread_member				{ font-size: 15px; width: 1080px; margin: 0 auto 60px; }
.bread_member li			{ position: relative; float: left; margin-right: 45px; text-decoration: none; color: #000; }
.bread_member li a			{ line-height: 19px; display: inline-block; text-decoration: none; color: #000; }
.bread_member li:first-child a
							{
							padding-left: 25px;
							background: url(../../img/cmn/ico_home.png) no-repeat left center;
							background-size: 19px auto;
							}
.bread_member li::after
							{
							position: absolute;
							z-index: 1;
							top: 50%;
							right: -23px;
							display: block;
							width: 8px;
							height: 8px;
							margin-top: -5px;
							content: "";
							-webkit-transform: rotate(45deg);
								-ms-transform: rotate(45deg);
									transform: rotate(45deg);
							border-top: 1px solid #000;
							border-right: 1px solid #000;
							}
.bread_member li:last-child::after
							{
							display: none;
							}


@media print, screen and (max-width: 760px) {
	.bread_member			{ display: none; }
}


@media screen and (min-width: 760px) {
.spOnly						{ display: none !important; }
}

.att						{ font-size:0.9em; padding-top: 5px; color:#333;  }
.dt_att						{ font-size:0.9em; padding-top: 5px; color:#333; font-weight:normal; }

.wl							{ width:100%; }
.wm							{ width:50%; }
.ws							{ width:25%; }


.btn_style					{
							width:95%;
							position: relative;
							display: block;
							font-size: 1.2em;
							margin: 10px auto;
							padding: 20px 0;
							text-align: center;
							color: #fff;
							border: 1px solid #023592;
							border-radius: 10px;
							background: #296acc;
							box-shadow: 0px 5px 0px #023592;
							-webkit-appearance: none;
							cursor: pointer; 
							}


.btn_resist					{
							width:160px;
							position: relative;
							display: block;
							font-size: 1.2em;
							margin: 3px auto;
							padding: 10px 0;
							text-align: center;
							color: #fff;
							border: 1px solid #003aa2;
							border-radius: 10px;
							background: #296acc;
							-webkit-appearance: none;
							cursor: pointer; 
							}
.btn_save					{
							width:160px;
							position: relative;
							display: block;
							font-size: 1.2em;
							margin: 3px auto;
							padding: 10px 0;
							text-align: center;
							color: #fff;
							border: 1px solid #248b00;
							border-radius: 10px;
							background: #2ab909;
							-webkit-appearance: none;
							cursor: pointer; 
							}
.btn_search					{
							width:160px;
							font-size: 1.2em;
							margin: 3px auto;
							padding: 10px 0;
							text-align: center;
							color: #fff;
							border: 1px solid #003aa2;
							border-radius: 10px;
							background: #296acc;
							-webkit-appearance: none;
							cursor: pointer; 
							}
							
.btn_csv					{
							width:160px;
							font-size: 1.2em;
							margin: 3px auto;
							padding: 10px 0;
							text-align: center;
							color: #fff;
							border: 1px solid #003aa2;
							border-radius: 10px;
							background: #296acc;
							-webkit-appearance: none;
							cursor: pointer;
							float:right;
							}

.btn_block ul				{ text-align: center; }
.btn_block li				{ display: inline-block; }

.btn_block2 ul				{ text-align: left; padding:15px; }
.btn_block2 li				{ display: inline-block;}

.bb_01						{ margin-bottom:15px; }
.bb_01 li					{ margin-left:15px; }


@media (max-width: 760px)	{
	.btn_block2 ul			{ text-align: center; padding:15px; }
	.btn_block2 li			{ display: inline-block;}
}



/* forget , forget_id , forget_pwd **********************/
.forget_box					{ width:100%; }
.forget_box h4				{ color:#3a6bc5; background:none; margin:0; padding:10px; }	/* _id _pwd 共通 */
.forget_box_left			{ width:49%; display: inline-block; margin-right:1%; padding:10px; background-color: #f8f8f8; border:1px solid #e8e8e8; }
.forget_box_right			{ width:49%; display: inline-block; padding:10px; background-color: #f8f8f8; border:1px solid #e8e8e8; }
.att						{ font-size:0.95em; padding-left: 1em; text-indent: -1em; } /* _id _pwd 共通 */

@media (max-width: 760px)	{
	.forget_box_left		{ width:100%; margin-bottom:20px; }
	.forget_box_right		{ width:100%; margin-bottom:20px; } 
}



/*  menu  ***********************************************/
.menu_box					{ width:100%; }
.menu_box_left				{ width:49%; display: inline-block; vertical-align: top; margin-right:1%; margin-bottom:1%; padding:10px; }
.menu_box_right				{ width:49%; display: inline-block; vertical-align: top; margin-bottom:1%; padding:10px; }


.btn_style					{ width:95%; position: relative; display: block; font-size: 1.2em; margin: 10px auto; padding: 20px 0; text-align: center;
							background: #4a89dc; color: #fff; border: 1px solid #3871bb; border-radius: 10px; box-shadow: 0px 5px 0px #3871bb; cursor: pointer;  }

.btn_style2					{ width:95%; position: relative; display: block; font-size: 1.2em; margin: 10px auto; padding: 20px 0; text-align: center;
							background: #33b0dd; color: #fff; border: 1px solid #138bb6; border-radius: 10px; box-shadow: 0px 5px 0px #138bb6; cursor: pointer;  }

.btn_style3					{ width:95%; position: relative; display: block; font-size: 1.2em; margin: 10px auto; padding: 20px 0; text-align: center;
							background: #87ba3d; color: #fff; border: 1px solid #7aa737; border-radius: 10px; box-shadow: 0px 5px 0px #7aa737; cursor: pointer;  }

.btn_style4					{ width:95%; position: relative; display: block; font-size: 1.2em; margin: 10px auto; padding: 20px 0; text-align: center;
							background: #f96142; color: #fff; border: 1px solid #e95b3f; border-radius: 10px; box-shadow: 0px 5px 0px #e95b3f; cursor: pointer;  }

.btn_style5					{ width:95%; position: relative; display: block; font-size: 1.2em; margin: 10px auto; padding: 20px 0; text-align: center;
							background: #5c636e; color: #fff; border: 1px solid #434a54; border-radius: 10px; box-shadow: 0px 5px 0px #434a54; cursor: pointer;  }



.np_box						{ width:1060px; margin:50px auto 10px; padding:20px; background-color: #fff4f4; border:1px solid #ffe7e7; border-radius: 10px;  }
.np_box li					{ display: inline-block; vertical-align: middle; }
.mem_name					{ font-size: 1.5em; font-weight:bold; color:#555; margin-right:20px; }
.mem_point					{ font-size: 1.5em; font-weight:bold; color:#555; margin-right:20px; }
.point_num					{ font-size: 2.2em; color:#f38700; vertical-align: middle;  }


@media (max-width: 760px)	{
	.menu_box				{ margin-top:150px; }
	.menu_box_left			{ width:100%; margin-bottom:20px; margin-bottom:20px; }
	.menu_box_right			{ width:100%; margin-bottom:20px; }
	.menu_delite			{ display:none; }
	.np_box					{ width:100%; margin:20px auto; padding: 10px; background-color: #fff4f4; border:1px solid #ffe7e7; border-radius: 10px;  }
}


/*  member  ********************************************/
.mem_box					{ width:100%; }
.mem_box h3					{ text-align: center; }
.member table				{ margin-bottom: 40px; border: none; }
.member td					{ padding:10px; border: none; }
.member table tr:nth-child(odd) td		{ background: #f9f9f9; }
.txt_mem					{ margin-bottom:20px; margin-left: 1em; }

@media (max-width: 760px)	{
	.mem_box				{ margin-top:150px; }
	.member table			{ margin-bottom: 40px; }
	.member th				{ text-align:left; padding:10px; }
	.member td				{ text-align:left; padding:10px; }
	.np_box					{ width:100%; margin:20px auto; padding: 10px; background-color: #fff4f4; border:1px solid #ffe7e7; border-radius: 10px;  }
	.txt_mem				{ margin-bottom:20px; width:92%; }
}


/*  offer  ********************************************/
.offer_box					{ width:100%; }
.offer_box h3				{ text-align: center; }
.offer_unit					{ margin-bottom:20px; margin-left:1em; }
.offer_box h4				{ color:#3a6bc5; background:none; margin:0; padding:10px; }	
.offer table				{ margin-bottom: 40px; }
.offer th					{ text-align:center; padding:10px; }
.offer td					{ text-align:left; padding:10px; }

@media (max-width: 760px)	{
	.offer_box				{ margin-top:150px; }
	.offer table			{ margin-bottom: 40px; }
	.offer th				{ text-align:left; padding:10px; }
	.offer td				{ text-align:left; padding:10px; }
	.np_box					{ width:100%; margin:20px auto; padding: 10px; background-color: #fff4f4; border:1px solid #ffe7e7; border-radius: 10px;  }
	.txt_mem				{ margin-bottom:20px; width:92%; }
}


/*  delete  ********************************************/
.delete_box					{ width:100%; }
.delete_unit				{ margin-bottom:20px; margin-left:1em; }
.delete_box h4				{ color:#3a6bc5; background:none; margin:0; padding:10px; }	
.delete_box	ul				{ margin-bottom:40px; }
.delete_box li				{ }

.delete_check				{
							width: 70%;
							margin:20px auto;
							padding:20px;
							font-size:1.2em;
							text-align: center;
							background-color: #fff7f7;
							border: 2px solid #ffe0e0;
							}

.delete_reason				{
							width: 90%;
							margin:20px auto;
							padding:20px;
							text-align: center;
							}


@media (max-width: 760px)	{
	.delete_box				{ margin-top:150px; }
	.np_box					{ width:100%; margin:20px auto; padding: 10px; background-color: #fff4f4; border:1px solid #ffe7e7; border-radius: 10px;  }
	.txt_mem				{ margin-bottom:20px; width:92%; }
	.delete_box	ul			{ margin:0px auto 20px; width:92%  }
	.delete_box li			{ text-indent: -1em; padding-left:1em; }
}


/*  password  ********************************************/
.password_box				{ width:100%; }
.pass_unit					{  }
.section_form .inner2		{ width: auto; margin: 0 15px; padding: 5px 80px 5px; border-radius: 10px; /* background: #d4e1f5; */ }
.pass_att					{ font-size:0.95em; margin-top:0.5em;  margin-left:1em; text-indent:-1em;}


@media (max-width: 760px)	{
	.password_box				{ margin-top:150px; }
	.np_box					{ width:100%; margin:20px auto; padding: 10px; background-color: #fff4f4; border:1px solid #ffe7e7; border-radius: 10px;  }
	.txt_mem				{ margin-bottom:20px; width:92%; }
	.section_form .inner2	{ width: auto; margin: 0 15px; padding: 5px 0px 5px; border-radius: 10px; /* background: #d4e1f5; */ }

}

/*  change  ********************************************/

/*  pt_change  ********************************************/

.pt_box						{ width:100%; }
.pt_box h4					{ color:#3a6bc5; background:none; margin:0; padding:10px; }	
.pt_box	ul					{ margin-bottom:40px; }
.pt_box li					{ text-indent:-1em; padding-left:1em; }

.pt_box_01 h5				{ color:#3a6bc5; font-size:1.2em; font-weight:bold; background:none; margin:0; padding:10px; }	

.pt_unit					{ margin:0px auto; display: inline;}




.pt_unit_01					{ display: inline-block; width:33%; background-color: #ffebe0; border:1px solid #ffdac7; border-radius: 3px; padding:15px; }
.pt_unit_01 h5				{ font-weight:bold; font-size:1.2em; color:#ff8142; padding-bottom:20px; text-align: center; }
.pt_unit_01 ul				{ margin-bottom:20px;}
.pt_unit_01 li				{ font-size:0.85em; text-indext:0; padding-left:0;  }
.btn_resist_pt01			{ width:160px; position: relative; display: block; font-size: 1.2em; margin: 3px auto; padding: 10px 0;
							text-align: center; color: #fff; border: 1px solid #ea7439; border-radius: 10px; background: #ff8142; -webkit-appearance: none; cursor: pointer; 
							}

.pt_unit_02					{ display: inline-block; width:33%; background-color: #e4f9cb; border:1px solid #cbe9a7; border-radius: 3px; padding:15px; }
.pt_unit_02 h5				{ font-weight:bold; font-size:1.2em; color:#5bc207; padding-bottom:20px; text-align: center; }
.pt_unit_02 ul				{ margin-bottom:20px;}
.pt_unit_02 li				{ font-size:0.85em; text-indext:0; padding-left:0; padding-left:9%; }
.btn_resist_pt02			{ width:160px; position: relative; display: block; font-size: 1.2em; margin: 3px auto; padding: 10px 0;
							text-align: center; color: #fff; border: 1px solid #53a212; border-radius: 10px; background: #5bc207; -webkit-appearance: none; cursor: pointer; 
							}

.pt_unit_03					{ display: inline-block; width:33%; background-color: #d3f1fa; border:1px solid #bbe1ed; border-radius: 3px; padding:15px; }
.pt_unit_03 h5				{ font-weight:bold; font-size:1.2em; color:#3a6bc5; padding-bottom:20px; text-align: center; }
.pt_unit_03 ul				{ margin-bottom:20px;}
.pt_unit_03 li				{ font-size:0.85em; text-indext:0; padding-left:0; }
.btn_resist_pt03			{ width:160px; position: relative; display: block; font-size: 1.2em; margin: 3px auto; padding: 10px 0;
							text-align: center; color: #fff; border: 1px solid #ea7439; border-radius: 10px; background: #ff8142; -webkit-appearance: none; cursor: pointer; 
							}



.dtable						{  }
.dtable_c					{ display:inline-block; width:19.4%;}
.dtable_c ul				{ border-bottom:1px solid #ccc; }
.dtable_c li				{ padding:5px; text-align: center; border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; }
.dtable_c img				{ width:90%; margin-top:5px;  }
/*.goodsname				{ height: 6em; flex-direction:column; display: flex; align-items: center; justify-content: center; } */
.name_box					{ height: 6em; text-align: center; position: relative;}
.goodsname					{ position: absolute; width:100%; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);} 


.pt_photo					{ width:163px; height:163px; background-image:url(../img/thumbnail.jpg); background-size:contain; background-repeat:no-repeat; display: inline-block; background-position: center center;}
.pt_photo2					{ width:266px; height:266px; background-image:url(../img/thumbnail.jpg); background-size:contain; background-repeat:no-repeat; display: inline-block; background-position: center center;}


.choice_box					{ width:100%; padding:20px; margin-bottom:20px; background-color: #fcfcfc; border:1px solid #ebebeb; overflow: hidden; }
.choice_box dt				{ float:left; width:70%; clear:both; text-align:left; padding:10px;}
.choice_box dd				{ float:right; width:30%; padding:10px; text-align: right; padding-top:45px;}

.pt_box2					{ margin-bottom:30px; }
.pt_title					{ background-color: #fff4f4; font-weight:bold; }

.menu_table					{ margin-top:20px; }
.menu_table td				{ text-align: center; }
.td_menutitle				{ text-align: left !important; }
.td_dashed					{ border-right:1px dashed #ccc; }


.pt_box2					{ width:100%; border:1px solid #ccc; padding:15px 10px 10px 10px; overflow: hidden;}
.conf_left					{ float:left; width:23%; }
.conf_right					{ float:right; width:72%; }
.conf_right table			{ width:98%; }
.conf_right td				{ padding:15px; }



@media (max-width: 760px)	{
	.pt_box					{ margin-top:150px;  }
	.pt_box_01				{ margin-top:180px;  }
	.pt_unit_01				{ width:94%; border-radius: 3px; padding:15px; margin:0px 3% 15px;  }
	.pt_unit_01 h5			{ font-weight:bold; font-size:1.2em; color:#ff8142;  padding-bottom:20px; text-align: center; }

	.pt_box_02				{ margin-top:180px;  }
	.pt_unit_02				{ width:94%; border-radius: 3px; padding:15px; margin:0px 3% 15px;  }
	.pt_unit_02 h5			{ font-weight:bold; font-size:1.2em; color:#5bc207; padding-bottom:20px; text-align: center; }

	.pt_box_03				{ margin-top:180px;  }
	.pt_unit_03				{ width:94%; border-radius: 3px; padding:15px; margin:0px 3% 15px;  }
	.pt_unit_03 h5			{ font-weight:bold; font-size:1.2em; color:#3a6bc5; padding-bottom:20px; text-align: center; }






	.dtable_c				{ display:inline-block; width:100%; margin-bottom:10px; padding:10px; }
	.dtable_c img			{ width:100%;  }
	.choice_box				{ margin-bottom:30px; padding:20px; background-color: #f8f8f8; border:1px solid #ccc; }
	.choice_box dt			{ float:left; width:100%; clear:both; text-align:left; padding:10px;}
	.choice_box dd			{ float:right; width:100%; padding:10px; text-align: center; }
	
	.pt_photo2				{ width:300px; height:300px; background-image:url(../img/thumbnail.jpg); background-size:contain; background-repeat:no-repeat; display: inline-block; background-position: center center;}
	.pt_box2				{ width:90%; border:1px solid #ccc; margin:0px auto;  padding:15px 10px 10px 10px; overflow: hidden;}
	.conf_left				{ width:100%; text-align:center; }
	.conf_right				{ width:100%; }
	.conf_right table		{ width:90%; }
	.conf_right td			{ padding:15px; }
	

}