#main div.contents-basic-container{
   margin-top: 2px!important;
}

input.form-image-btn{
   padding: 0;
   border: none;
}


/*line*/
.linecoupon{
	width: 90%;
	margin:15px auto 30px;
	padding:10px;
	text-align: center;
	background: #ffffcc;
}
.ttl_linecoupon{
	font-weight: bold;
	color:#F6519A;
}
.num_linecoupon{
	font-weight: bold;
}
.lineconnect-text-conect{
   text-align: center;
   border-bottom: 1px solid #d1d1d1;
   color: #00b300;
   width: 540px;
   margin: 0 auto ;
   padding-bottom: 20px;
}
.lineconnect-wrap{
   border: double 3px #d1d1d1;
   margin: 20px auto;
   padding: 18px 0 30px;
   width: 580px;
}
.lineconnect-wrap .inner{
   padding: 10px 30px;
}
.lineconnect-wrap p{
   font-size: 15px;
}
.lineconnect-wrap p span{
   color:#a8a8a8;
   font-weight: normal;
}
.lineconnect-picture img{
   border-radius: 30px;
   height: 60px;
   width: 60px;
   float: left;
   margin-right: 20px;
}
.lineconnect-text{
   text-align: center;
   margin: 20px 0;
}
.lineconnect-btn{
   text-align: center;
}
/*btn*/
.btn-wrapper{
   width: 410px;
   margin:20px auto 0;
   text-align: center;
}
.btn-wrapper div{
   margin:10px 0 20px;
}
.btn-wrapper div p{
   margin:15px 0 7px;
}
.btn-wrapper:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   font-size: 0;
   visibility: hidden;
}

/*attention message*/
.attention-message{
   text-align: center;
   background: #fff;
   border: solid 3px #e51f74;
   padding: 0px;
   margin: 10px 10px 0;
}
.attention-message .title{
   padding: 10px;
   line-height: 1;
   cursor: pointer;
   color: #EF147B;
}
.attention-message .title .icon{
   width: 18px;
   height: auto;
   vertical-align: bottom;
}
.attention-message .title span{
   font-size: 14px;
   font-weight: normal;
}
.attention-message .message{
   height: 0;
   width: 430px;
   text-align: left;
   font-size: 12px;
   line-height: 1.8;
   margin: 0px auto;
   padding: 0;
   overflow: hidden;
}
.attention-message .message .exp{
   border: solid 1px #ddd;
   padding: 15px;
   margin: 10px 0;
   background: #f3f3f3;
}

.login-box{
   text-align: center;
   padding: 25px;
   border-top: dashed 1px #dedede;
}
.login-box .title{
   color: #000;
   padding-bottom: 12px;
}
.login-box table{
   width: 100%;
}
.login-box table td{
   vertical-align: top;
}
.login-box .image-btn{
   height: 40px;
   width: auto;
}
.login-box.sns .line p{
   font-size: 10px;
}

.login input[type="image"] {
   border: none;
   padding: 0;
}
.login .btns .btn{
   font-size: 13px;
   padding: 13px 40px;
}
.join .btns .btn{
   font-size: 18px;
   padding: 18px 100px 15px;
}

/*join beginner*/
.beginner h4{
   background: #F249A9;
   border: 1px solid #F249A9;
   padding: 7px;
   color: #fff;
}
.beginner .liststyle_basic,
.beginner .liststyle_basic li{
   display: block;
   margin: 0;
   padding: 0;
}
.beginner .liststyle_basic{
   border: 1px solid #DB70A7;
}
.beginner .liststyle_basic li{
   overflow: hidden;
   zoom: 1;
   border-top: 1px solid #F7E8F7;
}
.beginner .liststyle_basic li p{
   font-weight: bold;
   padding: 9px;
}
.beginner .liststyle_basic li.bg1 p{
   background: #fff;
}
.beginner .liststyle_basic li.bg2 p{
   background: #FFF4FF;
}
.beginner .liststyle_basic li p span{
   font-size: 10px;
   font-weight: normal;
}

.beginner .liststyle_basic .icon{
   float: left;
   width: 50px;
   height: auto;
   margin-right: 8px;
}

.join-title{
   text-align: center;
   padding: 25px;
}
.join-title .title{
   color: #e51f75;
   letter-spacing: 1px;
}
.join-title .description{
   font-size: 12px;
   line-height: 1.5;
}

.beginner2{}
.beginner2 .title{
   line-height: 1;
   text-align: center;
   padding: 10px;
   font-size: 14px;
   font-weight: bold;
   color: #e51f75;
   border-top: solid 2px #e51f75;
   border-bottom: solid 2px #e51f75;
}
.beginner2 .merits{
   text-align: center;
   padding: 0;
   margin: 0;
   overflow: hidden;
   zoom: 1;
   padding-bottom: 30px;
}
.beginner2 .merits .merit{
   display: inline-block;
   width: 32%;
   margin: 0;

   background-repeat: no-repeat;
   background-position: 10px center;
   -moz-background-size:  45px auto;
   -webkit-background-size: 45px auto;
   background-size: 45px auto;
   margin-top: 30px;
}
.beginner2 .merits .merit *{
   margin-left: 55px;
   line-height: 1.4;
}
.beginner2 .merits .merit p{
   font-size: 10px;
   padding: 0;
}
.beginner2 .merits .merit .merit-sub-title,
.beginner2 .merits .merit .merit-title{
   color: #e51f75;
   font-weight: bold;
}
.beginner2 .merits .merit .merit-title{
   font-size: 16px;

}

.beginner2 .merits .merit1{background-image: url(/member/new/first-step/img/merit-icon1.png);}
.beginner2 .merits .merit2{background-image: url(/member/new/first-step/img/merit-icon2.png);}
.beginner2 .merits .merit3{background-image: url(/member/new/first-step/img/merit-icon3.png);}
.beginner2 .merits .merit4{background-image: url(/member/new/first-step/img/merit-icon4.png);}
.beginner2 .merits .merit5{background-image: url(/member/new/first-step/img/merit-icon5.png);}
.beginner2 .merits .merit6{background-image: url(/member/new/first-step/img/merit-icon6.png);}

.join-new{
   text-align: center;
   padding-bottom: 40px;
}
.join-new .title{
   font-size: 14px;
   font-weight: bold;
   color: #000;
}
.join-new .description{
   font-size: 12px;
   line-height: 1.3;
}
.join-new table{
   margin-top: 15px;
}
.join-new table th{
   font-size: 12px;
   padding-right: 8px;
}
.join-new input.text{
   display: block;
   padding: 0 10px;
   height: 35px;
   background-color: #fff !important;
   border-color: #bbb !important;
}
.join-new .btns .btn{
   font-size: 13px;
   letter-spacing: 2px;
   padding: 0px 40px;
   height: 35px;
}
.join-new .caution{
   margin-top: 15px;
}
.join-new .caution ul li{
   font-size: 10px;
   color: #999;
}

.join-login .btns .btn{
   font-size: 13px;
   padding: 13px 100px;
}


h2.ttl-fjoin{
   margin-left:10px;
   width:640px;
   border-bottom:1px solid #dedede;
}

.main-fjoin{
   width:640px;
   margin:10px 0 0 10px;
}

.main-fjoin.cont{
   width:620px;
   padding:10px;
   background: #ffff99;
}

.main-fjoin.cont dl{
   background: #ffffcc;
   margin:10px auto 0;
   text-align: center;
   padding:10px;
   border-top:1px dotted #999999;
}

.main-fjoin.cont dt{
   padding:5px;
}

dd.btnsubmit input{
   width:200px;
   margin-top:10px;
}

.fjointbl{
   border-top:1px dotted #999999;
   margin-top:10px;
   padding-top:10px;
}
.tbl-fjoin{
   border-collapse: collapse;
   border-top:1px solid #666666;
   border-left:1px solid #666666;
}

.tbl-fjoin th,
.tbl-fjoin td{
   white-space: nowrap;
   padding:5px 10px;
   border-bottom:1px solid #666666;
   border-right:1px solid #666666;
}

.tbl-fjoin th{
   background: #999999;
   color: #ffffff;
   font-weight: normal;
}

.tbl-fjoin td{
   background: #ffffff;
}

#main div.error {
   padding: 20px;
   text-align: center;
   margin: 10px auto;
   background: #fbfbfb;
   border: dotted 1px #dfdfdf;
   font-size: 0.9em;
}

