/***********************************
pc_v1_style.css
************************************/
* {font-family: "メイリオ", arial, helvetica, clean, sans-serif;}

.f-clear { clear:both; }
.red {color:#f00 !important;}
.blue { color:#00f !important; }
.brown { color:#900; }
.strong-red { color:#f00; font-weight:bold; }
.lightgray { background:#f0f0f0; }
.white { background:#fff; }
.error{ color:#c00; }
.bold { font-weight:bold; }
.top5 { margin-top:5px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top20 { margin-top:20px; }
.top30 { margin-top:30px; }
.left5 { padding-left:5px; }
.left10 { padding-left:10px; }
.left20 { padding-left:20px; }
.right10 { padding-right:10px; }
.right20 { padding-right:20px; }
.bot5 { margin-bottom:5px; }
.bot10 { margin-bottom:10px; }
.bot20 { margin-bottom:20px; }
.bot30 { margin-bottom:30px; }
.pad10 { padding:10px; }
.pad20 { padding:20px; }
.pad30 { padding:30px; }
.txt11 { font-size:11px; }
.txt12 { font-size:12px; }
.txt14 { font-size:14px; }
.txt15 { font-size:15px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; }
.txt20 { font-size:20px; }
.t-left { text-align:left; }
.t-right { text-align:right; }
.t-center { text-align:center; }
.txt11 { font-size:11px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.w100 { width:100%; }
.pc-inline { display: inline !important; }

#table_dlv1 { margin-top:20px;width:500px; }
#table_dlv2 { width:300px;border-collapse:collapse; }
#table_dlv2 td { border:1px solid #666; padding:0 5px; }

/***********************************
コンテンツ枠
************************************/
#main-contents { margin: 0 auto; }

/***********************************
商品リスト
************************************/
#wrapper #bkstmain { margin-top:15px; }
#wrapper #bkstmain #tbl_list_main {
margin: 0 auto;
border-collapse: collapse;
border:1px solid #999;
/* width: 95% !important; */
width:100%;
text-align: center;
}
#tbl_odlist {
border:0;
width:100%;
border-collapse: collapse;
}


#tbl_list_main td.title {
color:#666;
font-weight:bold;
background:#fff;
}
#list-tbl {
border-collapse:collapse;
border:1px solid #C0C0C0;
width:100%;
}

/***********************************
関連商品
************************************/
.link-waku-hr {
background: url('../img/uline.gif');height:1px;
}
.link-prd-price {
color:#933;
font-weight:bold;
}

/***********************************
複数配送リスト
************************************/
#wrapper #bkstmain #multi-send-txt {
width:95%;
margin:0 auto;
text-align:left;
}
div.guest_tbl #nickname {
background:#ffc;
}
div.guest_tbl .send-num {
background:#ffc;
text-align:center;
width:40px;
border:1px solid #999;
padding:5px;
}
div.navbt-area .warn-box {
border:2px #c00 solid;
background:#fcc;
padding:10px;
margin:30px auto;
width:300px;
}
div.mt-cont {
width:100%;
margin-bottom:20px;
display:table;
}
p.mt-msg {
padding-bottom:8px;
color:#f00;
font-size:14px;
}
div.mt-title {
display:table-cell;
padding:10px;
border:1px solid #ccc;
width:10%;
text-align:center;
vertical-align:middle;
}
div.mt-prd {
display:table-cell;
padding:10px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
width:85.1%;
text-align:left;
}
.mt-prd-name{
color:#00f;
}

/***********************************
ポイント使用欄
************************************/
.pc_point_view .ret-point {
display:inline;
}
.pc_point_view .rad-point2 {
display:inline;
}


.table-dlv3 { margin-top:20px;width:100%;border-collapse:collapse; }
.table-dlv3 th, .table-dlv3 td { border:1px solid #ccc; }

.pc_view { display: block; }
.sm_view { display: none; }

table.tbl-def1 {
border-collapse:collapse;
width:100%;
border:#ccc;
}

table.tbl-def2 {
border-collapse:collapse;
border:#ccc;
}

.pay_ttl {
background: #f0f0f0;
border-radius: 2px;
display: inline-block;
padding: 3px 8px;
margin-bottom:5px;
}

.pay_text {
width:100%;text-align:left;padding-left:15px;
}

.cdTitle { float:left; }
.cdIcon {
/*float:right;*/
}

/***********************************
Popup text
************************************/
.pup_txt {
text-align:left;
padding:8px;
/*20190123　コメントアウト
background:#fffff0;
border:1px solid #ccc;
*/
}


/***********************************
Radio Button
************************************/
#wrapper input[type="radio"] {
  width         : 18px;        /* 大きさ：横 */
  height        : 18px;        /* 大きさ：縦 */
  vertical-align: middle;         /* 並び位置   */
  margin-top:-1px;
}
 /* --- チェックボックス直後のlabel --- */
#wrapper input[type="radio"] + label {
  font-size     : 13px;                       /* labelの文字サイズ */
  font-weight   : normal;                       /* 文字太さ   */
  border-radius : 5px;                        /* labelの角丸 */
  cursor        : pointer;                    /* カーソル設定 */
  transition    : .2s;                        /* なめらか変化 */
}
.free-radio {
margin-bottom:6px;
}

/*
.free-radio input[type="radio"]{
vertical-align:top !important;
}

.free-radio label{
display:inline-block;
width:322px;
}
*/

/***********************************
Button(s)
************************************/
.bt-renew {
margin-left: 2px;
border:1px solid #999;
background: #fff;
/*padding: 8px;　修正:20190122*/
/*adding:4px;*/
height:27px; /*20190122 追加*/
font-size: 12px;
color:#333;
}
.bt-cancel {
border:1px solid #999;
/*padding: 8px; 削除:20190122*/
/*padding:4px;*/
height:27px; /*20190122 追加*/
font-size: 12px;
color:#333;
}
.num-box {
width: 50px;
/*padding: 3px;  修正:20190122*/
height:27px; /*20190122 追加*/
text-align: center;
border:1px solid #999;
	ime-mode:disabled;
}

div.navbt-area {
text-align:center !important;
margin:20px 0;
}

div.confbt-area {
text-align:center !important;
}

#nav_bt_twidth{
margin:20px auto 10px;
}

.cart-sub {
width:100%;
margin:0 auto;
}

.cart-sub .bt-area {
margin:0 auto 10px;
padding:10px;
width:480px;
text-align:center;
border:1px solid #ccc;
}

.cart-sub .cart-sub_txt {
margin-top:8px;
text-align:left;
}

.bt-area .top-btn-next {
padding:5px 36px;
font-size:130%;
}

.oth-button {
margin:0 auto 40px;
text-align:center;
}

.tbl-bt-area { margin: 40px auto; }

.tbl-oth-button {
display:inline-block
}

.btn-continue,
.btn-top,
.btn-clear {
width:157px;
height:30px;
font-size:100%;
}

.navbt-area input[type="submit"]{
margin:20 0 26px;
padding:5px 50px;
font-size:130%;
}
.navbt-area input[type="button"] {
padding:5px 50px;
font-size:130%;
}

.err-back {
margin: 100px 0;
width:100%;
text-align:center;
}
.err-back input[type="button"]{
padding:5px 30px;
font-size:120%;
}

.buybt-area input[type="submit"]{
margin:16px 0;
padding:8px 60px;
font-size:130%;
}

.confirm_txt {
margin-bottom:25px;
text-align:center;
font-size:11.5px;
color:#006;
}

input[type="submit"], input[type="button"],.bt-area .top-btn-next {
background: linear-gradient(#fefefe,#e3e3e3);
border: 1px solid #aaa;
border-radius: 1px;
}

.checkout-link {
margin: 18px 0;
width: auto;
height: 50px;
font-size: 16px;
border: 1px solid #dd8726;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px 20px;
text-decoration: none;
display: inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight: bold;
color: #FFFFFF;
background-color: #e9c030;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e9c030), to(#cc9900));
background-image: -webkit-linear-gradient(top, #e9c030, #cc9900);
background-image: -moz-linear-gradient(top, #e9c030, #cc9900);
background-image: -ms-linear-gradient(top, #e9c030, #cc9900);
background-image: -o-linear-gradient(top, #e9c030, #cc9900);
background-image: linear-gradient(to bottom, #e9c030, #cc9900);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e9c030, endColorstr=#cc9900);
}

/***********************************
TopUp Button
************************************/
#footer .arrow {
display:none;
position:fixed;
bottom:40px;
right:44px;
width: 15px;
height: 15px;
border: 5px solid #C2C7C9;	/*背景色と合わせる*/
border-left-color: #fff;
border-top-color: #fff;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}

#footer .pagetop {
display:none;
position:fixed;
bottom:30px;
right:30px;
width: 55px;
height: 55px;
background-color: #C2C7C9;	/*背景色*/
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px
}

.optop_mg { margin-top:26px; }

/***********************************
Contents
************************************/
div.fm_guest .guest_tbl dt.pc_point_view {
min-width:390px !important;
text-align:left;
}
div.fm_guest .guest_tbl dl.pc_point_view {
min-width:300px !important;
text-align:center;
}

#tbl_point {
border-collapse:collapse;
border:1px solid #999;
}
#tbl_point td {
padding:5px;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;
}

/***********************************
09_psn_inpt.php
************************************/
#fm_member_pc { margin-top: 20px; }

div.fm_guest { margin-top: 24px; width:100%; }

#dispdeliv {
margin-top:26px;
display:none;
}
 
#fm_member_pc .tbl_title_waku,
div.fm_guest .tbl_title_waku {
width:100%;
height:30px;
box-sizing:border-box;
border-top:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
border-radius:4px 4px 0 0;
text-align:left;
/* display:table-cell;
vertical-align:middle; */
background: linear-gradient(#ffffff, #f0f0f0);
}

#fm_member_pc .tbl_title2_waku,
div.fm_guest .tbl_title2_waku {
padding:20px;
width:100%;
box-sizing:border-box;
border-left:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
background:#fff;
text-align:left;
}

#fm_member_pc .tbl_title_waku div.title,
div.fm_guest .tbl_title_waku div.title {
padding:5px 0 0 8px;
color:#666;
font-weight:bold;
}

#fm_member_pc .tbl_title_waku div.info {
float:right;
margin:5px 5px 0 0;
width:380px;
text-align:right;
display:table-cell;
vertical-align:middle;
}

/*************************
LOGIN
*************************/
#fm_member_pc .inputId,
#fm_member_pc .inputPs {
margin:2px 0 8px;
border:1px solid #c8c8c8;
padding:7px;
background:#fdfec3;
ime-mode:disabled;
}
#fm_member_pc .inputId { width:350px; }
#fm_member_pc .inputPs { width:200px; margin-right:10px; }

#fm_member_pc .btn-login,
#fm_member_pc .btn-chose {
padding: 3px 10px;
font-size:100%;
}

#fm_member_pc .end_waku_tbl div#join_bt {
margin-top:5px;
width:170px;
color:#fff;
padding:3px 6px;
text-align:right;
background:#1B1B51 url(../img/join_icon.png) no-repeat 6px 3px;
border-radius:2px;
}

