@charset "utf-8";
/*--------------------------------------------------*/
/*  リセット										*/
/*--------------------------------------------------*/
html,body,h1,h2,h3,h4,h5,h6,header,footer,section,div,p,ul,ol,li,dl,dt,dd,article,table,th,td,img,form,input,textarea,select,button {
	margin: 0;
	padding: 0;
	color: #2a2a2a;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
	list-style: none;
	word-break: break-all;
	border: none;
	border-collapse: collapse;
}
a:link	{color: #1010ca;}
a:visited {color: #1010ca;}
a:hover   {color: #f00000;}
a:active  {color: #f00000;}
a:hover img {opacity: 0.8;}
/*--------------------------------------------------*/
/*  共通スタイル									*/
/*--------------------------------------------------*/
.clear:after {clear: both; display: block; height: 0; content: "."; visibility: hidden;}
.focus {background: #ffffd0 !important;}
.colorRed {color: #f00 !important;}
.bold {font-weight: bold !important;}
.hide {display: none !important;}

.clr_000 {color: #000 !important;}
.clr_fff {color: #fff !important;}
.clr_f00 {color: #f00 !important;}
.clr_00f {color: #00f !important;}
.clr_0f0 {color: #0f0 !important;}
.fw_no {font-weight: normal !important;}
.fw_bo {font-weight: bold   !important;}
.fs_10 {font-size: 10px !important;}
.fs_11 {font-size: 11px !important;}
.fs_12 {font-size: 12px !important;}
.fs_13 {font-size: 13px !important;}
.fs_14 {font-size: 14px !important;}
.fs_15 {font-size: 15px !important;}
.fs_16 {font-size: 16px !important;}
.fs_17 {font-size: 17px !important;}
.fs_18 {font-size: 18px !important;}
.fs_19 {font-size: 19px !important;}
.fs_20 {font-size: 20px !important;}
.fs_21 {font-size: 21px !important;}
.fs_22 {font-size: 22px !important;}
.fs_23 {font-size: 23px !important;}
.fs_24 {font-size: 24px !important;}
.fs_25 {font-size: 25px !important;}
.fs_26 {font-size: 26px !important;}
.fs_27 {font-size: 27px !important;}
.fs_28 {font-size: 28px !important;}
.fs_29 {font-size: 29px !important;}
.fs_30 {font-size: 30px !important;}
.fs_31 {font-size: 31px !important;}
.fs_32 {font-size: 32px !important;}
.fs_33 {font-size: 33px !important;}
.fs_34 {font-size: 34px !important;}
.fs_35 {font-size: 35px !important;}
.fs_36 {font-size: 36px !important;}
.ta_c  {text-align: center !important;}
.ta_l  {text-align: left   !important;}
.ta_r  {text-align: right  !important;}
.mt_0  {margin-top:	  0px !important;}
.mt_5  {margin-top:	  5px !important;}
.mt_10 {margin-top:	 10px !important;}
.mt_15 {margin-top:	 15px !important;}
.mt_20 {margin-top:	 20px !important;}
.mt_30 {margin-top:	 30px !important;}
.mt_40 {margin-top:	 40px !important;}
.mt_50 {margin-top:	 50px !important;}
.mb_0  {margin-bottom:   0px !important;}
.mb_5  {margin-bottom:   5px !important;}
.mb_10 {margin-bottom:  10px !important;}
.mb_15 {margin-bottom:  15px !important;}
.mb_20 {margin-bottom:  20px !important;}
.mb_30 {margin-bottom:  30px !important;}
.mb_40 {margin-bottom:  40px !important;}
.mb_50 {margin-bottom:  50px !important;}
.ml_0  {margin-left:	 0px !important;}
.ml_5  {margin-left:	 5px !important;}
.ml_10 {margin-left:	10px !important;}
.ml_15 {margin-left:	15px !important;}
.ml_20 {margin-left:	20px !important;}
.ml_30 {margin-left:	30px !important;}
.ml_40 {margin-left:	40px !important;}
.ml_50 {margin-left:	50px !important;}
.mr_0  {margin-right:	0px !important;}
.mr_5  {margin-right:	5px !important;}
.mr_10 {margin-right:   10px !important;}
.mr_15 {margin-right:   15px !important;}
.mr_20 {margin-right:   20px !important;}
.mr_30 {margin-right:   30px !important;}
.mr_40 {margin-right:   40px !important;}
.mr_50 {margin-right:   50px !important;}
.pt_0  {padding-top:	 0px !important;}
.pt_5  {padding-top:	 5px !important;}
.pt_10 {padding-top:	10px !important;}
.pt_15 {padding-top:	15px !important;}
.pt_20 {padding-top:	20px !important;}
.pt_30 {padding-top:	30px !important;}
.pb_0  {padding-bottom:  0px !important;}
.pb_5  {padding-bottom:  5px !important;}
.pb_10 {padding-bottom: 10px !important;}
.pb_15 {padding-bottom: 15px !important;}
.pb_20 {padding-bottom: 20px !important;}
.pb_30 {padding-bottom: 30px !important;}
.pl_0  {padding-left:	0px !important;}
.pl_5  {padding-left:	5px !important;}
.pl_10 {padding-left:   10px !important;}
.pl_15 {padding-left:   15px !important;}
.pl_20 {padding-left:   20px !important;}
.pl_30 {padding-left:   30px !important;}
.pr_0  {padding-right:   0px !important;}
.pr_5  {padding-right:   5px !important;}
.pr_10 {padding-right:  10px !important;}
.pr_15 {padding-right:  15px !important;}
.pr_20 {padding-right:  20px !important;}
.pr_30 {padding-right:  30px !important;}
.ime_act {ime-mode: active   !important;}
.ime_dis {ime-mode: disabled !important;}
.dsp_non {display: none  !important;}
.dsp_blc {display: block !important;}
.dsp_tbl {display: table !important; width: 100%;}
.dsp_cel {display: table-cell !important; vertical-align: middle;}
.wrp_100 {width: 1000px; margin: 0 auto;}
.wrp_103 {width: 1030px; margin: 20px auto;}
.wrp_120 {width: 1200px; margin: 0 auto;}
.wrp_130 {width: 1300px; margin: 0 auto;}
.tbl_2c   {display: table; width: 1300px; margin: 0 auto;}
.tbl_2c_l {display: table-cell; width: 200px; vertical-align: top;}
.tbl_2c_r {display: table-cell; width: ; padding: 0 0 0 20px; vertical-align: top;}
.tbl_3c   {display: table; width: 1300px; margin: 0 auto;}
.tbl_3c_l {display: table-cell; width: 200px; vertical-align: top;}
.tbl_3c_c {display: table-cell; width: ; padding: 0 20px; vertical-align: top;}
.tbl_3c_r {display: table-cell; width: 240px; vertical-align: top;}
.ovr_hid {overflow: hidden !important;}
.no_border {border: none !important;}
.link {color: #1010ca; text-decoration: underline; cursor: pointer;}
.link:hover {color: #f00000;}
.ac_contents{display: none;}
/*--------------------------------------------------*/
/*  noscript										*/
/*--------------------------------------------------*/
.warning {
	width: 800px;
	margin: 30px auto;
	padding: 20px 40px;
	font-size: 18px;
	line-height: 30px;
	background: #fffaff;
	border: 6px double #f00000;
}
.warning p {
	color: #f00000;
	margin: 0 0 10px -20px;
	font-size: 24px;
	font-weight: bold;
	line-height: 34px;
}
/*--------------------------------------------------*/
/*  注意喚起										*/
/*--------------------------------------------------*/
.emergency_box {
	width: 100% !important;
    max-width: 100% !important;
    padding: 7px !important;
    box-sizing: border-box;
    text-align: center;
    background: #ffe9e9;
    margin-bottom: 10px;
	border: none !important;
}
.emergency_box p.img_warn {
    position: relative;
    margin: 0 !important;
	padding: 0 !important;
    line-height: 25px;
}
.emergency_box p.title {
    margin: 5px 10px;
    color: #d00000;
    font-size: 17px;
    font-weight: 700;
}
.emergency_box p.img_warn::before {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    content: "";
    background-image: url(/img/icon/warn.png);
    background-repeat: no-repeat;
    background-size: contain;
	position: unset;
}
.emergency_box p.img_warn a {
    color: #dd3e3e;
}
.infoma_box {
	background: #e23333;
	margin: 0px 0px 20px;
	text-align: center;
}
.infoma_box p {
	padding: 0;
	margin: 0px;
}
.infoma_box p a {
	padding: 0;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	margin: 0px;
	text-decoration: underline;
	padding: 12px 30px;
	display: block;
}
.infoma_box p a:hover {
	background: #ff1515;
}
/*--------------------------------------------------*/
/*  共通ボタン									  */
/*--------------------------------------------------*/
a.red_btn,
button.red_btn,
.red_btn {
	display: block;
	margin: 0 auto;
	padding: 11px 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	text-shadow: -1px -1px 1px #606060;
	cursor: pointer;
	background: -webkit-linear-gradient(top,#ea3030,#ca0000);
	background: -moz-linear-gradient(top,   #ea3030,#ca0000);
	background: linear-gradient(to bottom,  #ea3030,#ca0000);
	border: 1px solid #b00000;
	border-radius: 4px;
}
.red_btn:hover {
	background: -webkit-linear-gradient(top,#e02a2a,#aa0000);
	background: -moz-linear-gradient(top,   #e02a2a,#aa0000);
	background: linear-gradient(to bottom,  #e02a2a,#aa0000);
}
a.gray_btn,
button.gray_btn,
.gray_btn {
	display: block;
	margin: 0 auto;
	padding: 11px 0;
	color: #2a2a2a;
	font-size: 18px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background: -webkit-linear-gradient(top,#faffff,#dadada);
	background: -moz-linear-gradient(top,   #faffff,#dadada);
	background: linear-gradient(to bottom,  #faffff,#dadada);
	border: 1px solid #808080;
	border-radius: 4px;
}
.gray_btn:hover {
	background: -webkit-linear-gradient(top,#faffff,#c0e0f0);
	background: -moz-linear-gradient(top,   #faffff,#c0e0f0);
	background: linear-gradient(to bottom,  #faffff,#c0e0f0);
}
/*--------------------------------------------------*/
/*  基本スタイル									*/
/*--------------------------------------------------*/
body {
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#body {
	position: relative;
	width: 100%;
}
#body_overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.7);
}
footer {
	border-top: 1px solid #b0b0b0;
	margin: 100px 0 20px 0;
	padding: 20px 0;
}
footer div {
	width: 1030px;
	margin: 0 auto;
	color: #505050;
	font-size: 12px;
	text-align: right;
}
/*--------------------------------------------------*/
/*  ヘッダー										*/
/*--------------------------------------------------*/
header {
	display: table;
	width: 1030px;
	height: 100px;
	margin: 0 auto;
}
#header_l {
	display: table-cell;
	width: 240px;
	padding: 0 50px 0 0;
	vertical-align: middle;
}
#header_l a,
#header_l a img {
	display: block;
	width: 240px;
}
#header_r {
	display: table-cell;
}
#header_r ol {
	margin: 20px 0 0 0;
	font-size: 0;
	text-align: right;
	vertical-align: top;
}
#header_r ol li {
	display: inline-block;
	position: relative;
	width: 100px;
	padding: 0 40px 0 0;
	text-align: center;
}
#header_r ol li:last-child {
	padding: 0 0 0 0;
}
#header_r ol li .num {
	height: 32px;
	padding: 4px 0;
	text-align: center;
}
#header_r ol li .num span {
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto;
	padding: 5px 4px 3px 4px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	background: #aaa;
	border-radius: 100%;
}
#header_r ol li .txt {
	height: 32px;
	color: #aaa;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	text-align: center;
}
#header_r ol li .arw {
	position: absolute;
	top: 0;
	right: -6px;
/*
	z-index: 1;
*/
	color: #aaa;
	font-size: 32px;
	line-height: 40px;
}
#header_r ol li .arw i {
	margin: 0 2px;
}
#header_r ol .active .num span {background: #f06000;}
#header_r ol .active .txt {color: #f06000; font-size:20px;}
#header_r ol .active .arw i:nth-child(1) {color: #ffa040;}
#header_r ol .active .arw i:nth-child(2) {color: #fa8020;}
#header_r ol .active .arw i:nth-child(3) {color: #f06000;}
/*--------------------------------------------------*/
/*  コンテンツ									  */
/*--------------------------------------------------*/
#body {
	display: table;
	width: 1030px;
	margin: 0 auto 20px auto;
}
#body_l {
	display: table-cell;
	padding: 0 20px 0 0;
	vertical-align: top;
}
#body_r {
	display: table-cell;
	width: 280px;
	vertical-align: top;
}
h1 {
	padding: 25px 0 10px 0;
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
}
.wrp_103 h1 {
	padding: 0 0 10px 0;
	font-size: 24px;
}
h2 {
	position: relative;
	margin: 0 0 5px 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
}
.notice_text {
	font-size: 13px;
	line-height: 17px;
}
.contents_box {
	position: relative;
	margin: 0 0 20px 0;
	padding: 20px;
	font-size: 16px;
	line-height: 24px;
	border: 1px solid #b0b0b0;
	border-radius: 4px;
}
.contents_title {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}
.wrp_103 .contents_title {
	font-size: 20px;
}
.normal_tbl {
	width: 100%;
	margin: 0 0 20px 0;
}
.normal_tbl th {
	width: 140px;
	padding: 15px;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	text-align: left;
	vertical-align: middle;
	background: #f0f0f0;
	border: 1px solid #b0b0b0;
	border-bottom: none;
}
.normal_tbl td {
	padding: 15px;
	font-size: 15px;
	line-height: 1.5;
	vertical-align: middle;
	border-top: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
}
.normal_tbl tr:last-child th,
.normal_tbl tr:last-child td {
	border-bottom: 1px solid #b0b0b0;
}
.normal_tbl td p {
	font-size: 15px;
	line-height: 1.5;
	vertical-align: bottom;
}
/*--------------------------------------------------*/
/*  配送先の登録フォーム                            */
/*--------------------------------------------------*/
.reg_tbl {
	width: 100%;
	margin: 10px 0 0 0;
}
.reg_tbl th {
	width: 180px;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	text-align: right;
	vertical-align: middle;
	background: #f0f0f0;
	border: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
}
.reg_tbl td {
	padding: 0 0 0 0;
	font-size: 0;
	vertical-align: middle;
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
}
.reg_tbl th,
.reg_tbl td {
	border-bottom: 1px solid #d0d0d0;
}
.reg_tbl th span.check {
	display: inline-block;
	width: 30px;
	height: 12px;
	margin: 0 10px 0 15px;
	padding: 4px 0;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	background: #e00000;
}
.reg_tbl tr.ok th span.check {
	background: #009a3a;
}
.reg_tbl td .inner {
	position: relative;
	padding: 20px;
	font-size: 0;
}
.reg_tbl td .inner.addr1::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	content: "";
	cursor: default;
	background-color: rgba(0,0,0,0.5);
}
.reg_tbl td .inner.addr1::after {
	display: block;
	position: absolute;
	top: calc(50% - 54px);
	left: 0;
	width: 100%;
	z-index: 4;
	color: #000;
	font-size: 32px;
	font-weight: bold;
	line-height: 54px;
	text-align: center;
	content: "自宅に配達の場合は\A入力不要です";
	white-space: pre;
	cursor: default;
	text-shadow: 
		#fff 2px 0px,  #fff -2px 0px,
		#fff 0px -2px, #fff 0px 2px,
		#fff 2px 2px , #fff -2px 2px,
		#fff 2px -2px, #fff -2px -2px,
		#fff 1px 2px,  #fff -1px 2px,
		#fff 1px -2px, #fff -1px -2px,
		#fff 2px 1px,  #fff -2px 1px,
		#fff 2px -1px, #fff -2px -1px;
}
.reg_tbl td .inner.addr1.active::before,
.reg_tbl td .inner.addr1.active::after {
	display: none;
}
.select_payment {
	display: table;
	width: 100%;
	table-layout: fixed;
	font-size: 0;
}
.select_payment li {
	display: table-cell;
	position: relative;
	padding: 10px 0 15px 0;
	text-align: center;
	cursor: pointer;
	background: #fff;
	border-right: 1px solid #d0d0d0;
}
.select_payment li:last-child {
	border-right: none;
}
.select_payment li.active {
	background: -webkit-linear-gradient(top,#fff090,#f0ca5a);
	background: -moz-linear-gradient(top,   #fff090,#f0ca5a);
	background: linear-gradient(to bottom,  #fff090,#f0ca5a);
}
.select_payment li.active::before {
	position: absolute;
	bottom: 0;
	left: calc(50% - 4px);
	z-index: 1;
	width: 0;
	height: 0;
	content: "";
	border-color: transparent transparent #d0d0d0 transparent;
	border-style: solid solid solid solid;
	border-width: 0 8px 8px 8px;
}
.select_payment li.active::after {
	position: absolute;
	bottom: -1px;
	left: calc(50% - 4px);
	z-index: 2;
	width: 0;
	height: 0;
	content: "";
	border-color: transparent transparent #fffff0 transparent;
	border-style: solid solid solid solid;
	border-width: 0 8px 8px 8px;
}
.select_payment li.disabled::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	content: "";
	cursor: default;
	background-color: rgba(0,0,0,0.8);
}
.select_payment li.disabled::after {
	position: absolute;
	top: calc(50% - 48px);
	left: 0;
	z-index: 4;
	width: 100%;
	content: "後払いは\A商品代金\A 20000円 \Aまで";
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	white-space: pre;
	cursor: default;
}
.select_payment li input {
	display: none;
}
.select_payment li label {
	display: block;
	position: relative;
	padding: 48px 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	cursor: pointer;
	text-align: center;
}
.select_payment li label::before {
	position: absolute;
	top: 4px;
	left: calc(50% - 16px);
	z-index: 1;
	width: 24px;
	height: 24px;
	content: "";
	background: #fff;
	border: 4px solid #808080;
	border-radius: 4px;
}
.select_payment li:hover label::before,
.select_payment li.active label::before {
	border: 4px solid #000;
}
.select_payment li.active label::after {
	position: absolute;
	top: -4px;
	left: calc(50% - 12px);
	z-index: 2;
	color: #209080;
	font-size: 38px;
	font-weight: bold;
	font-family: FontAwesome;
	content: "\f00c";
}
.select_payment li p {
	margin: 0 10px;
	font-size: 10px;
	line-height: 1;
	text-align: right;
}
.select_payment li p .title {
	display: block;
	margin: 5px 0 0 0;
	font-size: 12px;
	text-align: left;
}
.select_payment li p strong {
	padding: 0 2px;
	font-family: "arial black", Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	line-height: 1;
}
.payment_info li {
	display: none;
	padding: 10px 10px;
	font-size: 16px;
	line-height: 22px;
	background: #fffff0;
	border-top: 1px solid #d0d0d0;
}
.payment_info li.active {
	display: block;
}
.payment_info li > p {
	position: relative;
	margin: 6px 0;
	padding: 0 0 0 18px;
	font-size: 15px;
	line-height: 23px;
}
.payment_info li > p::before {
	position: absolute;
	top: 1px;
	left: 0;
	content: "・";
	font-size: 24px;
}
.payment_info li p strong {
	font-size: 18px;
	font-weight: bold;
}
.payment_info li .sp {
	margin: 20px 20px 10px 20px;
	padding: 5px 20px;
	background: #fff;
	border: 3px double #d00000;
}
.payment_info li .inbox {
	margin: 20px 10px 10px 10px;
	padding: 5px 10px;
	background: #fff;
	border: 1px double #b0b0b0;
}
.payment_info li .inbox p.title {
	margin: 5px 0 10px 5px;
	font-size: 16px;
	font-weight: bold;
}
.payment_info li .inbox p:not(.title) {
	position: relative;
	margin: 5px 0;
	padding: 0 0 0 20px;
	font-size: 13px;
	line-height: 17px;
}
.payment_info li .inbox p:not(.title)::before {
	position: absolute;
	top: 1px;
	left: 5px;
	content: "・";
	font-size: 16px;
}
.reg_tbl td .warn p {
	position: relative;
	margin: 8px 0 8px 10px;
	padding: 0 0 0 10px;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}
.reg_tbl td .warn p::before {
	position: absolute;
	top: 8px;
	left: 0;
	width: 4px;
	height: 4px;
	content: "";
	background: #2a2a2a;
	border-radius: 50%;
}
.reg_tbl td .sp_warn {
	margin: 10px 0 30px 0;
	padding: 10px 15px;
	border: 5px double #d00000;
}
.reg_tbl td .sp_warn p {
	margin: 8px 0;
	color: #d00000;
	font-size: 18px;
	font-weight:bold;
	line-height: 26px;
	text-align: left;
}
.reg_tbl td .error {
	display: none;
	margin: 10px 0;
	padding: 4px 15px;
	background: #d00000;
}
.reg_tbl td .error.active {
	display: block;
}
.reg_tbl td .error p {
	position: relative;
	margin: 6px 0;
	padding: 0 0 0 12px;
	color: #fff;
	font-size: 15px;
	line-height: 21px;
	text-align: left;
}
.reg_tbl td .error p::before {
	position: absolute;
	top: 8px;
	left: 0;
	width: 4px;
	height: 4px;
	content: "";
	background: #fff;
	border-radius: 50%;
}
.reg_tbl td .input {
	display: inline-block;
	position: relative;
	width: calc(100% - 2px);
	height: 50px;
	margin: 5px 0;
	padding: 0;
	font-size: 0;
	line-height: 1;
	background: #fff0fc;
	border: 1px solid #e04040;
	border-radius: 3px;
}
.reg_tbl tr td .input.ok,
.reg_tbl tr td .input.disabled {
	background: #fff;
	border: 1px solid #b0b0b0;
}
.reg_tbl tr td .input.disabled::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	content: "";
	background-color: rgba(0,0,0,0.2);
	border-radius: 3px;
}
.reg_tbl td .input.w_50per {
	width: calc(50% - 22px);
	margin-right: 20px;
}
.reg_tbl td .input_l.w_50per {
	width: calc(50% - 12px);
	margin-right: 10px;
}
.reg_tbl td .input_r.w_50per {
	width: calc(50% - 12px);
	margin-left: 10px;
	margin-right: 0;
}
.reg_tbl td .input.w_40per {
	width: calc(40% - 22px);
	margin-right: 20px;
}
.reg_tbl td .end .input {
	background: #f0f0f0;
	border: 1px solid #b0b0b0;
}
.reg_tbl td .input .input_t,
.reg_tbl td .input .input_ex {
	position: absolute;
	z-index: 0;
	line-height: 1;
}
.reg_tbl td .input .input_t {
	top: 6px;
	left: 10px;
	color: #000;
	font-size: 12px;
}
.reg_tbl td .input .input_ex {
	bottom: 6px;
	left: 15px;
	color: #8a8a8a;
	font-size: 18px;
}
.reg_tbl td .input.focus .input_ex,
.reg_tbl td .input.comp .input_ex {
	display: none !important;
}
.reg_tbl td .input input[type="text"] {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: calc(100% - 30px);
	height: 18px;
	margin: 0;
	padding: 26px 15px 6px 15px;
	font-size: 18px;
	line-height: 1;
	background: rgba(255,0,0,0);
	border: none;
	outline: none;
}
.reg_tbl td select {
	display: inline-block;
	height: 42px;
	margin: 5px 0;
	padding: 0 6px;
	font-size: 18px;
	line-height: 42px;
	background: #fff0fc;
	border: 1px solid #e04040;
	border-radius: 3px;
}
.reg_tbl td select.ok {
	background: #fff;
	border: 1px solid #b0b0b0;
}
.reg_tbl td .birth span {
	margin: 0 20px 0 5px;
	font-size: 18px;
}
.reg_tbl td .inner input[type="radio"] {
	display: none;
}
.reg_tbl td .inner label {
	display: inline-block;
	position: relative;
	min-width: 120px;
	margin: 0 10px;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	cursor: pointer;
	background: -webkit-linear-gradient(top,#faffff,#dadada);
	background: -moz-linear-gradient(top,   #faffff,#dadada);
	background: linear-gradient(to bottom,  #faffff,#dadada);
	border: 1px solid #808080;
	border-radius: 4px;
}
.reg_tbl td .inner.btn3 label {
	min-width: 70px;
	max-width: 70px;
}
.reg_tbl td .inner input[type="radio"]:checked + label {
	font-weight: bold;
	background: -webkit-linear-gradient(top,#fff090,#f0ca5a);
	background: -moz-linear-gradient(top,   #fff090,#f0ca5a);
	background: linear-gradient(to bottom,  #fff090,#f0ca5a);
	border: 1px solid #8a8a50;
}
.reg_tbl td #btn_overlay {
	display: none;
	position: absolute;
	top: 147px;
	left: calc(50% - 66px);
	z-index: 1;
	width: 264px;
	height: 86px;
	content: "";
	cursor: default;
	background-color: rgba(0,0,0,0.8);
}
.reg_tbl td #btn_overlay p {
	position: absolute;
	top: calc(50% - 11px);
	left: 0;
	width: 100%;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
}
.reg_tbl .zip_notice {
	display: inline-block;
	width: calc(60% - 22px);
	padding: 3px 0 0 0;
	vertical-align: top;
}
.reg_tbl .zip_notice a,
.reg_tbl .zip_notice p {
	font-size: 15px;
	line-height: 21px;
}
.reg_tbl .select_mail {
	display: none;
	height: 62px;
	margin: 20px 0 10px 0;
	font-size: 18px;
	line-height: 1;
	text-align: left;
}
.reg_tbl .postpay_hide,
.reg_tbl .deli_h,
.reg_tbl .deli_o,
.reg_tbl .deli_p {
	display: none;
}
.reg_tbl .postpay_hide.active,
.reg_tbl .select_mail.active {
	display: block;
}
.reg_tbl .mail_tbl {
	display: table;
	width: 100%;
}
.reg_tbl .mail_tbl > div {
	display: table-cell;
	position: relative;
	vertical-align: top;
}
.reg_tbl .mail_tbl .mail_tbl_l {
	min-width: 200px;
}
.reg_tbl .mail_tbl .input,
.reg_tbl .mail_tbl select {
	margin: 0;
}
.reg_tbl .mail_tbl select {
	height: 50px !important;
	line-height: 50px !important;
}
.reg_tbl .mail_tbl .mail_tbl_c {
	padding-top: 18px;
	width: 40px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.agree_box {
	margin: 20px 0 0 0;
	padding: 15px 20px;
	font-size: 13px;
	line-height: 23px;
	border: 1px solid #d0d0d0;
	border-radius: 2px;
}
/*--------------------------------------------------*/
/*  既存ユーザー用                                  */
/*--------------------------------------------------*/
.reg_tbl .reg_data {
	display: inline-block;
	margin: 0 20px 0 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
}
.reg_tbl #select_address li {
	position: relative;
	overflow: hidden;
	padding: 4px;
}
.reg_tbl #select_address li:not(:last-child) {
	padding: 4px 4px 3px 4px;
	border-bottom: 1px dotted #b0b0b0;
}
.reg_tbl #select_address li.active {
	padding: 0;
	border: 4px solid #e00000;
}
.reg_tbl #select_address li:not(.active):hover {
	background: #fff0ff;
}
.reg_tbl #select_address li.active::after {
	position: absolute;
	top: 12px;
	left: calc(50% - 70px);
	z-index: 3;
	color: #e00000;
	content: "ここに配達する";
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}
.reg_tbl #select_address li .pointer {
	cursor: pointer;
}
.reg_tbl #select_address li.active .pointer,
.reg_tbl #select_address li.disabled .pointer {
	cursor: default;
}
.reg_tbl #select_address li.disabled {
	background: #fff !important;
}
.reg_tbl #select_address li.disabled::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	height: 100%;
	content: "";
	cursor: default;
	background-color: rgba(0,0,0,0.5);
}
.reg_tbl #select_address li.disabled::after {
	position: absolute;
	top: calc(50% - 12px);
	left: 0;
	z-index: 5;
	width: 100%;
	content: "後払いは自宅配達のみです";
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.reg_tbl #address_new {
	position: relative;
	border-top: 1px dotted #b0b0b0;
}
.reg_tbl #address_new p.new_ok {
	padding: 30px 20px;
	font-size: 20px;
	line-height: 1;
	text-align: center;
}
.reg_tbl #address_new p.new_ng {
	padding: 30px 20px;
	font-size: 18px;
	line-height: 26px;
}
.reg_tbl .ad_tbl {
	display: table;
	position: relative;
	width: 100%;
}
.reg_tbl .ad_tbl > div {
	display: table-cell;
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
	vertical-align: middle;
}
.reg_tbl .ad_tbl .ad_tbl_l {
	width: 60px;
}
.reg_tbl .ad_tbl .ad_tbl_c {
	padding-left: 10px;
	padding-right: 10px;
}
.reg_tbl #select_address li .no_data {
	padding-top: 20px;
	text-align: center;
}
.reg_tbl .ad_tbl .ad_tbl_r {
	width: 60px;
}
.reg_tbl .ad_tbl .ad_tbl_l p {position: relative;}
.reg_tbl .ad_tbl .ad_tbl_l p::before {
	position: absolute;
	top: calc(50% - 14px);
	left: calc(50% - 14px);
	z-index: 1;
	width: 20px;
	height: 20px;
	content: "";
	background: #fff;
	border: 4px solid #808080;
	border-radius: 4px;
}
.reg_tbl .active .ad_tbl .ad_tbl_l p::before,
.reg_tbl .ad_tbl:hover .ad_tbl_l p::before {
	border: 4px solid #000;
}
.reg_tbl .active .ad_tbl .ad_tbl_l p::after {
	position: absolute;
	top: -23px;
	left: calc(50% - 11px);
	z-index: 2;
	color: #209080;
	font-size: 36px;
	font-weight: bold;
	font-family: FontAwesome;
	content: "\f00c";
	line-height: 1;
}
.reg_tbl .ad_tbl .ad_tbl_c p {
	margin: 4px 0;
	font-size: 16px;
	line-height: 22px;
}
.reg_tbl .ad_tbl .ad_tbl_c p span {
	padding-right: 10px;
}
.reg_tbl .ad_tbl .ad_tbl_r a,
.reg_tbl .ad_tbl .ad_tbl_r p {
	display: block;
	margin: 15px 0;
	font-size: 13px;
	line-height: 1;
	text-align: center;
}
.reg_tbl .ad_tbl .ad_tbl_r p.mark {
	position: absolute;
	top: -8px;
	right: -27px;
	z-index: 3;
	width: 90px;
	padding: 6px 10px;
	content: "自 宅";
	color: #fff;
	font-size : 14px;
	font-weight: bold;
	text-align: center;
	background: #e00000;
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
}

/*--------------------------------------------------*/
/*  買物カゴ										*/
/*--------------------------------------------------*/
.cart_tbl {
	width: 100%;
}
.cart_tbl th {
	padding: 8px 0;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background: #fafafa;
}
.cart_tbl td {
	padding: 10px;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
}
.cart_tbl th,
.cart_tbl td {
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
}
.cart_tbl th:last-child,
.cart_tbl td:last-child {
	border-right: 1px solid #c0c0c0;
}
.cart_tbl tr:last-child td {
	border-bottom: 1px solid #c0c0c0;
}
.cart_tbl .img {
	width: 80px;
}
.cart_tbl .img a,
.cart_tbl .img a img {
	display: block;
	width: 100%;
}
.cart_tbl .name {
	text-align: left;
	border-left: none;
}
.cart_tbl .name a {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
}
.cart_tbl .name a:hover {
	color: #f00000;
}
.cart_tbl .name input[type="submit"] {
	margin: 15px 0 0 0;
	color: #1010ca;
	font-size: 12px;
	background: none;
	border: none;
	cursor: pointer;
}
.cart_tbl .unit {
	width: 80px;
	text-align: right;
}
.cart_tbl .num {
	min-width: 64px;
}
.cart_tbl .num select {
	display: block;
	min-width: 54px;
	margin: 0 auto;
	padding: 4px 0;
	font-size: 16px;
	border: 1px solid #c0c0c0;
}
.cart_tbl .num option {
	font-size: 16px;
	text-align: right;
}
.cart_tbl .num input.gray_btn {
	font-size: 14px;
	margin: 8px auto;
	padding: 7px 5px;
}
.cart_tbl .total {
	width: 120px;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}



.cart_tbl.add_del .unit p {
	font-size: 16px;
	line-height: 21px;
	text-align: right;
	vertical-align: bottom;
}
.cart_tbl.add_del .unit p span {
	font-size: 11px;
	margin: 0 0 0 3px;
}
.cart_tbl.add_del .num {
	position: relative;
	min-width: 42px;
}
.cart_tbl.add_del .num select {
	display: block;
	min-width: 40px;
	max-width: 48px;
	margin: 0 auto;
	padding: 4px 0;
	font-size: 16px;
	text-align: center;
	border: 1px solid #c0c0c0;
	border-radius: 3px;
}
.cart_tbl.add_del .num option {
	font-size: 16px;
	text-align: center;
}
.cart_tbl.add_del .total {
	min-width: 80px;
	max-width: 120px;
}
.cart_tbl.add_del .total p {
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
}
.cart_tbl.add_del .total p span {
	font-size: 12px;
	margin: 0 0 0 4px;
}
.cart_tbl.add_del .del {
	padding: 0 15px;
	min-width: 43px;
	text-align:center;
}
.cart_tbl.add_del .del p {
	position: relative;
	max-width: 43px;
	height: 21px;
	margin: 0 auto;
	color: #606060;
	text-align: center;
	line-height: 1;
	text-align: center;
	cursor: pointer;
}
.cart_tbl.add_del .del p input[type="submit"] {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	width: 43px;
	padding: 0 0 0 15px;
	color: #4a4a4a;
	font-size: 13px;
	line-height: 21px;
	text-align: center;
	cursor: pointer;
	background: none;
	border: none;
	outline: none;
}
.cart_tbl.add_del .del p::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	font-family: FontAwesome;
	content: "\f057";
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	line-height: 21px;
}
.cart_tbl.add_del .del p:hover,
.cart_tbl.add_del .del p:hover input[type="submit"] {
	color: #808080;
}
.num .cart_delete_form p{
	position: absolute;
	width: 38px;
	height: 24px;
	margin: 0 auto;
	padding: 0 8px 0 4px;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	text-decoration: none;
	background: #7a7a7a;
	border-radius: 3px;
	color: #fff;
    top: calc(50% + 12px);
    left: calc(50% + 24px);
    /*
	top: 50%;
	left: 50%;
*/
	/* transform: translateY(-50%) translateX(-50%); */
	-webkit-transform: translateY(-50%) translateX(-50%);
	margin-top: -12px;
}
.num .cart_delete_form p:before {
	position: absolute;
	top: 0;
	left: 6px;
	z-index: 1;
	font-family: FontAwesome;
	content: "\f00d";
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 25px;
}
.num .cart_delete_form p input{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	padding: 0 0 0 22px;
	color: #fff;
	font-size: 11px;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background: none;
	border: none;
	outline: none;
}
.cart_update_form{
	padding-right: 60px;
}
/*--------------------------------------------------*/
/*  レコメンド部分								  */
/*--------------------------------------------------*/
.recommend_item {
	position: relative;
	width: 660px;
	margin: 20px 0;
	padding: 0 35px;
	font-size: 0;
}
.recommend_item li {
	display: inline-block;
	width: 116px;
	margin: 0 8px;
	vertical-align: top;
	overflow: hidden;
	outline: none;
}
.recommend_item li .prd_img,
.recommend_item li .prd_img img,
.recommend_item li .prd_nam,
.recommend_item li .prd_dsc,
.recommend_item li .prd_prc,
.recommend_item li .prd_rev,
.recommend_item li .prd_rev span {
	display: block;
}
.recommend_item li .prd_img {border: 1px solid #c0c0c0;}
.recommend_item li .prd_img:hover {border: 1px solid #f00000;}
.recommend_item li .prd_img img {width: 100%;}
.recommend_item li .prd_nam {
	min-height: 40px;
	max-height: 40px;
	margin: 6px 4px;
	color: #1010ca;
	font-size: 15px;
	line-height: 19px;
	text-decoration: underline;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.recommend_item li .prd_prc {
	padding: 3px 0;
	color: #e00000;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
}
.recommend_item li .prd_rev {
	color: #2a2a2a;
	font-size: 11px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
}
.recommend_item li .prd_rev img {
	margin: 0 auto;
}
.recommend_item li .prd_nam:hover,
.recommend_item li .prd_prc:hover,
.recommend_item li .prd_rev:hover {
	color: #f00000;
}
.rcm_slider .slick-prev,
.rcm_slider .slick-next {
	display: block;
	top: calc(50% - 42px);
	z-index: 1;
	color: transparent;
	width: 28px;
	height: 84px;
	font-size: 0;
	cursor: pointer;
	background: #f0f0f0;
	border: 1px solid #909090;
	border-radius: 2px;
	outline: none;
}
.rcm_slider .slick-prev {left: 0;}
.rcm_slider .slick-next {right: 0;}
.rcm_slider .slick-prev::before,
.rcm_slider .slick-next::before {
	position: absolute;
	top: 34px;
	width: 28px;
	font-family: FontAwesome;
	font-style: normal;
	color: #404040;
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
}
.rcm_slider .slick-prev::before {right: 0; content: "\f053";}
.rcm_slider .slick-next::before {left:  0; content: "\f054";}
.rcm_slider .slick-prev:hover,
.rcm_slider .slick-next:hover {
	background: #e0e0e0;
}
.rcm_slider .slick-prev button,
.rcm_slider .slick-next button {
	font-size: 0;
}
.rcm_slider .slick-prev.slick-disabled,
.rcm_slider .slick-next.slick-disabled {
	cursor: default;
	background: #fefefe;
	border: 1px solid #c0c0c0;
}
.rcm_slider .slick-prev.slick-disabled::before,
.rcm_slider .slick-next.slick-disabled::before {
	color: #c0c0c0;
}

/*--------------------------------------------------*/
/*	右メニュー										*/
/*--------------------------------------------------*/
.right_menu {
	width: 280px;
}
.right_menu .tel_img img {
	display: block;
	width: 280px;
	margin: 0 0 5px 0;
}
.right_box {
	padding: 10px;
	font-size: 16px;
	line-height: 24px;
	background: #fafafa;
	border: 1px solid #b0b0b0;
	border-radius: 4px;
}
.right_box table {
	width: 100%;
}
.right_box table th {
	width: 100px;
	padding: 6px 10px;
	font-size: 15px;
	line-height: 1;
	text-align: left;
}
.right_box table td {
	padding: 6px 10px;
	color: #e00000;
	font-size: 15px;
	line-height: 1;
	text-align: right;
}
.right_box table tr:last-child th,
.right_box table tr:last-child td {
	padding: 12px 10px;
	font-weight: bold;
	border-top: 1px solid #808080;
}
.right_box .btn_area {
	margin: 15px 10px 10px 10px;
	padding: 20px 15px;
	background: #fff;
	border: 1px solid #b0b0b0;
	border-radius: 4px;
}
.right_box .btn_area a,
.right_box .btn_area button {
	width: 200px;
	padding: 13px 0;
}
.fee_balloon {
	display: block;
	width: 100%;
	max-width: 160px;
	margin: 5px 0 5px 60px;
	padding: 6px;
	font-size: 12px;
	border-radius: 3px;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.4);
	position: relative;
}
.fee_balloon {
	display: block;
	position: relative;
	z-index: 2;
	overflow: hidden;
	width: 100%;
	border: 1px solid #f06000;
	border-radius: 2px;
	background-color: #f06000;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	transition: .25s linear;
	-webkit-transition: .25s linear;
	-moz-transition: .25s linear;
}
.fee_balloon span{
	font-weight:bold;
	font-size:15px;
}

.fee_balloon:before {
	display: block;
	position: absolute;
	z-index: -1;
	left: -30%;
	top: -50%;
	content: "";
	width: 30px;
	height: 100px;
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
	animation: shiny 3s infinite linear;
	-webkit-animation: shiny 3s infinite linear;
	-moz-animation: shiny 3s infinite linear;
}
@keyframes shiny {
	0% {
		left: -30%;
	}
	20% {
		left: 120%;
	}
	100% {
		left: 120%;
	}
}
@-webkit-keyframes shiny {
	0% {
		left: -30%;
	}
	20% {
		left: 120%;
	}
	100% {
		left: 120%;
	}
}
@-moz-keyframes shiny {
	0% {
		left: -30%;
	}
	20% {
		left: 120%;
	}
	100% {
		left: 120%;
	}
}

/*--------------------------------------------------*/
/*	注文完了→お支払い								*/
/*--------------------------------------------------*/
#pay_contents {
	margin: 20px 0 40px 0;
	padding: 20px 30px;
	line-height: 1;
	text-align: center;
	background: #fff0fc;
	border: 2px solid #f05070;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#pay_contents h1 {
	padding: 0 0 0 0;
	color: #c02020;
	font-size: 32px;
}
#pay_contents .box {
	width: 932px;
	padding: 20px;
	background: #fff;
	border: 2px solid #53c3f1;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#pay_contents .box .select_credit {
	font-size: 0;
	text-align: left;
}
#pay_contents .box .select_credit li {
	display: inline-block;
	width: 446px;
	margin: 10px;
	font-size: 0;
}
#pay_contents .box.postpay button,
#pay_contents .box.conveni input[type="submit"] {
	width: 720px;
	margin: 10px auto;
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	line-height: 80px;
	text-align: center;
	text-decoration: none;
	text-shadow: -1px -1px 1px #666;
	cursor: pointer;
	background: -webkit-linear-gradient(top,#f08030,#ca5000);
	background: -moz-linear-gradient(top,   #f08030,#ca5000);
	background: linear-gradient(to bottom,  #f08030,#ca5000);
	border: 2px solid #ba4000;
	border-radius: 4px;
}
#pay_contents .box.postpay button {
	margin: 10px auto 40px auto;
}
#pay_contents .box.postpay button:hover,
#pay_contents .box.conveni input[type="submit"]:hover,
#pay_contents .box .select_credit li:hover {
	opacity: 0.8;
}
#pay_contents .box.bank table {
	margin: 0 auto 20px auto;
}
#pay_contents .box.bank table th {
	font-size: 18px;
	line-height: 1;
	text-align: right;
	vertical-align: middle;
}
#pay_contents .box.bank table td {
	padding: 6px 0;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	vertical-align: middle;
}
#pay_contents .box.bank table td:nth-child(2) {
	width: 50px;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}