.myanaptbl{
   width:100%;
   margin:0 auto;
   padding:0;
   border-collapse: collapse;
}

.myanaptbl td,
.myanaptbl th{
   margin:0;
   padding:15px 5px;
   border-bottom:1px solid #d8d8d8;
   border-right:1px solid #d8d8d8;
   font-size:9pt;
   font-weight: normal;
}
.myanaptbl th{
   text-align: right;
}
.myanaptbl th.sttl{
   text-align: left;
   font-size:10pt;
}
.myanaptbl .text-pay-change{
   color:#EF147B;
}




.myanaptbl2{
   width:580px;
   margin:0 auto;
   padding:0;
   border-collapse: collapse;
}

.myanaptbl2 td,
.myanaptbl2 th{
   margin:0;
   padding:5px;
   font-size:9pt;
}
.myanaptbl2 th{
font-weight:normal;
   text-align: center;
}
.myanaptbl2 th.sttl{
   text-align: center;
   font-size:10pt;
}



.item-properties1,
.item-properties1 li,
.item-properties2,
.item-properties2 li{
   display: block;
   height: 15px;
   margin: 0;
   padding: 0;
}
.item-properties1,
.item-properties2{
   position: absolute;
   left: 10px;
   text-align: left;
}
.item-properties1{
   top: 9px;
   width: 141px;
}
.item-properties1 li{
   float: left;
   width: 47px;
}
.item-properties2{
   top: 159px;
}
.item-properties2 li{
   width: 141px;
}
.item-properties2.dual{
   top: 144px!important;
}

.thumb.closed img{
   opacity:0.7;
   filter: alpha(opacity=70);
}


.notice-list{
   border-top: dotted 1px #dedede;
   padding-top: 10px;
   margin-top: 10px;
}
.notice-list ul,
.notice-list ul li{
   display: block;
   padding: 0;
   margin: 0;
}
.notice-list ul li{
   padding-left: 12px;
   text-indent: -12px;
   margin-bottom: 10px;
   font-size: 10px;
}











/*
#contents .sidebar h3 {
   background-image: url(../img/member/menu_title.gif);
}
*/

#main div.login {
   margin-left: 20px;
   margin-right: 10px;
   margin-bottom: 30px;
}

#main div.login ul,
#main div.login li{
   list-style:none;
}

/*
h2{
   width:425px;
   height:45px;
   position: relative;
}*/

#main .subttl{
   border-top:1px solid #dedede;
   border-bottom:1px solid #dedede;
   padding:5px 10px;
}

p.txt-confirm{
   border-top:1px solid #dedede;
   border-bottom:1px solid #dedede;
   padding:15px 10px;
   margin-top: 15px;
   text-align: center;
}


#main div.login dl dt{
   font-weight:bold;
}

#main div.login form {
}

span.form-notice{
   font-size:9pt;
   color:#ff0000;
}

#main div.login form dl#tbl-join{
   border:0;
   margin:20px 0 0 20px
}


#main div.login form dl#tbl-join dd{
   height:45px;
   border-bottom: 1px solid #dedede;
   overflow: hidden;
   line-height: 45px;
}

#main div.login form dl#tbl-join dd label.fblock{
   font-weight:bold;
   color:#D53CA4;
   width:141px;
   height:45px;
   line-height:45px;
   font-size:11pt;
   float:left;
}

#main div.login form dl#tbl-join dd label.fblock.left{
   float:left;
}

#main div.login form dl#tbl-join dd div{
   border:0;
   width:470px;
   height:60px;
   background: url(/img/member/bg-joininput.png) no-repeat;
   line-height:31px;
   float:left;
   padding-top:5px;
   position: relative;
}


#main div.login form dl#tbl-join dd input.text{
   border:0;
   width:250px;
   position: absolute;
   top:15px;
   left:10px;
   font-size: 10pt;
}

#main input.text{
   width: 350px;
   background: #fffdf4;
   border: solid 1px #dedede;
}

span.form-notice{
   display: block;
   font-size:8pt;
   color:#888;
   padding-top: 5px;
}



#main div.login form p{
   border:0;
   margin-left:20px;
}


#main div.login form p.pp{
   border:0;
   margin-top:15px;
}


div.btn-submit{
   margin:15px 0;
   text-align: center;

}

a.lnk-login{
   border-left:1px solid #dedede;
   width:180px;
   height:50px;
   display: block;
   position: absolute;
   top:0;
   left:465px;
   padding-left:10px;
   line-height:55px;
   color:#D748AA;
   font-weight:bold;
   text-decoration: none;
   font-size:10pt;
   font-weight: normal;

}

a.lnk-login:hover{
   text-decoration: underline;
}

#main div.item-list div.column-header{
   border-top: solid 1px #dedede;
}

#main div.item-list div.thumb-list dl{
   border-bottom: none;
}

#main div.thumb-list td.colorsize{
   height: 60px;
   font-size: 10px;
   border-top: solid 1px #dedede;
   padding: 0 3px;
   overflow: hidden;
}
#main div.thumb-list td.checkbox{
   background: #f9f9f9;
   color: #333;
   text-align: center;
   padding: 5px 0;
   border-top: solid 1px #dedede;
}

#main div.submit_btn{
   border-top: solid 1px #dedede;
   background: #fff;
}


#main div.item-list table td {
   padding: 2px;
}
#main div.item-list div.item-thumb {
   padding: 1px;
}
#main div.item-list div.item_name {
}
#main div.item-list p.request_date {
   color: #095500;
}
#main div.item-list p.comment {
   font-size: 8pt;
}


/************************************************
myanap
*************************************************/

#main #myanap {
   padding:0 10px;
   clear:left;
}

#myanap dl.subttl dd{
   padding:10px;
}
#myanap dl.subttl{
   margin-bottom:10px;
}

h3.myanap-h3{
   margin:0 auto;
   width:611px;
   height:27px;
   background: url(/img/member/ttl.png) no-repeat;
   text-indent: -10000px;
   margin:20px auto 10px;
}

h3#ttl2{
   background-position: 0 -27px;
}
dl.navi-myanap{
   overflow: hidden;
   border-top:1px solid #dedede;
   border-left:1px solid #dedede;
}
#navi-myanap{
   padding:10px;
   border-top:1px solid #dedede;
   border-bottom:1px solid #dedede;
   overflow:hidden;
}

#main div.history{
   overflow: hidden;
   width:100%;
   padding: 0;
}

#navi-myanap ul,
#navi-myanap ul li{
   list-style:none;
}
#navi-myanap ul{
   margin: 0;
   padding: 0;
}

dl.navi-myanap{padding-bottom: 10px;}