#fm_member_pc .end_waku_tbl div#join_plate a:hover {
text-decoration:none;
}



div.fm_guest h3.ttl {
font-size:17px;
font-weight:normal;
border-bottom:1px solid #dcdcdc;
padding:0 0 8px 0;
margin:0;
}

div.fm_guest h3.ttl_sm {
display:none;
}

#fm_member_pc .end_waku_tbl {
background:#f0f0f0;
padding:20px;
border-left:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
border-radius:0 0 4px 4px;
text-align:left;
}

div.fm_guest .guest_tbl,
div.fm_guest .guest_tbl_mid {
width:100% !important;
box-sizing:border-box;
padding:30px 20px;
border-left:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
font-size:13px;
}

div.fm_guest .guest_tbl {
border-radius:0 0 4px 4px;
}

div.fm_guest .input_label {
color:#333;
border-radius:4px;
background:#FEDEF2;
font-size:12px;
padding:0 5px;
margin-left:5px;
}

div.fm_guest .cart_info {
text-align:left;
margin-bottom:20px;
color:#03c;
}

div.fm_guest .guest_tbl dl,
div.fm_guest .guest_tbl_mid dl {
display:table;
padding:5px 0;
margin:0;
}

div.fm_guest .guest_tbl dl dt,
div.fm_guest .guest_tbl_mid dl dt {
/*min-width:180px;*/
min-width:170px;
text-align:left;
display:table-cell;
vertical-align:middle;
}