#pay_contents .box .notice {
	width: 600px;
	margin: 15px auto 0 auto;
	padding: 10px 10px 10px 30px;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	background: #f7ffff;
	border: 1px solid #70bad0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#pay_contents .box .notice li {
	list-style: disc;
}
#pay_contents .link_area {
	padding: 30px 0 10px 0;
}
#pay_contents .link_area a,
#pay_contents .link_area span {
	color: #1010ca;
	font-size: 18px;
	line-height: 36px;
	text-decoration: underline;
	cursor: pointer;
}
#pay_contents .link_area a:hover,
#pay_contents .link_area span:hover {
	color: #f00000;
}
#pay_contents .inner {
	margin: 20px;
}
#pay_contents .inner p {
	padding: 8px 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	text-align: left;
}
.flow_box {
	width: 998px;
	margin: 10px auto;
	font-size: 0;
}
.flow_box li {
	display: inline-block;
	position: relative;
	width: 212px;
	padding-right: 50px;
}
.flow_box li:last-child {
	padding-right: 0;
}
.flow_box li div {
	width: 192px;
	height: 72px;
	padding: 15px 9px;
	color: #904a00;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-shadow: -1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;
	background: #fffaea;
	border: 1px solid #904a00;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.flow_box li:not(:last-child):after {
	display: block;
	position:absolute;
	top: 33px;
	right: 15px;
	content: "";
	width: 0;
	border: 20px solid transparent;
	border-left-color: #d09a40;
	border-right-width: 0;
}
.flow_box li img {
	position: absolute;
	top: -34px;
	left: 182px;
	width: 54px;
}
.notice_box {
	margin: 0 20px 20px 20px;
	padding: 20px;
	font-size: 18px;
	line-height: 26px;
	vertical-align: bottom;
	background: #fff8fe;
	border: 2px solid #f05070;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.notice_box p {
	padding: 4px 0;
	font-size: 18px;
	line-height: 26px;
}
.notice_box .title {
	margin: 20px 0 5px 0;
	color: #f00000;
	font-size: 20px;
	font-weight: bold;
}
.notice_box strong {
	padding: 0 2px;
	font-size: 19px;
	font-weight: bold;
}
.notice_box .in_box {
	margin: 10px 30px 0 30px;
	padding: 20px;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	background: #ffffff;
	border: 2px solid #f05070;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.notice_box .in_box a {
	margin: 0 20px;
	font-size: 22px;
	font-weight: normal;
}
.thanks_line {
	text-align: center;
	margin-top: 60px;
}