.navi-myanap dt,
.navi-myanap dd{
   display: block;
   font-size: 10px;
   padding: 0 0 0 15px;
   margin: 10px 0 0 10px;
   background: url(../img/member/menu-icon.gif) no-repeat left center;
}
/*
#navi-myanap li a,
dl.navi-myanap dt a{
   float:left;
   width:178px;
   height:34px;
   border-:1px solid #d8d8d8;
   border-bottom:1px solid #d8d8d8;
   border-right:1px solid #d8d8d8;
   text-indent: -10000px;
   background:url(/img/member/btn-myanap.png) no-repeat;
}

#navi-myanap li a{
   width:146px;
}

#navi-myanap li#melmaga a,
dl.navi-myanap#melmaga dt a{
   background-position: -178px 0;
}

#navi-myanap li#melmaga a:hover,
dl.navi-myanap#melmaga dt a:hover{
   background-position: -178px -34px;
}

#navi-myanap li#profile a,
dl.navi-myanap#profile dt a{
   background-position: 0 0;
}

#navi-myanap li#profile a:hover,
dl.navi-myanap#profile dt a:hover{
   background-position: 0 -34px;
}

#navi-myanap li#passwd a,
dl.navi-myanap#passwd dt a{
   background-position: -534px 0;
}

#navi-myanap li#passwd a:hover,
dl.navi-myanap#passwd dt a:hover{
   background-position: -534px -34px;
}

#navi-myanap li#rireki a,
dl.navi-myanap#rireki dt a{
   background-position: -712px 0;
}

#navi-myanap li#rireki a:hover,
dl.navi-myanap#rireki dt a:hover{
   background-position: -712px -34px;
}

#navi-myanap li#repeat a,
dl.navi-myanap#repeat dt a{
   background-position: -890px 0;
}

#navi-myanap li#repeat a:hover,
dl.navi-myanap#repeat dt a:hover{
   background-position: -890px -34px;
}

#navi-myanap li#bookmark_item a,
dl.navi-myanap#bookmark_item dt a{
   background-position: -1068px 0;
}

#navi-myanap li#bookmark_item a:hover,
dl.navi-myanap#bookmark_item dt a:hover{
   background-position: -1068px -34px;
}

#navi-myanap li#bookmark a,
dl.navi-myanap#bookmark dt a{
   background-position: -890px 0;
}

#navi-myanap li#bookmark a:hover,
dl.navi-myanap#bookmark dt a:hover{
   background-position: -890px -34px;
}

#navi-myanap li#recent a,
dl.navi-myanap#recent dt a{
   background-position: -1424px 0;
}

#navi-myanap li#recent a:hover,
dl.navi-myanap#recent dt a:hover{
   background-position: -1424px -34px;
}

#navi-myanap li#send a,
dl.navi-myanap#send dt a{
   background-position: -356px 0;
}

#navi-myanap li#send a:hover,
dl.navi-myanap#send dt a:hover{
   background-position: -356px -34px;
}

dl.navi-myanap#leave dt a{
   background-position: -1602px 0;
}

dl.navi-myanap#leave dt a:hover{
   background-position: -1602px -34px;
}

dl.navi-myanap dd{
   line-height: 24px;
   padding:5px;
   width:422px;
   height:24px;
   border-right:1px solid #d8d8d8;
   border-bottom:1px solid #d8d8d8;
   font-size:9pt;
   float:left;
}
*/


/**************************************************
***************************************************/

div.rec-item div.recommend .rec_title {
   font-weight: bold;
}
div.rec-item div.recommend img.thumb {
}
div.rec-item div.recommend div.brand_name {
   font-size: 8pt;
}
div.rec-item div.recommend div.item_name {
   font-size: 8pt;
}
div.rec-item div.recommend div.price {
   font-size: 8pt;
   color: green;
}

dl.block-items{
   clear:left;
   width:600px;
   text-align: left;
   border:1px solid #ccc;
   margin:15px auto 5px;
   background: #f1f1f1;
   padding:9px;
   overflow: hidden;
}

dl.block-items dt{
   font-weight:bold;
   height:28px;
   line-height:28px;
   font-size:12pt;
}

dl.block-items dd{
   background: #fff;
   font-size: 8pt;
   padding:5px;
}
div.tbl-newmust{
   width:650px;
   margin:0 auto;
   overflow: hidden;
}

dl.block-items dd table {
   font-size:8pt;
}

dl.block-items dd table td.thumb-img{
   width:92px;
}

dl.block-items dd table td.thumb-detail{
   width:104px;
}

dl.block-items dd table td img{
   border:1px solid #000000;
   margin-right:5px;
}

dl.block-items dd table td img:hover{
   border:1px solid #e3cdd2;
}
.recently{
   clear:left;
}

dl#recently{
   overflow: hidden;
}

p.showall{
   text-align:right;
   padding-right:10px;
   margin:10px auto 0;
   border-top:1px solid #dedede;
}
.thumb,
.thumb a{
   margin:0;
   padding:0;
   width:90px;
   height:110px;
}

.thumb{
}
.thumb img{
   width: 100%;
   height: auto;
}
/***********************************
**********************************/
dl#mobile-member{
   width:400px;
   margin:20px auto 0;
   border:1px dashed #D746A9;
   padding:5px;
   background: #ffffee;
   text-align: center;
}

dl#mobile-member dt{
   padding:3px;
   background: #D746A9;
   color: #ffffff;
}
dl#mobile-member dd{
}

/***********************************
***************************************/

.login ul.leave-txt{
   width:560px;
   margin:0 0 10px 20px;
   padding:0 10px;
   font-size:9pt;
}
th.trig.sttl{
   text-align:center;
}

.user_purchase dl:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.user_purchase dl dt{
   clear: both;
   font-weight:bold;
   padding:12px 5px;
   border-top:1px dotted #d5d5d5;
   margin-top: 0px;
   width: 100%;
}
.user_purchase dl dt img{
   float: left;
   margin-right: 15px;
   margin-bottom: 10px;
}
.myanaptbl td.user_purchase {
   border-right: none;
}

.user_purchase dl dd{
   padding:0 5px;
   margin-top: 4px;
   border: none !important;
}

.btn-member{
   padding:5px 12px;
   background:#EF147B;
   margin-right: 3px !important;
}
input.btn-member,
a.btn-member{
   color:#ffffff !important;
   text-decoration: none;
   border: none;
   cursor:pointer;
}

.open-close table th{
   font-size:8pt;
}



/*bookmark*/
td.bm_comment{
   border-top: solid 1px #dedede;
   font-size: 10px;
   padding: 3px 3px;

}
td.bm_comment p{
   padding: 2px;
   background: #efefef;
}
#main div.bookmark div.thumb-list dl dd.clear_dd{
   clear: both;
   float: none;
   display: block;
   width: 100%!important;
   height:0px !important;
   background: #bbb;
}
.box-child .detail{
   border-bottom: 1px #dfdfdf solid ;
}
.box-child div.detial{
   border-bottom: none;
}


.current-point{
   border-top: solid 1px #d3d3d3;
   text-align: center;
   font-size: 16px;
   padding: 10px 10px;
   margin-top: 15px;
}
.current-point-box{
   width: 100%;
   /*
   background: #fffafc;
   border: double 3px #d1d1d1;
   */
}
.current-point-box:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.current-point-box table{
   width: 100%;
   border-collapse:separate;
   border-spacing:0px;
   border: double 3px #d1d1d1;

}
.current-point-box table td{
   text-align: center;
   vertical-align: middle;
   padding: 7px 0 10px!important;
}
.current-point-usable{
   font-size: 24px;
   font-weight: bold;
   color: #e91b6e;
}
.current-point-box .current-point-box-active{
   border-right: double 3px #d1d1d1;
}
.current-point-box .current-point-box-inactive{
   font-size: 10px;
}
.current-point-inactive{
   font-size: 14px;
   font-weight: bold;
   color: #888;
}
.current-point-limit{
   font-size: 12px;
   color: #888;
}
.current-point-limit-date{
   display: block;
   font-size: 12px;
   color: #888;
   border-top: solid 1px #ddd;
   margin-top: 8px;
   padding-top: 8px;
}
.current-point p{
   margin-top: 10px;
}

.point-table th{
   white-space: nowrap;
}
.point-table td{
   padding: 5px!important;
   text-align: center;
   font-size: 10px;
}
.point-table td.date{
   width: 80px;
}
.point-table td .point{
   font-size: 14px!important;
   font-weight: bold;
}
.point-table td.action-add .point{
   color: #e91b6e;
}
.point-table td.action-remove .point{
   color: #0066cc;
}
.point-table td.point-inactive .point{
   color: #666!important;
}
.point-table td.point-active{
   background: #fffff1!important;
}

.point-table td.point-deleted{
   color: #999!important;
   background: #f9f9f9!important;
}
.point-table td.point-deleted *{
   color: #999!important;
   font-weight: normal!important;
   text-decoration: line-through!important;
}

body #main div.lo{
   margin-top: 0px;
   padding-bottom: -px;
   text-align: left;
   color: #404040;
}


/*----------------------------------------------
bookmark
----------------------------------------------*/
.bookmark-end-image{
   text-align: center;
   padding: 9px;
   border-right: solid 1px #dedede!important;
}
.bookmark-end-comment{
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   padding: 9px;
}
.bookmark-end-link ul{
   padding-left: 0;
   list-style-type: none;
   text-align: center;
}
.bookmark-end-link ul li{
   list-style-type: none;
   padding-left: 0;
   margin-left: 0;
   margin-bottom: 7px;
}

/*----------------------------------------------
bookmark_r
----------------------------------------------*/
.bookmark_r .thumb-list dd{
   border-top: none!important;
   border-bottom: solid 1px #dedede;
}
.bookmark_r .thumb-list .thumb{
   height: 189px!important;
}
.bookmark_r .thumb-list .thumb img{
   width: 141px;
   height: auto;
}
.bookmark_r .thumb-list .item-properties2{
   top: 183px;
}
.bookmark_r .checkbox_area{
   width: 345px;
}