div.fm_guest .guest_tbl dl dd,
div.fm_guest .guest_tbl_mid dl dd {
float:left;
width:349px !important;
display:table-cell;
text-align:left;
word-wrap: break-word;
}

div.fm_guest .guest_tbl ul,
div.fm_guest .guest_tbl_mid ul {
margin:0;
padding:0;
}

div.fm_guest .guest_tbl li,
div.fm_guest .guest_tbl_mid li {
list-style-type:none;
}

/* INPUT SIZE */
div.fm_guest .inputXS {
width:40px;
border:1px solid #c8c8c8;
padding:10px 7px;
}

div.fm_guest .inputSS {
width:80px;
border:1px solid #c8c8c8;
padding:10px 7px;
}

div.fm_guest .inputS {
width:100px;
border:1px solid #c8c8c8;
padding:10px 7px;
}

div.fm_guest .inputM{
/*width:210px;*/
width:165px;
border:solid 1px #c8c8c8;
padding:10px 7px;
}

div.fm_guest .inputL {
width:300px;
border:1px solid #c8c8c8;
padding:10px 7px;
}

div.fm_guest .inputLL {
width:500px;
border:1px solid #c8c8c8;
padding:10px 7px;
}

div.fm_guest .inputL10 {
width:300px;
border:1px solid #c8c8c8;
padding:10px 7px;
margin-top:10px;
}