/*--------------------------------------------------*/
/*	モーダルウィンドウ								*/
/*--------------------------------------------------*/
#modal_overlay {
	display: none;
	z-index: 200;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.75);
}
.modal_box {
	display: none;
	position: absolute;
	z-index: 202;
	width: 720px;
	text-align: left;
	background: #fff;
	border: 4px solid #53c3f1;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.modal_box .close_btn {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 48px;
	height: 36px;
	padding: 6px 0;
	color: #fff;
	font-size: 36px;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	background: #53c3f1;
}
.modal_box .close_btn:hover {
	opacity: 0.8;
}
.modal_box .title {
	padding: 30px 60px 20px 30px;
	font-size: 28px;
	font-weight: bold;
	line-height: 36px;
	text-align: center;
}
.modal_box .body {
	padding: 20px 30px;
}
.modal_box .body p {
	padding: 4px 0;
	font-size: 18px;
	line-height: 26px;
}
.modal_box .body form {
	width: 540px;
	margin: 0 auto 20px auto;
}
.modal_box .body form p {
	margin: 0;
	padding: 0;
	line-height: 1;
}
.modal_box .body form .input {
	margin: 0 0 15px 0;
}
.modal_box .red_btn {
	width: 240px;
	margin: 30px auto 10px auto;
	padding: 14px 0;
}
.modal_box .gray_btn {
	width: 240px;
	margin: 30px auto 10px auto;
	padding: 13px 0;
}
.modal_box .login_form,
.modal_box .address_form {
	width: 480px;
	margin: 0 auto;
	padding: 10px;
	background: #fff;
	border: 1px solid #b0b0b0;
	border-radius: 4px;
}
.modal_box .login_form label {
	display: block;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 4px;
}
.modal_box .login_form label.selected {
	background: #dafaff;
	border: 1px solid #baf0ff;
}
.modal_box .login_form .selectLogin1 {
	font-size: 0;
}
.modal_box .login_form .selectLogin1 .form_title {
	display: inline-block;
	width: 170px;
	padding: 48px 5px 0 15px;
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
}
.modal_box .login_form .selectLogin1 .form_body {
	display: inline-block;
	width: 258px;
	padding: 10px 15px;
	font-weight: bold;
}
.modal_box .login_form .selectLogin1 .form_body p {
	font-size: 13px;
	line-height: 15px;
}
.modal_box .login_form .selectLogin1 .form_body input[type="text"] {
	display: block;
	width: 240px;
	height: 26px;
	padding: 0 8px;
	font-size: 14px;
	line-height: 26px;
	background: #fff;
	border: 1px solid #b0b0b0;
	border-radius: 3px;
}
.modal_box .login_form .selectLogin2 {
	width: 453px;
	padding: 20px 10px 20px 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
.modal_box .payment .red_btn {
	width: 320px;
	margin: 30px auto 20px auto;
	padding: 18px 0;
	font-size: 22px;
}
.modal_box .payment .gray_btn {
	width: 240px;
	margin: 0 auto 20px auto;
	padding: 16px 0;
}
.modal_box .btn_area {
	position: relative;
	margin: 20px 0 0 0;
	font-size: 0;
	text-align: center;
}
.modal_box .btn_area a,
.modal_box .btn_area p {
	display: inline-block;
	margin: 10px 20px;
}
.modal_box .btn_area .gray_btn {
	width: 160px;
}
.modal_box .gray_btn.ng_btn {
	width: 160px;
	margin: 10px auto;
	padding: 12px 0;
	font-size: 16px;
}

/*------カートの枠---------*/

.bothPrTags{
border:1px solid #ccc;
margin: 3px;
padding: 6px;
border-radius: 2px;
display: inline-block;
}


/* レコメンドパーツ↓（カートページ） */
#item_recommend_cart{
    margin-top: 40px;
    padding: 0px;
}
#item_recommend_cart #ppz_main{
    border: 1px solid #c0c0c0;
    padding: 20px;
    margin: 0px auto;
    border-radius: 3px;
}
#item_recommend_cart .ppz_detail .ppz_title{
    margin: 0 auto 19px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    background: url(/img/icon/reco_star.png) no-repeat 10px 0;
    background-color: transparent;
    background-size: 30px;
    background-position: 0;
    padding: 5px;
    padding-left: 40px;
}
#item_recommend_cart .ppz_detail .ppz_item ul{
    display: flex;
    flex-wrap: nowrap;
    gap: 0 15px;
    width: 95%;
    margin: 0 auto;
}
#item_recommend_cart .ppz_detail .ppz_item ul li.ppz_prd{
    display: block;
    width: 15%;
    margin: 0;
    padding: 0;
    background: #fff;
}
#item_recommend_cart .ppz_detail .ppz_item ul li.ppz_prd a{
    display: block;
    text-decoration: none;
}
#item_recommend_cart .ppz_detail .ppz_item ul li.ppz_prd a .image{
	display: block;
    max-width: 100%;
    min-height: 90px;
    border: 1px solid #c0c0c0;
    display: block;
}
#item_recommend_cart .ppz_detail .ppz_item ul li.ppz_prd a .image img{
    max-width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