/*----------------------------------------------
join
----------------------------------------------*/
#join-terms{
   margin-top: 25px;
}
#join-terms h4{
   text-align: center;
   padding-bottom: 15px;
}
#join-terms ol{
}
#join-terms ol li{
   list-style-type: decimal!important;
   padding-left: 4px;
   margin-left: 20px;
   margin-top: 6px;
}
#join-terms .pp{
   border-top: dotted 1px #aaa!important;
   padding-top: 15px;
   text-align:center;
}
.join .default th{
   white-space: nowrap;
}
.join .default td p{
   margin-left: 0;
}
.join .default td .brand{
   padding-left: 0;
}

.join .message{
   padding: 20px 10px 10px 20px;
}

.join .message-end{
   width: 80%;
   text-align: center;
   border: solid 1px #ddd;
   background: #f5f5f5;
   padding: 30px;
   margin: 30px auto;
}
.join .message-end strong{
   font-size: 24px;
   line-height: 2.5;
}
.join .error{
   margin-left: auto!important;
   margin-right: auto!important;
}


/*----------------------------------------------
shop
----------------------------------------------*/
#main .shop .shoplist{
   background: #fff url(/img/member/shop-bg.gif) left top;
   padding-top: 0;
   border-bottom: none;
   margin-left: 1px;
}
#main .shop .shoplist .shops{
   background: #fff;
   width: 100%!important;
}
#main .shop .shoplist .shops .oneshop{
   width: 100%!important;
   margin: auto!important;
   padding-bottom: 15px;
   padding-top: 15px;
   border-bottom: solid 1px #dfdfdf;
   overflow: hidden;
}
#main .shop .shoplist li.shops:last-child .oneshop{
   /*border-bottom: none;*/
}
#main .shop .shoplist .delete-check{
   text-align: center;
   padding: 25px;
   padding-top: 40px;
}



/*----------------------------------------------
shop
----------------------------------------------*/
.brand .fav-brand-list,
.brand .fav-brand-list li{
   display: block;
   margin: 0;
   padding: 0;
}
.brand .fav-brand-list{
   overflow: hidden;
   background: url(/img/member/shop-bg.gif) left top;
   margin-top: 10px;
}
.brand .fav-brand-list:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   font-size: 0;
   visibility: hidden;
}
.brand .fav-brand-list li{
   float: left;
   width: 160px;
   text-align: center;
   padding: 9px 0;
}
.brand .fav-brand-list li img{
   width: 120px;
   heihgt: auto;
}



/*       201309renew       */






/*----------------------------------------------


共通


----------------------------------------------*/



#container .contents-basic-container a:link  {
   color: #ef147b;
}
#container .contents-basic-container a:hover {
   text-decoration: none;
}
#container .contents-basic-container a:visited {
   color: #ef147b;
}

.member-header{
   position: relative;
   overflow: hidden;
   zoom: 1;
   border-bottom: 1px #d3d3d3 solid;
}
.member-header .member-header-point{
   position: absolute;
   right: 0;
   top: 0;
   width: 222px;
   height: 100%;
   overflow: hidden;
   zoom: 1;
}
.member-header .member-header-point .inner{
   height: 100%;
   background: #d3d3d3;
   padding: 0 1px 1px;
   overflow: hidden;
   zoom: 1;
}
.member-header .member-header-point .member-header-point-contents{
   height: 100%;
   background: #fff;
   overflow: hidden;
   zoom: 1;
}
.member-header .member-header-point-contents p{
   padding: 0 15px;
   text-align: center;
}
.member-header .member-header-point-contents .anap-point{
   padding-top: 10px;
   font-size: 10px;
}
.member-header .member-header-point-contents .anap-point strong{
   font-size: 18px;
   font-weight: normal;
   color: #d24f8f;
}
.member-header .member-header-point-contents .waiting-state-point{
   font-size: 10px;
   color: #979797;
   border-top: dotted 1px #d3d3d3;
   padding-top: 8px;
   margin-top: 8px;
}
.member-header .member-header-point-contents .waiting-state-point strong{
   color: #000;
}


#username_area {
   line-height: 1;
   border-left: 1px #d3d3d3 solid;
   border-right: 1px #d3d3d3 solid;
   /*border-bottom: 1px #d3d3d3 solid;*/
   border-top: 1px #d3d3d3 dotted;
   line-height: 25px;
   text-align: right;
   font-size: 11px;
   padding: 3px 15px;
   background: #ffffff;
}

.contents-basic-container.has-left-menu {
   background: url(/img/member/has-left-menu-bg.gif) repeat-y left top !important;
}

#main .thumb-list {

}
/*       ページタイトル..    .*/

h3.ttls-sub {
   text-indent: -10000px;
   width: 640px;
   height: 42px;
   background-repeat: no-repeat;
   background-position: left top;
   margin: 0;
   padding: 0;
}
h3#ttl-rakuten {
   background-image: url(/img/member/ttl-rakuten.png);
}
h3#ttl-line {
   background-image: url(/img/member/ttl-line.png);
}
h3#ttl-order {
   background-image: url(/img/member/ttl-order.png);
}
h3#ttl-recommend {
   background-image: url(/img/member/ttl-recommend.png);
}
h3#ttl-request {
   background-image: url(/img/member/ttl-request.png);
}
h3#ttl-send {
   background-image: url(/img/member/ttl-cartinfo.png);
}
h3#ttl-send2 {
   background-image: url(/img/member/ttl-cartinfo2.png);
}
h3#ttl-info {
   background-image: url(/img/member/ttl-info.png);
}
h3#ttl-bookmark {
   background-image: url(/img/member/ttl-bookmark.png);
}
h3#ttl-bookmark_r {
   background-image: url(/img/member/ttl-bookmark_r.png);
}
h3#ttl-recently {
   background-image: url(/img/member/ttl-recently.png);
}
h3#ttl-mm {
   background-image: url(/img/member/ttl-mm.png);
}

h3#ttl-profile {
   background-image: url(/img/member/ttl-profile.png);
}

h3#ttl-password {
   background-image: url(/img/member/ttl-password.png);
}

h3#ttl-card {
   background-image: url(/img/member/ttl-card.png);
}

h3#ttl-shop {
   background-image: url(/img/member/ttl-shop.png);
}
h3#ttl-brand {
   background-image: url(/img/member/ttl-brand.png);
}
h3#ttl-leave {
   background-image: url(/img/member/ttl-leave.png);
}





/*       ページ説明文..    .*/

#main .column-container .thumb-list .under_subtitle {
   margin: 0;
   background: #ffffff;
   margin-left: 1px;
}
#main .column-container .thumb-list .under_subtitle h3 {
   font-size: 13px;
   padding: 30px 15px 10px 15px;
   color: #464646;
}


/*       一括選択..    .*/

.delate_area {
   clear: both;
   background: #fafafa;
   padding: 20px;
   border-bottom: 1px #dfdfdf solid;
   border-top: 1px #dfdfdf solid;
   margin-left: 1px;
}
.delate_area table {
   width: 100%;
   }

.delatebtn_area{
   zoom: 1;
   overflow: hidden;
}
.delatebtn_area:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   font-size: 0;
   visibility: hidden;
}
.delate_area .btn_delete {
   display: block;
   float: left;
   width: 57px;
   height: 25px;
   background-image: url(/img/member/btn_thumb-delete_on.png);
   background-repeat: no-repeat;
   margin: 0 ;
   padding: 0;
   margin-left: 5px;
}
.delate_area .btn_delete input {
   border: none;
   font-size: 12px;
   margin: 0 ;
   padding: 0;
}

.delate_area .btn_delete input:hover {
   filter: alpha(opacity=0);
   -ms-filter: alpha(opacity=0);
   opacity: 0.0;
}



.delatebtn_area input  {
   vertical-align: top;
}

.checkbox_area {
   width: 425px;
}




/*       左メニュー..    .*/