div.fm_guest .inputMAX {
/*width:550px;*/
width:345px;
border:1px solid #c8c8c8;
padding:10px 7px;
} 

div.fm_guest .inputFree {
/*width:550px;*/
width:345px;
height:100px;
border:1px solid #c8c8c8;
padding:5px 7px;
}

div.fm_guest .inputAD1 {
border:1px solid #c8c8c8;
padding:5px 7px;
height:40px;
}

div.fm_guest .mb5 {
margin-bottom:5px !important;
}

div.fm_guest .mr8  {
margin-right:6px;
}

div.fm_guest .mt10 {
margin-top:10px;
}

div.fm_guest .mt20 {
margin-top:20;
}

div.fm_guest .pat20 {
padding-top:20px;
}

div.fm_guest .qs {
padding:0 7px;
width:8px;
color:#fff;
background:#666;
border-radius:3px;
margin-left:5px;
}

div.fm_guest .qs a {
color:#FFF;
text-decoration:none;
}

.infomem a:hover .memtxt,
.infopt a:hover .pttxt,
.infowari a:hover .waritxt {
color:#FFF;
text-decoration:none;
background-color: #FFFFFF !important;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px rgba(51,51,51,0.5);
}

div.fm_guest .qs:hover {
background:#FF9000;
}

div.fm_guest hr.line_bottom {
height:1px;
border:none;
border-top:1px solid #dcdcdc;
}

#p-policy {
width:100%;height:250px;padding:6px;font-size:12px;
}

.guest_tbl_mid .tblcont dt.paym-title {
display:block;
}

.guest_tbl_mid .tblcont dd.paym-dat {
display:block !important;
-webkit-margin-start:0;
margin-left:5px;
width:100% !important;
}

/***********************************
ボタンhover setting 20190122追加
************************************/
input[type="submit"]:hover, input[type="button"]:hover, .bt-area .top-btn-next :hover{
background: linear-gradient(#ffffff,#efefef);
border: 1px solid #aaa;
border-radius: 1px;
cursor:pointer;	
}

/* 返品条件を確認するbutton */
button#btn {cursor:pointer;}

/***********************************
メルマガ「？」 20190122　修正
************************************/
.infomelma a {text-decoration:none;}


/***********************************
クレジットカード決済画面へ進む button 20190123　追加
************************************/
.checkout-link {
cursor: pointer;
margin: 18px 0;
width: auto;
height: 50px;
font-size: 16px;
border: 1px solid #dd8726 !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px 20px !important;
text-decoration: none !important;
display: inline-block !important;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3) !important;
font-weight: bold !important;
color: #FFFFFF !important;
background-color: #e9c030 !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e9c030), to(#cc9900)) !important;
background-image: -webkit-linear-gradient(top, #e9c030, #cc9900) !important;
background-image: -moz-linear-gradient(top, #e9c030, #cc9900) !important;
background-image: -ms-linear-gradient(top, #e9c030, #cc9900) !important;
background-image: -o-linear-gradient(top, #e9c030, #cc9900) !important;
background-image: linear-gradient(to bottom, #e9c030, #cc9900) !important;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e9c030, endColorstr=#cc9900);
}


.checkout-link:hover {
background-image: -webkit-gradient(linear, left top, left bottom, from(#cc9900), to(#e9c030)) !important;
background-image: -webkit-linear-gradient(top, #cc9900, #e9c030) !important;
background-image: -moz-linear-gradient(top, #cc9900, #e9c030) !important;
background-image: -ms-linear-gradient(top, #cc9900, #e9c030) !important;
background-image: -o-linear-gradient(top, #cc9900, #e9c030) !important;
background-image: linear-gradient(to bottom, #cc9900, #e9c030) !important;
}