#item_recommend_cart .ppz_detail .ppz_item ul li.ppz_prd a .name{
    display: block;
    padding: 5px;
    text-decoration: underline;
    height: 70px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 19px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
#item_recommend_cart .ppz_detail .ppz_item ul li.ppz_prd a .price{
    display: block;
    text-align: center;
    color: #ff0000;
    padding: 7px;
    line-height: 1;
}
#item_recommend_cart .ppz_detail .ppz_item ul li.ppz_prd a .price span{
    font-size: 110%;
}


/* 250227 */
/* キャンペーンボックス */
.common__camp_banabox{
    max-width: 90%;
    margin: 0 auto 40px;
}
.common__camp_banabox_mini{
    width: 100%;
    min-width: 100%;
}
.common__camp_banabox a,
.common__camp_banabox_mini a{
    display: block;
}
.common__camp_banabox img,
.common__camp_banabox_mini img{
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
}

.search_desc div.line1{
    margin: 0;
}

/* header */
.new_search_body.renewal{
    margin-top: 0;
}
.new_search_body.renewal .new_search_box{
    padding: 0;
}
.new_search_body.renewal .search_body{
    vertical-align: middle !important;
}
.card_tbl .detail_card_point img{
    width: 240px;
    height: auto;
}
.card_tbl .detail_card_point .modal_open{
    cursor: pointer;
    margin-bottom: 7px;
}
.card_tbl .detail_card_point .modal_open:hover{
    opacity: .75;
}
.modal_inner .modal-content-h {
    padding: 30px 60px 20px 30px;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
}
.modal_inner p.ml_txt {
    margin: 20px 30px;
}