#left-menu {
   padding-bottom: 9px;
}
#left-menu .left-menu-myanap{
   width: 149px;
   margin: 0;
}
#left-menu .left-menu-myanap h3,
#left-menu .left-menu-myanap h4{
   font-size: 12px;
   margin-bottom: 10px;
   padding: 0 5px;
}
#left-menu .left-menu-myanap ul,
#left-menu .left-menu-myanap ul li{
   padding: 0;
   margin: 0;
   list-style-type: none;
}
#left-menu .left-menu-myanap ul{
   width: 159px;
   border-bottom: solid 1px #e1e0d8;
   padding-bottom: 15px;
}
#left-menu .left-menu-myanap ul li{
   padding: 4px 5px;
}
#left-menu .left-menu-myanap ul li a:link{
display: block;
   font-size: 12px;
   color: #404040;
   text-decoration: none;
   background-image: url(/img/member/arrow_leftmenu.png);
   background-repeat: no-repeat;
   background-position: 2px 2px;
   padding-left: 20px;
}
#left-menu .left-menu-myanap ul li a:hover{
   color: #404040;
   text-decoration: underline;
}
#left-menu .left-menu-myanap ul li a:visited{
   color: #404040;
}
#left-menu .left-menu-myanap ul li:first-child{
}
#left-menu .left-menu-myanap ul li:last-child{
   border-bottom: none;
}




#left-menu .ttl_menulist {
   color: #ef147b;
   font-weight: bold;
   padding-top: 15px;
   padding-left: 5px;
}

#left-menu .left-menu-myanap .menu-logout,
#left-menu .left-menu-myanap .menu-top {
   height: 42px;
   line-height: 37px;
   margin: 0;
   padding: 0;
}
#left-menu .left-menu-myanap .menu-logout li a:link,
#left-menu .left-menu-myanap .menu-top li a:link {
   background-position: 2px 10px;
}
/*      table      */



#main table.default {
   background: none ;
   border-collapse: separate;
   border-spacing: 0;
   width: 100%;
   border-collapse:collapse;
   border-left: 1px solid #D8D8D8;
}

#main table.default tr th,
#main table.default tr td {
   border: 1px solid #D8D8D8;
   border-left: none;
   font-size: 12px;
}
#main table.myanaptbl tr th:last-child,
#main table.default tr th:last-child,
#main table.default tr td:last-child {
   border-right: none;
}

#main table.default tbody td {
   background: none;
}

#main .column-container .box-child{
   border-top: solid 1px #d8d8d8;
}

table.repeat td.item-name,
table.repeat td.item-price,
table.repeat td.info{
   padding: 7px!important;
   border-bottom: solid 1px #D8D8D8;
   height: 45px;
}
table.repeat td.item-name{
   font-size: 10px;
   display: table-cell;
   border-right: solid 1px #D8D8D8;

}
table.repeat td.item-price{
   display: table-cell;
   font-weight: bold;
   color: #0C5D6E;
}
table.repeat td.button{
   padding-top: 7px!important;
}
table.repeat td.button .btn_item_delete{
   float: none!important;
   margin: auto!important;
}
#main .thumb-list div.detail{
   border-bottom: none;
}

/*      フォーム      */
input.sendbtn,
#main .thumb-list div.detail input {
    border: none;
}




/*      商品リスト      */

#main .thumb-list dl,
#main .thumb-list div.detail table {
   border-bottom: none;
   }


#main .thumb-list div.detail table td.button {
   padding: 0 5px 5px 5px;
}
#main .thumb-list div.detail table td.button p {
   float: right;
   margin: 0 ;
   padding: 0;
   background-repeat: no-repeat;
}

#main .thumb-list div.detail table td.button p.btn_item_delete {
   background-image: url(/img/member/btn_thumb-delete_on.png);
   width: 57px;
   height: 25px;
}

#main .thumb-list div.detail table td.button p.btn_cart {
   background-image: url(/img/member/btn_thumb-cart_on.png);
   width: 92px;
   height: 25px;
}

.detail .button input {
   font-size: 12px;
   margin: 0 ;
   padding: 0;
}

.detail .button input:hover {
   filter: alpha(opacity=0);
   -ms-filter: alpha(opacity=0);
   opacity: 0.0;
}


.delatebtn_area input {
   vertical-align: middle;
}


#main .thumb-list div.detail table td.price p {
   text-align: left;
   padding: 4px 6px;
}

#main .thumb-list div.detail table .info{
   font-size: 10px;
   color: #888;
   padding: 0 3px!important;
}


#main .thumb-list div.detail table td.name {
   border: none;
   height: 40px;
}


/*      件数表示      */
.lo {
   font-size: 11px;
}
#main .item-list .control b,
.lo b {
   font-weight: bold;
   font-size: 1.1em;
}
#main .item-list .control {
   font-size: 11px;
   text-align: left;
   padding: 10px 15px 5px 15px;
   background: #ffffff;
   margin-left: 1px;
}
#main .control input{
   height: 33px;
   color: #fff;
   background: url(../img/common/item/btn-bg.gif) repeat-x;
   border: none;
   cursor: pointer;
}


/*----------------------------------------------


top


----------------------------------------------*/


/*       上部..    .*/


#mainbanner {
   /*height: 210px;*/
   height:300px;
   border-top: 1px #cccccc solid;
   border-bottom: 1px #cccccc solid;
}
#topmenu {
   padding: 25px 10px 20px 10px;
}

#topmenu li {
   list-style: none;
   margin-bottom: 5px;
   margin-right: 2px;
   margin-left: 2px;
}

#topmenu li:nth-child(3n) {
   margin-right: 0;
}
#topmenu .topmenu-main {
   width: 726px;
   padding: 0;
   margin: 0 auto;
}
#topmenu .topmenu-sub,
#topmenu .topmenu-main li {
   float: left;
   list-style: none;
}
#topmenu .topmenu-main li,
#topmenu .topmenu-main li a {
   width: 238px;
   height: 106px;
}
#topmenu .topmenu-main ul li a {
   display: block;
}
#topmenu .topmenu-sub {
   margin-top: 5px;
   width: 150px;
   margin-left: 15px;
   padding-left: 0;
   border-top: 1px #cccccc dotted;
}
#topmenu .topmenu-sub li {
   padding: 10px;
   border-bottom: 1px #cccccc dotted;
   font-size: 12px;
   background: url(/img/member/index/arrow1.png) no-repeat 5px 15px ;
   padding-left: 18px;
}





/*      各コンテンツリストエリア      */

.ctslist_area h3 {
   height: 34px;
   width: 111px;
   background-repeat: no-repeat;
   text-indent: -9999px;
   line-height: 0;
   padding-left: 690px;
   padding-top: 9px;
}
#brand_area h3 {
   background-image: url(/img/member/index/title-brand.png);

}
#bookmark_area h3 {
   background-image: url(/img/member/index/title-bookmark.png);

}
#bookmark_r_area h3 {
   background-image: url(/img/member/index/title-bookmark_r.png);

}
#shop_area h3 {
   background-image: url(/img/member/index/title-shop.png);

}
#sale_area h3 {
   background-image: url(/img/member/index/title-sale.png);

}
#recommend_area h3 {
   background-image: url(/img/member/index/title-recommend.png);

}

#recently_area h3 {
   background-image: url(/img/member/index/title-recently.png);
}

/*      未登録のメッセージ      */

.no_entry {
   padding: 20px;
   text-align: center;
   margin: 10px;
   background: #fbfbfb;
   border: dotted 1px #dfdfdf;
   font-size: 0.9em;
   }





/*      もっと見るボタン      */

.btn_more {
   display: block;
   height: 25px;
   width: 98px;
   background-image: url(/img/member/index/btn_more.png);
   background-repeat: no-repeat;
   background-position: center top;
}
.btn_more:hover {
   background-position: center bottom;
}

#brand_area .btn_more{
   background-image: url(/img/member/index/btn_more_brand.png);
}



/*      お気に入りブランド      */

#brand_list {
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #dfdfdf;
}
#brand_list li {
   list-style: none;
   float: left;
   margin-left: 1px;
   width: 159px;
   text-align: center;
   /*height: 60px;*/
}
#brand_list li img{
   display: block;
   width: 90%;
   height: auto;
   margin: auto;
}

#brand_list_box #brand_list:last-child {
   border-bottom: none;
}




/*      お気に入り店舗      */

#shop_list {
   height: auto;
}

#shop_list ul {
   padding: 0;
   margin: 0;
}
#shop_list ul li {
   float: left;
   width: 189px;
   padding: 5px;
   margin: 0;
   list-style: none;
   border-right: 1px #dfdfdf solid ;
   border-bottom: 1px #dfdfdf solid ;
}
#shop_list ul li:nth-child(4n)  {
   border-right: none;
}
#shop_list ul td {
   padding: 5px 10px;
}
#shop_list ul td.shop_name {
   padding-left: 5px;
}
.title-shopinfo {
   font-size: 11px;
   padding:10px;
   height: 20px;
   line-height: 20px;
   border-top: 1px #dfdfdf solid ;
}
.title-shopinfo img {
    vertical-align: middle;
}


.shopinfo_list dt {
   float: left;
   width: 180px;
   padding-top: 15px;
   padding-left: 15px;
   font-size: 12px;
}

.shopinfo_list dd{
   font-size: 12px;
   padding-left: 210px;
   padding-top: 15px;
   padding-bottom: 15px;
   border-top:1px dotted #cccccc;
}


/*      bookmark_r      */
#bookmark_r_area .thumb-list dl dd{
   height: 205px;
}
#bookmark_r_area .thumb-list .thumb img{
   width: 141px;
   height: auto;
}




/*      SALE      */

#sale_area #sale_list {
   margin: 0;
   padding: 0;
}
#sale_area #sale_list li {
   list-style: none;
   float: left;
   width: 350px;
   padding: 10px 25px;
}



/*----------------------------------------------


request


----------------------------------------------*/




/*----------------------------------------------


recently


----------------------------------------------*/

#recently-list {
   border-bottom: 1px #dfdfdf solid ;
}



/*----------------------------------------------


cartinfo


----------------------------------------------*/
#tbl-cartinfo .sttl p {
   padding: 20px 10px ;
}

#tbl-cartinfo .sttl strong {
   font-size: 1.2em;
   color: #ef3d80;
}

table.default a.btn{
   display: block;
   width: 197px;
   height: 45px;
   text-indent: -9999px;
   overflow: hidden;
   background-repeat: no-repeat;
   background-position: center center;
}
table.default a.change{
   background-image: url(/img/member/btn_change.png);
}
table.default a.change:hover{
   background-image: url(/img/member/btn_change-on.png);
}



/*----------------------------------------------


bookmarkrank


----------------------------------------------*/


.btn-bookmarkrank {
   width: 236px;
   height: 45px;
   text-indent: -9999px;
   display: block;
   background-image: url(/img/member/btn-bookmarkrank.png);
   background-position: top center;
   background-repeat: no-repeat;
   margin: 0 auto;
   margin-bottom: 30px;
   margin-top: 20px;
}

.btn-bookmarkrank:hover {
   background-position: center bottom;
}

/*----------------------------------------------


user-info


----------------------------------------------*/
#user-info .copy-btn{
   position: absolute;
   left: 145px;
   top: 27px;
   color: #333;
   font-size: 12px;
   font-weight: bold;
   background: #fff;
   cursor: pointer;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   box-shadow:rgba(0, 0, 0, 0.03) 0px -3px 2px 0px inset;
   -webkit-box-shadow:rgba(0, 0, 0, 0.03) 0px -3px 2px 0px inset;
   -moz-box-shadow:rgba(0, 0, 0, 0.03) 0px -3px 2px 0px inset;
   padding: 5px 15px;
}
#user-info .copy-btn:hover{
   opacity:0.8;
   filter: alpha(opacity=80);
}



/*----------------------------------------------


password


----------------------------------------------*/


/*----------------------------------------------


shop


----------------------------------------------*/
#main .shops .shop-image .img-shop img {
   width: 60px;
}
.shops .oneshop .delete-check,
.shops .oneshop .shop-image,
.shops .oneshop .btn_delete_area,
.shops .oneshop .data-shop {
   float: left;
}
.shops .oneshop .data-shop {
   padding-left: 20px;
   width: 380px;
   }

.shops .oneshop .shop-name {
   font-size: 13px;
}

.shops .oneshop .shopinfo {
   background: #f1f1f1;
   padding: 10px 20px;
}

.btn_item_delete input,
.shops .oneshop .btn_delete input {
   border: none;

}
.shops .oneshop p.btn_delete  {
   background-image: url(/img/member/btn_thumb-delete_on.png);
   background-repeat: no-repeat;
   width: 57px;
   height: 25px;
   padding: 0;
}
.shops .oneshop p.btn_delete input:hover  {
  opacity: 0;
}

.shops .oneshop p.btn_delete input {
   width: 57px;
   height: 25px;
   margin: 0;
   padding: 0;
}
.btn_delete_area {
   padding-left: 30px;
   padding-top: 40px;
   }

/*----------------------------------------------


mm


----------------------------------------------*/

div.column-container .mm-table th {
   background: #FBFBFB;
   padding: 0 20px;
   width: 130px;
   font-weight: normal;
}


div.column-container .mm-table td {
   padding: 20px 30px;
}


.no-read {
   font-size: 10px;
   }

/*----------------------------------------------


login


----------------------------------------------*/

#main div.login table.default td {
   border-right: 1px solid #dfdfdf;
}

hr.border{
   display: block;
   height: 1px;
   border: none;
   border-top: dashed 1px #dedede;

}



/*----------------------------------------------


leave


----------------------------------------------*/

ul.leave-txt li {
   list-style: none;
   margin-bottom: 10px;
   }


.leave_cts .under_subtitle {
   margin: 30px 10px 40px 10px;
   text-align: center;
   }

/*----------------------------------------------


campaign:coupon


----------------------------------------------*/
.campaign-coupon{
   text-align: center;
   padding: 20px;
}
.campaign-coupon .coupon-code{
   font-size: 36px;
   color: #3267cf;
   font-weight: normal;
}
#container .campaign-coupon .help a{
   color: #333;
}
.member-top-coupon-message{
   width: 76%;
   margin: 20px auto;
   text-align: center;
   /* border: solid 1px #dedede; */
   padding: 20px 10px;
   background: #ff5a24;
   border-radius: 10px;
   color: #fff;
}
.member-top-coupon-message .inner{
   padding: 10px;
}
.member-top-coupon-message h4{
   font-size: 26px;
   font-weight: bold;
}
.member-top-coupon-message h4 strong{
   color: #ff2734;
   font-weight: normal;
}
.member-top-coupon-message .coupon{
   font-size: 20px;
   margin: 10px 0;
   font-weight: bold;
}
.member-top-coupon-message .coupon .code{
   width: 90%;
   font-size: 20px;
   text-align: center;
   padding: 20px;
   background: #a961bf;
   color: #fff;
   font-weight: bold;
   border-radius: 10px;
}
.member-top-coupon-message .description{
   font-size: 12px;
   font-weight: bold;
   margin: 10px 0 0;
}
.member-top-coupon-message .help{
   font-size: 10px;
   margin-top: 6px;
}
.member-top-coupon-message .help a{
   color: #355c9a!important;
}
.member-top-coupon-message .item_btn {
   position: relative;
   background: #000;
   width: 45%;
   margin: 2em auto 1em;
   font-size: 1em;
   font-weight: bold;
}
.member-top-coupon-message .item_btn .btn.btn--brown {
   color: #fff;
   padding: 20px 10px;
   display: block;
}


/*2018fuku*/
.member-top-coupon-2018fuku{
   width: 799px;
   margin-left: 1px;
   background: url(/img/cart/2018fuku_coupon/bg.png) no-repeat center top;
   border-bottom: solid 1px #dedede;
}
.member-top-coupon-2018fuku .main-area{
   position: relative;
   height: 288px;
}
.member-top-coupon-2018fuku .main-area h4{display: none;}
.member-top-coupon-2018fuku .main-area .code{
   position: absolute;
   top: 231px;
   border: none;
   width: 150px;
   height: 42px;
   line-height: 42px;
   font-size: 18px;
   font-weight: bold;
   text-align: center;
   background: none;
   padding: 0;
}
.member-top-coupon-2018fuku .main-area .code1{left:  67px;}
.member-top-coupon-2018fuku .main-area .code2{left: 325px;}
.member-top-coupon-2018fuku .main-area .code3{left: 582px;}
.member-top-coupon-2018fuku .help{
   text-align: center;
   font-size: 11px;
   padding: 20px;
}