.new_search_box{
    padding: 20px;
}
.new_search_box .search {
    position: relative;
    width: 480px;
    height: 38px;
    margin: 0px auto;
    background: #53c3f1;
    border-radius: 3px;
}
.new_search_box .search input[type=text] {
    left: 3px;
    width: 394px;
    padding: 0 10px;
    font-size: 18px;
    border-radius: 3px 0 0 3px;
}
.new_search_box .search input[type=image] {
    right: 3px;
    width: 60px;
    color: #fff;
    font-size: 20px;
    background: #53c3f1;
    border-radius: 0 3px 3px 0;
}

.new_search_box_text{
    font-size: 19px;
    padding: 10px 20px 0px;
    text-align: center;
    font-weight: 700;
}
.reorder_btn{
    width: 450px;
    margin: auto;
    padding: 0;
    text-align: center;
}
.reorder_btn a, .reorder_btn span{
    display: block;
    text-decoration: none;
    padding: 11px 17px 11px;
    border-radius: 10px;
    color: #3a3a3a;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    position: relative;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 35%, rgba(219,219,219,1) 100%);
    border: 2px solid #d9d9d9;
    box-shadow: 0 0 2px #e3e3e3 inset;
}
.reorder_btn a:before, .reorder_btn span:before{
    content: "";
    line-height: 0;
    margin-right: 8px;
    width: 2.25pc;
    height: 2.2pc;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background-image: url(/img/icon/icon_reorder.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.reorder_btn span:hover, .reorder_btn a:hover {
    opacity: .75;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 35%, rgba(219,219,219,1) 100%);
}