/* 20210625 会員退会ページ */
.leave {
	color: #737172;
	letter-spacing: 0.1rem;
}
.leave .point {
	padding: 15px 35px 6px;
	border-bottom: 1px solid #eee;
}
.leave .use-point {
	text-align: center;
}
.leave .owned-point {
	font-size: 16px;
	padding: 0;
}
.leave .expired {
	font-size: 10px;
	font-weight: normal;
}
.leave .use-point {
	font-weight: bold;
}
.leave .numeral {
	color: #4169E1;
	font-size: 56px;
	letter-spacing: 0.2rem;
	line-height: 4rem;
}
.leave .pt {
	font-size: 32px;
}
.leave .memo {
	font-size: 10px;
	padding: 20px 35px 10px;
	width: 84%;
	margin: auto;
}
.leave .memo li {
	margin-bottom: 8px;
	list-style: none;
}
.leave .btn {
	width: 40%;
	margin: 0 auto 4px;
	padding: 0;
}
.leave .btn a {
	border: none;
	display: block;
	background: #929192;
	font-size: 14px;
	padding: 8px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
}
.leave .stop a {
	background: #9b5abc;
}
.leave .pickup-item {
	margin-top: 28px;
}
.leave .pickup-item h3 {
	background: #f0f0f0;
	font-size: 14px;
	font-weight: bold;
	color: #737172;
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
.leave .more {
	text-align: right;
	font-size: 12px;
	line-height: 1;
	border-top: dotted 1px #a6a6a6 !important;
	background: url(/img/ipn/common/icon-direction-mono-right.svg) no-repeat right 8px center;
	-moz-background-size: auto 15px;
	-webkit-background-size: auto 15px;
	background-size: auto 15px;
	padding: 14px 23px 14px 12px;
	margin-top: 10px;
}
.leave .more a,
.leave .true-leave a {
	text-decoration: none;
	color: #f44099;
}
.leave .bnr {
	width: 86%;
	text-align: center;
	margin: 0 auto 52px;
}
.leave .bnr img {
	width: 100%;
}
.leave .true-leave {
	font-size: 10px;
	text-align: center;
	margin-top: 14px;
	position: relative;
}
/*
.leave .true-leave span {
	position: absolute;
	top: -38px;
	right: 16px;
}
*/

/* 20220818追記 */
.leave_cts_adj .owned-point {
	text-align: center;
	margin-bottom: 10px;
}
.leave_cts_adj .pickup-item h3 {
	background: none;
	font-weight: normal;
	font-size: 16px;
	border-bottom: none;
	padding-top: 20px;
}
.leave_cts_adj #bdr-recommend-area {
	font-size: 14px;
}
.renewal2021 .bnr {
	width: 50%;
}
.under_subtitle a {
	color: #e61e74;
}

/* -----------------------------------------------
お友達紹介キャンペーン追加
--------------------------------------------------*/

.campaign_read {
}
.red {
	color: red;
	font-size: 1.2rem;
	text-align: center;
	padding: 0 10px;
	margin-bottom: 20px;
}
.title-p {
	margin: 20px 0;
}
.attention_red {
	color: red;
	margin:  20px 0 50px;
}

.end_text {
	font-size: 1.2rem;
	margin-bottom: 20px;
}

.introducer_item {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
}

.introducer_share_text {
    position: relative;
    padding: 0.5rem 1.5rem;
    font-size: 1.5rem;
    font-weight: bold;
}

.introducer_item_img{
	margin-bottom: 10px;

}

.introducer_share_text::before,
.introducer_share_text::after {
    position: absolute;
    top: 0.8rem;
    height: 1.8rem;
    content: '';
}

.introducer_share_text::before {
    border-left: solid 1px;
    left: 0;
    transform: rotate(-30deg);
    left: 12rem;
}

.introducer_share_text::after {
    border-right: solid 1px;
    right: 0;
    transform: rotate(30deg);
    right: 12.5rem;
}

.item_link {
	text-decoration: underline;
	margin-bottom: 20px;
	font-size: 1.5rem;
	display: block;
}

#mypage .myanap-bnr-area {
	text-align: center;
	margin-bottom: 40px;
}
#mypage .myanap-bnr-area .pointgachapon_box,
#mypage .myanap-bnr-area .friend_cam_box {
	margin: 10px 0;
}


/*----------------------------------------------


LINEミニアプリ改修


----------------------------------------------*/
.line-mini-app {
	font-size: 13px;
}
.line-mini-app a:hover,
.line-mini-app .btn-ttl:hover,
.line-mini-app [class^=btn-t]:after {
	background: none !important;
}
.line-mini-app .btn-ttl:hover {
	color: #000;
}
.line-mini-app .member_btn .btn,
.line-mini-app .btn-save,
.line-mini-app .member_btn.no-activ input {
	display: block;
	background: #0d0d0d;
	box-shadow: none;
	font-size: 13px;
	color: #ffffff;
	font-weight: normal;
	border: none;
	padding: 16px;
	border-radius: 5px;
	-webkit-border-radius: 0;
	-moz-border-radius: 5px;
	margin: auto;
	text-align: center;
}
.line-mini-app .member_btn.no-activ a,
.line-mini-app .member_btn.no-activ input {
	background: #fff;
	border: 1px solid #000;
	border-top: 1px solid #000 !important;
	color: #000;
}
.line-mini-app .member_btn.no-activ a:hover {
	border: 1px solid #000;
	border-top: 1px solid #000 !important;
	color: #fff;
}
.line-mini-app .member_btn .btn:hover {
	background: #000 !important;
}
.line-mini-app .new-sub-ttl {
	margin-bottom: 40px;
}
.line-mini-app .flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-flow: row wrap;
	flex-wrap: wrap;
	-ms-flex-pack: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;
}
.line-mini-app .cartinfo select,
.line-mini-app .login-new select {
	border: 1px solid #000;
	background-image: url(/img/common/icon-direction-bottom.svg);
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 13px 13px;
	padding: 10px;
}
.line-mini-app .dialog {
	color: #dd6463;
}
.line-mini-app .note {
	color: #b4b3b3;
	margin: 10px 0 0 !important;
}
.line-mini-app .note-link a {
	color: #000;
}
.line-mini-app .member_btn {
	border-bottom: none;
	margin: 10px 0;
	padding: 0;
}
.line-mini-app .wrap-btn {
	margin-top: 40px;
	width: 100%;
}
.line-mini-app .btn-save {
	width: 100%;
	height: 100%;
}
.line-mini-app .note-link a:after {
	display: inline-block;
	content: "";
	width: 6px;
	height: 6px;
	vertical-align: middle;
	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: #1a1a1a;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	vertical-align: middle;
	position: absolute;
	top: 8px;
}
.line-mini-app .member_btn {
	margin: 10px 0;
	padding: 0;
	border-bottom: none !important;
}
.line-mini-app .wrap-btn {
	margin-top: 40px;
	justify-content: center;
}
.line-mini-app .member_btn {
	width: 44%;
	margin: 1%;
}
.line-mini-app .info,
.line-mini-app .cartinfo,
.line-mini-app .login.login-new {
	width: 70%;
	margin: auto !important;
}


/* myanap */
.line-mini-app .menu-btn.flex {
	justify-content: center;
	margin: 20px 0;
}
.line-mini-app .menu-btn li {
	width: 24%;
	border: 1px solid #1a1a1a;
	border-radius: 10px;
	margin: 5px;
	padding: 48px 0;
	text-align: center;
	line-height: 1.4em;
   position: relative;
}
.line-mini-app .menu-btn li a {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
}
.line-mini-app .menu-btn li img {
	width: 100%;
}
.line-mini-app .icon-image {
	width: 30px;
	margin: 10px auto;
}
.line-mini-app .icon-txt {
	padding-top: 5px;
}
.line-mini-app .link {
	text-align: center;
	margin: 10px 0;
}
.line-mini-app .link a {
	text-decoration: underline;
}
.mypage-section .line-mini-app .member_btn {
	margin: auto;
}
.line-mini-app .barcode-member-card {
	border: 1px solid #000;
/* 	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2); */
	border-radius: 10px;
	text-align: center;
	padding: 20px;
	margin: 0 auto 20px;
	width: 75%;
}
.line-mini-app .barcode-member-card svg {
	width: 100%;
}
.line-mini-app .barcode-member-card .wrap-ttl {
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}
.line-mini-app .barcode-member-card .wrap-ttl .ttl {
	width: 28%;
	margin: 0 auto;
   line-height: 1;
}
.line-mini-app .barcode-member-card .wrap-ttl .sub-ttl {
   font-size: 10px;
}
.line-mini-app .barcode-member-card .wrap-ttl .ttl img {
	width: 100%;
}
.line-mini-app .barcode-member-card .pt-size {
	font-size: 12px;
}
#mypage .mypage-section .middle__list__description--large {
	color: #dd6463;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	margin-top: 10px;
}
#mypage .mypage-section .upper__text__status--name {
	border-radius: 100px;
	font-size: 12px;
}
.line-mini-app .barcode-member-card .pt-size {
	font-size: 26px;
}
.line-mini-app .next-rank {
	text-align: center;
	font-size: 14px;
}
.line-mini-app .next-rank .about-point {
	color: #dd6463;
   font-size: 10px;
}
.line-mini-app .next-rank .about-point span,
.line-mini-app .next-rank .rank-link a {
	text-decoration: underline;
}
.line-mini-app .link .arrow {
	margin:0 0 10px;
	position: relative;
}
.line-mini-app .arrow a:after {
	text-decoration: underline;
	display: inline-block;
	content: "";
	width: 6px;
	height: 6px;
	vertical-align: middle;
	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: #1a1a1a;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	vertical-align: middle;
	position: absolute;
	top: 8px;
}
.line-mini-app .wrap-btn.logout .member_btn a {
	text-decoration: none;
}
.myanap-bnr-area {
	border-top: 1px solid #ccc;
	padding-top: 5px;
	margin-top: 20px;
}


/* info */
.line-mini-app .info {
	width: 90%;
	margin: auto;
	font-size: 12px;
}
.line-mini-app .info .btns {
	text-align: center;
	margin: 10px 0;
}
.line-mini-app .info .btns .change-btn {
	background: #fff;
	border: 1px solid #000;
	color: #000 !important;
	margin: 0;
	position: relative;
	display: inline-block;
	padding: 20px;
	color: #333;
	text-decoration: none;
	text-align: left;
	width: 100%;
}
.line-mini-app .info .change-btn:before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 2px #333;
	border-right: solid 2px #333;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -4px;
	transform: rotate(45deg);
}
.line-mini-app .info .btns .btn-ttl {
	background: none !important;
	border: none;
	font-size: 15px;
	padding: 0;
}


/* お客様の情報 */
.line-mini-app .cartinfo dl.flex {
	justify-content:space-between;
}
.line-mini-app .cartinfo dl.flex dt {
	font-weight: bold;
}
.line-mini-app .cartinfo .inline,
.line-mini-app .cartinfo dl.flex dt {
	width: 100% !important;
	padding: 0;
	background: none;
	margin: 30px 0 0 0;
}
.line-mini-app .cartinfo dl.flex dt:first-child,
.line-mini-app .cartinfo .inline {
	margin-top: 0;
}
.line-mini-app .cartinfo dl.flex dd {
	width: 48%;
	position: relative;
}
.line-mini-app .input-style {
	border: none !important;
	border-bottom: 1px solid #000 !important;
	font-size: 16px !important;
	padding: 0 !important;
	width: 100% !important;
	padding: 10px 0 !important;
}
.line-mini-app .cartinfo .input-s__title {
	font-size: 10px;
}
.line-mini-app .cartinfo .sex input {
	vertical-align:middle;
	position: absolute;
	top: 5px;
}
.line-mini-app .cartinfo .sex label {
	margin-left: 16px;
}
.line-mini-app .cartinfo .post-code {
	width: 40% !important;
}
.line-mini-app .cartinfo .haifun {
	width: 10px !important;
	text-align: center;
}
.line-mini-app .cartinfo .phone input {
	width: 26% !important;
}
.send-info {
	margin-top: 100px;
}
#send-info {
	padding-top: 200px;
	margin-top: -200px;
}


/* point */
.line-mini-app.current-point {
	border-top: none;
}
.line-mini-app.current-point .note-link a {
	text-decoration: underline;
	font-size: 16px;
}
.line-mini-app.current-point .history {
	width: 100%;
	text-align: left;
}
.line-mini-app.current-point .history .history-ttl {
	background-color: #000;
	color: #fff;
	border-right: 1px solid #fff;
	padding: 5px;
}
.line-mini-app.current-point .history td {
	padding: 5px;
	border-right: 1px solid #fff;
}
.line-mini-app.current-point .history .gray {
   background-color: #eee;
}
.line-mini-app.current-point h4.new-sub-ttl {
	font-weight: bold;
	margin: 5px 0;
	text-align: left;
}
.line-mini-app.current-point .point-history {
	margin: 30px 0 0;
}


/* login */
.line-mini-app.login .merit {
	text-align: center;
}
.line-mini-app.login .merit .flex {
	justify-content: space-between;
	width: 60%;
	margin: 40px auto 0;
}
.line-mini-app.login .merit .flex li {
	width: 30%;
	margin: 1%;
}
.line-mini-app.login .merit .flex li img {
	width: 100%;
}
.line-mini-app.login .disp-none {
	display: none;
}
.line-mini-app.login .member_btn {
	margin: auto;
}


/* new */
.line-mini-app .login-new dt {
	background: none;
	font-size: 12px;
	margin: 30px 0 0 0;
	padding: 0;
}
.line-mini-app .login-new .imp-orderflow {
	width: 100%;
}
.line-mini-app .login-new .displaypw-style {
	color: #000;
	font-size: 12px;
	margin-top: 10px;
}
.line-mini-app .login-new .displaypw-style input {
	border: 1px solid #000;
	width: 14px;
	height: 14px;
	padding: 0;
}
.line-mini-app .login-new .loginbox {
	padding: 0 !important;
}
.line-mini-app .login-new .btn-cancel {
	margin: 10px 0 !important;
	width: 100% !important;
}
.line-mini-app .login-new .imp-orderflow {
	text-align: center;
	margin: 40px 0;
}
.line-mini-app .login-new .imp-orderflow img {
	width: 70%;
}
#main .column-container.line-mini-app .box-child,
.contents-basic-container.has-left-menu.line-mini-app {
	border: none;
	background: none !important;
	float: none;
}
.contents-basic-container.has-left-menu.line-mini-app .login {
	margin: 0 !important;
}
.contents-basic-container.has-left-menu.line-mini-app .login-new {
	width: 70%;
	margin: auto !important;
}
.contents-basic-container.has-left-menu.line-mini-app .login-new .note {
	margin-left: 0 !important;
}
.contents-basic-container.has-left-menu.line-mini-app .login-new dt {
	font-weight: bold;
}
.line-mini-app form p.pp {
	margin-left: 0 !important;
}
.line-mini-app #join-terms .pp {
	border-top: none !important;
}
.line-mini-app .login-new th {
	font-weight: bold;
	width: 40%;
}
.line-mini-app .login-new.confirm-width {
	width: 99% !important;
}

/* join */
.line-mini-app .login.login-new .input-area {
	margin: 0 0 10px !important;
}
/*
.line-mini-app .login.login-new .input-s input {
	font-size: 1rem;
}
*/
.line-mini-app .login.login-new .phone input {
	width: 16%;
}
.line-mini-app .login.login-new .member_btn {
	margin: 0 auto ;
}
.line-mini-app .login.login-new .open-pw {
	border: 1px solid #000;
	width: 14px;
	height: 14px;
	padding: 0;
}
.line-mini-app .login.login-new .open-pw-area {
	margin: 10px 0 0 !important;
}
.line-mini-app .login.login-new .open-pw-area .checkbox-p__label {
   font-size: 10px;
}
.line-mini-app .member-join-ttl {
	text-align: center;
	margin: 20px 0;
	font-size: 16px;
}
.line-mini-app .login.login-new.confirm .join-end-btn {
	margin: 40px 0;
	width: 40%;
	margin: 40px auto 0;
}
.line-mini-app .login.login-new .error-message {
	margin: 40px 0 0;
	color: #dd6463;
	font-weight: bold;
}


.line-mini-app .withdrawal {
   text-align: center;
   font-size: 13px;
}
.line-mini-app .withdrawal a {
   text-decoration: underline;
}
.line-mini-app input {
   cursor: pointer;
}

.cart-section .btn-group .btn-add-cart:hover{
   background: #333 !important;
}