@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
.pcOnly, .pc, .imgPC {  display: block;}
.spOnly, .sp, .imgSP {  display: none;}
@media screen and (max-width: 768px) {
  .pcOnly, .pc, .imgPC {display: none;}
  .spOnly, .sp, .imgSP {display: block;}}

#header_banner.recole a {background-image: url(/images/static/img/banner_header/banner_header_recole.png);}
#header_banner.sony a {background-image: url(/images/static/img/banner_header/banner_header_sony.png);}
#header_banner.win7 a {background-image: url(/images/static/img/banner_header/banner_header_wi7.png);}

div, a ,img {
border: 0;
outline: 0;}
select,input[type="button"],input[type="submit"],input[type="reset"],input[type="radio"],input[type="checkbox"],
input + label {cursor: pointer;}
.toggle_txt,
.openlink {cursor: pointer;}

#header_search select {
 width: 12em; /* EC & AKIBA とサイズ合わせ*/
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;}
#header_search {position: relative;}


#pgtop {
  position: fixed;
  right: 0;
  bottom: 20vh; z-index: 1002;
}
#header_above {min-width: 1200px;}
#header_above ul {
  padding: 5px 0;
  position: relative;
}

#header_above ul li.member_name {
  position: absolute;
  left: 0;
}
#header_above {position: fixed; width: 100%;z-index: 10000; top: 0; height: 28px;min-width: 1200px;}
#header_center {margin-top: 28px; align-items: stretch;}
.inpurchase #header_center {justify-content: flex-start;}
#header_below,#header_banner {min-width: 1200px;}
@media screen and (max-width: 768px) {#header_below,#header_banner {min-width: 100%;}}
#header_below.sticky {top: 28px;}
#header_center nav {
  padding: 4px 0;
}
#header_center {min-width: 1200px;}
#header_center nav li {
  font-size: .6875rem;
  display: inline-flex; align-items: center;
}

#footer,
#footer_sitemap .inner {min-width: 1200px;}
#header_center nav li img { height: 24px; width: auto;
  display: block;
  margin: 0 auto;
}

#nav_btn .ic {
  padding: 11px;
}

@media screen and (max-width: 1360px) {
  .inpurchase #header_center {
    position: static;
  }
}

#menu_cat {
  background-color: #0075c1;
  background: linear-gradient(to left, #1895d8 0%, #0075c1 100%);
}

.menu_wrp {
  background-color: #0075c1;
}

#menu_cat_list ul li .child {
  border-top: 5px solid #0075c1;
  border-right: 5px solid #0075c1;
  border-bottom: 5px solid #0075c1;}
#menu_cat_list ul li .child.open {overflow-y: auto ; overflow-x: hidden;}

#header_below .inner {
  padding: 8px 0;
}

#header_below ul:not(#menu_cat_list) a.login {
  background-color: #0075c1;
  color: #fff;
}

#header_below ul:not(#menu_cat_list) a.login img {
  margin-top: -.2em;
}

.bg_wrp {
  display: block;
  margin: 0 auto;
  width: 100%;
  background-color: #F4F4F4;
}

aside {
  margin-top: 0;
}

#wrapper {
  min-width: 1200px;
  padding: .75rem 0}
#wrapper.one-col {flex-direction: column;}

#main {
  /*padding-top: .75rem;*/}
#wrapper #main {padding-top: .75rem; min-width: 1200px;}
#wrapper #main.with_aside {min-width: 880px; min-height: 600px;/* 20220802 */}
#wrapper.cart #main  { min-width: auto;}
#aside {
  padding-top: .75rem;
  padding-bottom: 2rem;
}

#main.top, #wrapper.top #aside {
  padding-top: 0;
}

#header_below .inner {
  min-width: 1200px;
}
/*
#wrapper.top {
  flex-direction: row;
  padding: 18px 0;
}
*/
/*
#wrapper.top #aside {
  margin-bottom: 50px;
  margin-right: 0;
  margin-left: 40px;
  margin-top: 0;
}
*/
.whbox {
  display: block;
  margin: 2rem auto 4rem;
  width: 800px;
  background-color: #fff;
  border-radius: 7px;
  box-shadow: 0px 0px 6px 3px #e5e5e5;
  border: 1px #dddada solid;
  padding: 30px 40px;
}

.whbox.loginbox {
  width: 340px;
  padding: 30px 55px;}
.whbox.w90 { width: 90%; padding: 20px; margin-bottom: 2rem;}
#main h1.undline {margin-top: 0;}
#main h1.undline span {display: inline-block; border-bottom: 4px #30b5ef solid; padding-bottom: .25em; margin-bottom: .35em; padding-left: .2em;padding-right: .2em;}
h1.cat-ico {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

h1.cat-ico img.ico {
  max-width: 1.5em;
  max-height: 1.5em;
  display: inline-block;
  margin-right: .5em;
}

h1.center {
  margin: .75em auto;
}

h2.noline22 {
  font-size: 1.375rem;
  margin-bottom: .75em;
  position: relative;
}

h2.linegray22 {
  font-size: 1.375rem;
  border-bottom: 1px #cccccc solid;
  padding-bottom: .45em;
  margin-bottom: .75em;
  position: relative;}

h2.linegray22.nomgb {
  margin-bottom: .25em;}
h2.linegray22 a.openlink {background-position: 96% center;background-size: .65em;
    padding: 0 .6em;}
	
h3.bold18 {
  font-size: 1.125rem;
  margin-bottom: .35em;
  font-weight: bold;
}

h3.bold16 {
  font-size: 1rem;
  margin-bottom: .35em;
  font-weight: bold;
}

h3.ttlgray {
  color: #5e5e5e;
  font-size: 1.3125rem;
  margin-bottom: .75em;
  position: relative;
}

h3.ttlgray span {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: .9375rem;
}

h4.headline18 {
  display: block;
  font-size: 1.125rem;
  border-left: 4px #30b5ef solid;
  margin: .8em 0 1.25em;
  padding-left: 5px;
  font-weight: bold;
  position: relative;
}

h4.headline16 {
  display: block;
  font-size: 1rem;
  border-left: 4px #30b5ef solid;
  margin: 0 0 1em;
  padding-left: 5px;
  font-weight: bold;
  position: relative;
}

h4.headline16.nomgb, h4.headline18.nomgb {
  margin-bottom: .5em;}

h4.headline18.nomgt {
  margin-top: 0;}

h4.headline18 span {
  display: inline-block;
  padding: 0 .5em;
  font-size: .875rem;
  font-weight: normal;
}

h5 {
  margin-bottom: .5em;
}

h5.bold16 {
  font-size: 1rem;
  font-weight: bold;
  margin: .35em 0 .75em;
}

h5.bold16 span {
  font-weight: normal;
  font-size: .875rem;
}

h5.bold16.nomgb {
  margin: 0;
}

h5.menu-ttl {
  background-color: #fff;
  border-bottom-color: #d3d1d0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.125rem;
  line-height: 1.5;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  padding-left: 0;
}

h5.name {
  font-weight: bold;
  margin-bottom: .65em;
}

h5.name i {
  font-weight: normal;
  font-style: normal;
  font-size: .875rem;
}

h6 {
  font-size: .875rem;
  font-weight: bold;
  margin: .3em 0 .65em;}
 h6.bg-gray {background-color: rgba(0, 0, 0, .04); padding: .5em .5em; margin-bottom: .65em; display: block; font-weight: bold; }

h6.nomgb {
  margin-bottom: 0;
}

sup {
  font-size: .625rem;
}

b {
  font-weight: bold;}


hr {
  background-color: whitesmoke;
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0;
}
hr.bdr {  background-color: #eee;
  border: none;
  display: block;
  height: 1px;
  margin: .75rem 0;}

hr.nomg {
  margin: .25rem 0;
}

p em {
  font-weight: bold;
}

.icon {
  display: flex;
  align-items: center;
}

.icon .ico {
  max-width: 1.2em;
  display: inline-block;
  margin-right: .3em;
}

#main a.button.useall {
  color: #fff;
}

#main a.button.btn_search {
  background-attachment: scroll;
  background-image: url(/images/static/img/ic_btn_searchwh.svg);
  background-position: 1em center;
  background-repeat: no-repeat;
  background-size: 1em auto;
  padding: 0 2em 0 3em;
}
#main p.txtXXXL, .txtXXXL {  font-size: 2rem;}
#main p.txtXXL, .txtXXL {  font-size: 1.375rem;}
#main p.txtXL, .txtXL {  font-size: 1.25rem;}
#main p.txtL, .txtL {  font-size: 1.125rem;}
#main p.lead {  font-size: 1rem;  line-height: 1.7;}
#main p.txtM, .txtM {  font-size: 1rem;}
#main p.txtN, .txtN {  font-size: .9375rem;}
#main p {  font-size: .875rem;  line-height: 1.5;}
#main p.txtS, .txtS {  font-size: .8125rem;}
#main p.txtXS, .txtXS {  font-size: .75rem;}
#main p.txtXXS, .txtXXS {  font-size: .625rem;}
#main p.right, .table td.right,.table th.right, span.right{  text-align: right;}
#main p.center, .table td.center,.table th.center, span.center{  text-align: center;}
#main p.bold, #main .bold {  font-weight: bold;}
#main p.min {  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
#main p.ttl-right {
  position: absolute;
  right: 0;
  margin-bottom: 0;
  bottom: 5px;}
#main p.astRed, .astRed/*2274 20210729*/ {  color: #dd0000;  text-indent: -1em;  padding-left: 1em;}
#main p.pwd-txt {  color: #999;  margin-bottom: 0;  padding-bottom: 0;}
#main p.nomgb, #main td p {
  margin-bottom: 0;}


.in-block {
  display: inline-block;
}

.align_left {
  text-align: left;
}

.align_right {
  text-align: right;
}

/*  // テキストカラー // */

.txt-green {
  color: #55b700;
}

.txt-orange {
  color: #ff9000;
}

.txt-red {
  color: #dd0000;
}
.txt-red-60 { color: rgba(221,0,0,.6);}

.txt-red-dd {
  color: #dd0000;
}

.txt-sky {
  color: #30b5ef;
}

.txt-sof {
  color: #0075c1;
}

.txt-gray {
  color: #999999;
}

.txt-ngray {
  color: #666;
}

/*  // box // */

.box-note {
  display: block;
  margin: 20px auto;
  border: 3px #eeeeee solid;
  padding: 15px 15px 8px 15px;
  border-radius: 6px;}
.box-gray {display: block;
  margin: 20px auto;background-color:#f5f5f5; padding: 15px 25px;}
.box-line {  display: block;
  margin: 20px auto;
  border: 1px #ddd solid;padding: 15px 25px;border-radius: 3px;}
.box-red {
  display: block;
  margin: 20px auto;
  border: 1px #ff3333 solid;
  padding: 15px 15px 8px 15px;
  border-radius: 3px;}

.halfbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.halfbox li {
  width: 47%;
  padding: 0 1%;
}

.halfbox.right {
  justify-content: flex-end;
}

.halfbox.right li {
  width: auto;
  padding-right: 1rem;
}

.halfbox.right li:last-child {
  padding-right: 0;
}

/*  // width // */
.w10 {max-width: 10%;}
.w20 {max-width: 20%;}
.w30 {max-width: 30%;}
.w40 {max-width: 40%;}
.w50 {max-width: 50%;}
.w60 {max-width: 60%;}
.w65 {max-width: 65%;}
.w70 {max-width: 70%;}
.w80 {max-width: 80%;}
.mw55 {max-width: 55%;}
.btn-box.btn2set.mw55 {max-width:57.5%;}
#main .btn-box a.button.line {margin: 0 auto; width: 100%;}
.btn-box.btn2set.mw55 span {}

/*  // padding // */
.pdl1 {  padding-left: 1em !important;}  /* 3376 */
.pdl2 {  padding-left: 2em;}
.pdl3 {  padding-left: 3em;}
.pdr1 {  padding-right: 1em;}
.pdr2 {  padding-right: 2em;}
.pdr3 {  padding-right: 3em;}
.mgl0,ul.mgl0 {margin-left: 0 !important;}
.pdb025 {padding-bottom: .25em;}/* 3601 */
.pdb050 {padding-bottom: .5em;}

/*  // margin // */   /* 3376 */
.nomgt, #main p.nomgt {  margin-top: 0;}
.mgt05, #main p.mgt05 {  margin-top: 5px;}
.mgt10, #main p.mgt10  {  margin-top: 10px;}
.mgt15, #main p.mgt15  {  margin-top: 15px;}
.mgt20, #main p.mgt20  {  margin-top: 20px;}
.mgt30, #main p.mgt30  {  margin-top: 30px;}
.mgt40, #main p.mgt40  {  margin-top: 40px;}
.mgt50, #main p.mgt50  {  margin-top: 50px;}
.mgb0, #main p.mgb0  { margin-bottom: 0px !important;}
.mgb05, #main p.mgb05  {  margin-bottom: 5px !important;}
.mgb10, #main p.mgb10  {  margin-bottom: 10px !important;} 
.mgb20, #main p.mgb20  {  margin-bottom: 20px;}
.mgb30, #main p.mgb30  {  margin-bottom: 30px;}
.mgb40, #main p.mgb40  {  margin-bottom: 40px;}
.mgb50, #main p.mgb50  {  margin-bottom: 50px;}

.mgt1, #main p.mgt1 {  margin-top: 1em;}
.mgt2, #main p.mgt2 {  margin-top: 2em;}
.mgt3, #main p.mgt3 {  margin-top: 3em;}

.mgb1, #main p.mgb1 {  margin-bottom: 1em;}
.mgb2, #main p.mgb2 {  margin-bottom: 2em;}
.mgb3, #main p.mgb3 {  margin-bottom: 3em !important;} /* 2034 */

.ind1em {text-indent: 1em;}
.ind2em {text-indent: 2em;}

.incart table .nopd th, .incart table .nopd td {
padding: 0 2px 4px;}
.incart table .line th, .incart table .line td { border-top: 1px #eee solid;}
  .incart table .sum_1 th,
  .incart table .sum_1 td {
    border-top-color: #eee;
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 8px; padding-bottom: 8px; }
  .incart table .sum_1 td {
    color: #333;
    font-weight: bold; }



/*  // ul ol // */

ul.ast {
  display: block;
}

ul.ast li {
  display: block;
  font-size: .8125rem;
  text-indent: -1em;
  padding-left: 1em;
  padding-bottom: .25em;
}
ul.ast.txtXS li {font-size: .75rem;}
ul.ast.txtXXS li {font-size: .6825rem;}
ul.ast-mark {
  display: block;
}

ul.ast-mark li {
  display: block;
  font-size: .8125rem;
  padding-left: 1.2em;
  color: #666;
}

ul.ast-mark li:before {
  content: "※";
  display: inline-block;
  margin-left: -1.2em;
  padding-right: .2em;
}

ul.disc {
  list-style-type: none;
  margin-left: 1.5em;
  font-size: .875rem;
  display: block;}

ul.disc li {
  display: block;
  line-height: 1.5;
  padding-bottom: .35em;
  padding-left: 1.2em;
}
ul.disc.nomgb li:last-child{ padding-bottom: 0;}
ul.disc li::before {
  content: "●";
  display: inline-block;
  margin-left: -1.2em;
  padding-right: .2em;
  font-size: .75em;
  vertical-align: text-top;}
ul.disc li > ul.ast li::before {content: none;}
ul.disc.txtXS {
  font-size: .75rem;}

ul.note {
  list-style-type: none;
  margin-left: 1.5em;
  font-size: .875rem;
  display: block;
  /*font-feature-settings: initial; 2338*/}
ul.note.nomgl { margin-left: .5em;}
ul.note li {
  display: block;
  line-height: 1.5;
  padding-bottom: .15em;
  padding-left: 1em;}

ul.note li::before {
  content: "・";
  display: inline-block;
  margin-left: -1em;
  padding-right: 0;
  width: 1em; /* 2338 20210830*/}
ul.note > ol.decimal { list-style-type: decimal;}
ul.note > ol.decimal li::before{ content: none;}

ul.note.txtXS {font-size: .75rem;}
ul.note.txtXS li { line-height: 1.4;}
ul.none {
  list-style-type: none;
  margin-left: 1.5em;
  font-size: .875rem;
  display: block;
  font-feature-settings: initial;}
ul.none li {
  display: block;
  line-height: 1.5;
  padding-bottom: .15em;
  padding-left: 1em;}

ul.qa_a {  list-style-type: none;
  margin-left: 1.5em;
  font-size: .875rem;
  display: block;}
ul.qa_a li {display: block; text-indent: -1.3em; padding-left: 1.3em;}
ul.qa_a li > a.arw-linktxt {display: inline;}

ol.decimal {
  list-style-type: decimal;
  margin-left: 1.5em;
  font-size: .875rem;
  padding-left: 1.5em;
}

ol.decimal li {
  line-height: 1.5;
  padding-bottom: .35em;
}

ol.decimal-no {
  list-style-type: none;
  margin-left: 1.5em;
  font-size: .875rem;
  padding-left: 1.5em;
}

ol.decimal-no li {
  text-indent: -1.5em;
}

ol.decimal-no2 {
  list-style-type: none;
  margin-left: 1.5em;
  font-size: .875rem;
  padding-left: 1.8em;
}

ol.decimal-no2 li {
  text-indent: -1.8em;
}

ul.kana {
  list-style-type: katakana;
}

ul.list_3col {
  display: block;}

ul.list_3col li {
  display: inline-block;
  width: 28%;
  padding-right: 2%;
  padding-left: 2%;
  font-size: .8125rem;}
ul.list_5col li {
  display: inline-block;
  width: 16%;
  padding-right: 1%;
  padding-left: 1%;
  font-size: .8125rem;}

.list-col3box { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px;}
.list-col3box li {display: inline-flex; width: 31%; padding-right: 2%; font-size: .8125rem;}
.list-col3box li a {display: block; padding: 0 .5em 0 .65em;
    background-attachment: scroll;
    background-position: left .4em;
    background-repeat: no-repeat;
    background-size: 5px auto;
    background-image: url(/images/static/img/arrowhead_r_fill.svg);}


ul.ast_list {}

ul.ast_list li {
  display: block;
  color: #d00;
  font-size: .75rem;
  text-indent: -1em;
  padding-left: 1em;
  padding-bottom: .2em;
}

/*  // テキストリンク // */

#main a.link-arwRbk {
  display: inline-block;
  text-align: right;
  background-attachment: scroll;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 8px auto;
  padding-right: 12px;
  color: #333;
  background-image: url(/images/static/img/arrow_txtlink.svg);
  font-size: .875rem;
  font-weight: normal;
}

#main .txtlinkRbk, #aside .txtlinkRbk {
  display: block;
  text-align: right;
  font-size: .875rem;
}

#main .txtlinkRbk a, #aside .txtlinkRbk a {
  display: inline-block;
  text-align: right;
  background-attachment: scroll;
  background-image: url(/images/static/img/arrow_txtlink.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: .5em auto;
  padding-left: 1em;
  color: #333;
}

#main .txtlinkRbk.nomgb, #aside .txtlinkRbk.nomgb {
  margin-bottom: .5em;
}

/* // aside */

#aside .txtlinkRbk a {
  color: #333;
}

#main a.link-more {
  display: block;
  text-align: right;
  background-attachment: scroll;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 6px auto;
  padding-right: 12px;
  background-image: url(/images/static/img/arrowhead_r_gray.svg);
  font-size: .875rem;
  font-weight: normal;
}

.arw-linklist {
  display: block;
  margin: 20px 0;
}

.arw-linklist.nomg {
  margin: 0 0;
}

.arw-linklist li {
  display: block;
  font-size: .875rem;
  line-height: 1.3;
  padding-bottom: .5em;
}

.arw-linklist li a {
  display: block;
  background-attachment: scroll;
  background-image: url(/images/static/img/arrow_txtlink.svg);
  background-position: left .2em;
  background-repeat: no-repeat;
  padding-left: 12px;
  background-size: 6px auto;
}

.arw-linktxt {
  display: inline-block;
  padding: 0 .25em 0 .65em;
  background-attachment: scroll;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 5px auto;
  background-image: url(/images/static/img/arrowhead_r_fill.svg);
  margin-left: .75em;
}

.arw-linkp {
  display: block;
  padding: 0 0 0 .65em;
  background-attachment: scroll;
  background-position: left .4em;
  background-repeat: no-repeat;
  background-size: 5px auto;
  background-image: url(/images/static/img/arrowhead_r_fill.svg);
}
.arw-linklistp.mgb1 {margin-bottom: 1em !important;}
.disc.mgb1 {margin-bottom: 1em;}
.arw-linklistp li {display: block;
    font-size: .875rem;
    line-height: 1.3;
    padding-bottom: .25em;}
.arw-linklistp li a {
  display: block;
  padding: 0 0 0 .65em;
  background-attachment: scroll;
  background-position: left .4em;
  background-repeat: no-repeat;
  background-size: 5px auto;
  background-image: url(/images/static/img/arrowhead_r_fill.svg);
}

.icon-list {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.icon-list li {display: block; padding: 0 1%; width: 10%;}
.ic_linktxt {
  display: inline-block;
}

.ic_linktxt a {
  display: flex;
  align-items: center;
}

.ic_linktxt a img {
  margin-right: .2em;
  width: .8em;
}

#main .anklink {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}

#main .anklink li {
  width: 31.75%;
  margin: 0 1.25% 10px 0;
}

#main .anklink a {
  background-color: #30B5EF;
  display: flex;
  width: 97%;
  border: 1px #30b5ef solid;
  border-radius: 4px;
  justify-content: center;
  padding: 1em 1.5% .75em 1.5%;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-image: url(/images/static/img/arrow_ankwh_btn.svg);
  background-size: 13px auto;
  background-position: 95% center;
  font-size: .8125rem;
  text-align: center;
  line-height: 1.3;
  border-radius: 5px;
  color: #fff;
}

.in_txtlinklist {
  display: block;
  margin: 0;
}

.in_txtlinklist li {
  display: inline-block;
  line-height: 1;
  border-right: 1px #ccc solid;
  padding: 0 .5em 0 0;
  margin-right: .5em;
}

.in_txtlinklist li:last-child {
  border-right: none;
}

.in_txtlinklist li a {
  display: block;
}

/*  // button // */

.sbtn-list {
  display: block;
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
}

.sbtn-list li {
  display: block;
  margin-bottom: 10px;}
.entry_form .sbtn-list li {margin-bottom: 10px;}

.sbtn-list li a.blue {
  background-color: #30B5EF;
  display: flex;
  width: 100%;
  border: 1px #30b5ef solid;
  border-radius: 4px;
  justify-content: center;
  padding: 1em 1.5% .75em 1.5%;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-image: url(/images/static/img/arrow_btnwh.svg);
  background-size: 6px auto;
  background-position: 95% center;
  font-size: .8125rem;
  text-align: center;
  line-height: 1.3;
  border-radius: 5px;
  color: #fff;
}

#main .sbtn-list li a.blue {
  color: #fff;
}

.sbtn-list li a.line {
  display: flex;
  width: 100%;
  border: 1px #30b5ef solid;
  border-radius: 4px;
  justify-content: center;
  padding: 1em 1.5% .75em 1.5%;
  background-attachment: scroll;
  background-position: 97.5% center;
  background-repeat: no-repeat;
  background-image: url(/images/static/img/arrow_btn.svg);
  background-size: 6px auto;
  font-size: .8125rem;
  text-align: center;
  line-height: 1.3;
}

#main .sbtn-list li a.line {
  color: #30b5efs;
}

.btn-center {
  display: block;
  margin: 10px auto;
}

/*  // カテゴリーbox // */

.category_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.category_list .cat_col {
  display: block;
  width: 428px;
  margin-right: 20px;
  margin-bottom: 18px;
  border: 1px #cccccc solid;
}

.category_list .cat_col:nth-child(2n) {
  margin-right: 0;
}

.cat_m_ttl {
  display: block;
  position: relative;
  margin-bottom: 0;
}

.cat_m_ttl h3 {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 95%;
  color: #fff;
  padding: 8px 0 8px 5%;
  font-size: 1.125rem;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
}

#main .cat_m_ttl a h3 {
  color: #fff;
}

.cat_inner {
  padding: 1em 1em;
}

.cat_m_list li {
  font-size: .8125rem;
  margin-bottom: .65em;}
.cat_m_list li a {display: block;
  padding-right: 1em;}
.cat_s_list {
  font-size: .75rem;
  padding-left: 2em;
  line-height: 1.4;
}

.cat_s_2box {
  display: flex;
  width: 98%;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.cat_s_2box span {
  display: inline-block;
  width: 48%;
  padding: 0 2% 0 0;
}

.cart label {
  font-size: .875rem;
}

.register_card li {
  font-size: .9375rem;
}

.control label {
  font-size: 0.8125rem;
  white-space: nowrap;
}

.cart .slick .slick-slide {
  padding: 0 30px 30px 30px;
}

.confirm_table .inconfirm {
  top: 14px;
}

/*  // バナー // */

.bnr-2box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 20px auto 0;
}

.bnr-2box li {
  display: inline-block;
  width: 430px;
  margin-right: 20px;
  margin-bottom: 5px;
}

.bnr-2box li:nth-child(2n) {
  margin-right: 0;
}

.bnr-imglink {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;}

.bnr-imglink li {width: 23.5%;margin-bottom: 10px;}
.bnr-imglink.col3 li {width:31.5%;margin-bottom: 10px;align-items: stretch;  border: 1px #cccccc solid;}
.bnr-imglink.col3 li p.center {text-align: center !important; justify-content: center;}

  .bnr-imglink.col3::before, .bnr-imglink.col3::after {
    content: "";
    display: block;
    height: 0;
    order: 1;
    width: 31.5%; }

.bnr-imglink li a {
  display: block;
  border: 1px #cccccc solid;}
.bnr-imglink.col3 li a {border: none;}
.bnr-imglink li a img {
  display: block;
  width: 100%;}
.bnr-imglink.col3 li a img { width: auto; max-height: 200px; margin: 0 auto;}

.bnr-imglink li a span {
  display: flex;
  align-items: center;
  height: 3.3em;
  justify-content: center;
  padding: 2%;
  font-size: .875rem;
  line-height: 1.3;}
.bnr-imglink.col3 li a span { flex-wrap: wrap;justify-content: flex-start; height: auto;}
.bnr-imglink.col3 li a span.center {justify-content: center;}
.bnr-imglink.col3 li a span h5 {display: block;}
#main .bnr-imglink.col3 li a span p {margin-bottom: 0 !important;}

.cam-imglink {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}

.cam-imglink li {
  width: 32%;
  margin-bottom: 10px;
}

.cam-imglink li a {
  display: block;
  background-color: #eee;
  border: 1px #ccc solid;
}

.cam-imglink li a img {
  display: block;
  width: calc(100% - 2px);
  margin-bottom: 5px;
  border: 1px #ccc solid;
}

.cam-imglink li span {
  display: block;
  font-size: .6875rem;
  line-height: 1.2;
  padding: 5px 10px;
}

.cam-imglink li span strong {
  font-size: .8125rem;
  display: block;
  margin-bottom: 0;
}

.bnr-box {
  display: block;
  margin: 20px auto;
}

.bnr-box div img {
  display: block;
  margin-bottom: 15px;
  width: 100%;
}

.bnr-box-s {
  display: block;
  margin: 0 auto 20px;
}

.bnr-box-s div img {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}

/*  // レコメンドリスト // */
.product_list.recom {border-top:1px #ddd solid; margin: 1rem 0; padding-top: 1rem;}
.product_list.recom.col5 li {width: 17.5%; border-bottom: 0;}
.cart .slick.product_list.recom {padding: 1rem 15px 0 15px;}
.cart .slick.product_list.recom .slick-slide {padding: 0 15px 15px 15px;}

/*  // ランキングリスト // */

.product_list.ranking_list li {width: 17.7%;}

.product_list.ranking_list .brand {  margin-bottom: .35em;}

.product_list.ranking_list .product_name {/*  margin-bottom: .5em;  height: auto; min-height: 6.5em; 1706/2043 */}
/* 20200820 カテゴリ内ランキングリストの調整*/
#item_ranking .product_list.ranking_list .product_name { /*min-height: 4.5em; 1706/2043*/}
.product_list.ranking_list li:last-child {margin-bottom: 10px;}
.ranking_list li {  position: relative;}
.ranking_list li img.ico {
  position: absolute;
  left: 3%;
  top: 10px;
  width: 30px;}

.ranking_list li:nth-child(4) img.ico,
.ranking_list li:nth-child(5) img.ico {width: auto; height: 25px;}
/*　20210513　2043 */
.product_list.ranking_list li { margin-bottom: 0;}

/*  // ランキングリスト メニューエリア // */

.rank-list {
  display: block;
  margin: 5px 0 25px;
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
}

.rank-list li {
  display: block;
  border-bottom: 1px #eee solid;
  padding: 10px 0 10px 70px;
  position: relative;
}

.rank-list li img {
  position: absolute;
  left: 0;
  top: 25px;
}

.rank-list li .brand {
  display: block;
  font-size: .6875rem;
}

.rank-list li a.product_name {
  display: block;
  font-size: .8125rem;
  line-height: 1.4;
  margin-bottom: .35em;
}

.rank-list li .price {
  display: block;
  font-size: .75rem;
  text-align: right;
  color: #dd0000;
}

.rank-list li .price strong {
  font-size: 1rem;
}

.rank-list li img.ico_rank {
  width: 32px;
  left: 0;
  top: 10px;
  z-index: 10;
}

.rank-list li img.ico_rank_s {
  width: 16px;
  left: 8px;
  top: 10px;
  z-index: 10;
}

/*  // aside local_menu 追加分 // */
.refine_list > dt {line-height: 1.3;
padding-bottom: .65em;
padding-top: .65em;
padding-right: 2em;}
.refine_list>dd.local_menu {
  padding-bottom: 0;
  margin-bottom: 0;
}

.refine_list>dd.local_menu ul {
  margin-bottom: 0;
  padding-left: 0;
}

.refine_list>dd.local_menu li {
  display: block;
  margin-bottom: 0;
}

.refine_list>dd.local_menu li a {
  display: block;
  background-position: 95% center;
  padding-left: 0;
  border-top: 1px #eee solid;
  padding: 1.2em .5em;
}

.refine_list>dd.local_menu li a:hover, .refine_list>dd.local_menu li.current a {
  background-color: rgba(48, 181, 239, .15)
}

#aside .refine_list>dd.local_menu li.current a {
  color: #333;
}

.refine_list>dd.local_menu li:first-child {
  margin-top: -1rem;
}

.refine_list>dd ul.child_list {
  padding-left: .75em;
}

.refine_list>dd ul.check.child {
  margin-top: 6px;
  padding-left: 1.5rem;
}

.guide_menu {
  margin-bottom: 25px;
  margin-top: 5px;
}

.guide_menu dt.ttl {
  background-color: #fff;
  border-bottom-color: #d3d1d0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.125rem;
  line-height: 1.5;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  padding-left: 0;
}

.guide_menu dd.sttl {
  background-color: rgba(0, 0, 0, .02);
  border-bottom: #eee solid 1px;
}

.guide_menu dd p.openlink {
  background-position: 96% center;
  padding: .85em .6em;
  font-size: .9375rem;
}

.guide_menu ul.submenu.hidecontent.open {
  margin-bottom: 0;}

.guide_menu ul.submenu li a {
  display: block;
  font-size: .875rem;
  background-image: url(/images/static/img/arrow_btn.svg);
  background-position: 96% center;
  background-repeat: no-repeat;
  background-size: .35em auto;
  position: relative;
  border-bottom: #eee solid 1px;
  padding: .8em .6em;
}

.guide_menu ul.submenu li a:hover {
  background-color: rgba(48, 181, 239, .15)
}

.capimgbox {
  display: inline-block;
  padding: 15px;
  border: 1px #ddd solid;
  border-radius: 6px;
  margin-bottom: 5px;
}

/*  // 会員ページ追加分 // */

.mem-infobox {
  display: flex;
  flex-wrap: wrap;
  border: 1px #ccc solid;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 20px;
}

.mem-inner {
  display: flex;
  align-items: stretch;
  width: 100%;
  justify-content: flex-end;
}

.mem-inner div {
  /*display: table-cell;*/
 display: block;
  padding: 15px 20px;
  /*border-bottom: 1px #eee solid; 1992 21.03.29*/
  vertical-align: top;
  width: 40%;}

.mem-inner div:first-child {}
.mem-inner div.bicpay-info,
.mem-inner div.point-info{width: calc( 100% - 40% - 80px); border-left: 1px #eee solid;}

.mem-inner div.hidden { visibility: hidden !important;}

.mem-infobox img.card {
  max-width: 85px;
  height: auto;}
 .mem-infobox img.card3 {
  max-width: 180px;
  height: auto;}

.cardbox {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;}

.cardbox dt {  padding-right: 20px;}
.cardbox dd { font-size: .8125rem;}
#main .cardbox dt p,#main .cardbox dd p {font-size: .75rem; }

.premium-merit {display:flex; align-items: flex-start; justify-content: flex-start; border-top: 1px #ddd solid; padding-top:5px;}
.premium-merit i {margin-right: 10px;margin-top: .5em;}
.point em {
  font-size: 1.3125rem;
  color: #ff9000;
}

.bicpay em {
  font-size: 1.3125rem;
  color: #dd0000;
}

.boxmenu_2col,
.boxmenu_3col,
.boxmenu_4col,
.boxmenu_5col {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  justify-content: flex-start;
  align-items: stretch;}

.boxmenu_2col .column {width: 43.1%; margin-right: 2%;display: inline-flex; align-items: center;border: 1px #cccccc solid;padding: 10px 2.5%;margin-bottom: 15px;}
.boxmenu_2col .column:nth-child(2n) {margin-right: 0;}

.boxmenu_3col .column {width: 26%; margin-right: 2.5%;display: block;border: 1px #cccccc solid;padding: 10px 2.5%;}
.boxmenu_3col .column:nth-child(3n) {margin-right: 0;}
.boxmenu_4col .column {width: 18.3%; margin-right: 2%;display: block;border: 1px #cccccc solid;padding: 10px 2.5%;}
.boxmenu_4col .column:nth-child(4n) {margin-right: 0;}
.boxmenu_5col .column {width: 14.1%; margin-right: 1.5%;display: block;border: 1px #cccccc solid;padding: 10px 2.25%;}
.boxmenu_5col .column:nth-child(5n) {margin-right: 0;}

.menu-content-head {
  display: block;
  min-height: 6.5em;
  padding: 1.3em 0;
  text-align: center;
  border-bottom: 1px #dddada solid;}
.menu-content-head.noimg {min-height: 1.5em;}

.boxmenu_2col .column .menu-content-head { border-bottom: 0; border-right:1px #dddada solid; min-width: 35%;padding: 1.3em 20px 1.3em 0; margin-right: 1em;}

.menu-content-head img {
  display: block;
  margin: .5em auto 1.25em;
}


.boxmenu_2col .column ul.menu,
.boxmenu_3col .column ul.menu,
.boxmenu_4col .column ul.menu,
.boxmenu_5col .column ul.menu{
  display: block;
  margin: .75em 0;
  padding-left: .5em;
}
.boxmenu_2col .column ul.menu li,
.boxmenu_3col .column ul.menu li,
.boxmenu_4col .column ul.menu li,
.boxmenu_5col .column ul.menu li {
  display: block;
  font-size: .875rem;
  padding-bottom: .5em;}
.boxmenu_2col .column ul.menu.s-size li,
.boxmenu_3col .column ul.menu.s-size li,
.boxmenu_4col .column ul.menu.s-size li,
.boxmenu_5col .column ul.menu.s-size li { font-size: .8125rem; line-height: 1.4; padding-bottom: .35em;}

.boxmenu_2col .column ul.menu li a,
.boxmenu_3col .column ul.menu li a,
.boxmenu_4col .column ul.menu li a,
.boxmenu_5col .column ul.menu li a{
  display: block;
  padding: 0 0 0 .65em;
  background-attachment: scroll;
  background-position: left .4em;
  background-repeat: no-repeat;
  background-size: 5px auto;
  background-image: url(/images/static/img/arrowhead_r_fill.svg);
}

.attention-txt a {
  display: block;
  background-attachment: scroll;
  background-image: url(/images/static/img/ic_info_bell.svg);
  background-position: left .2em;
  background-repeat: no-repeat;
  background-size: 14px auto;
  padding-left: 18px;
}

.attention-txt.secure a {
  background-image: url(/images/static/img/ic_security.svg);
  background-size: 1.8em 1.8em;
  background-position: left center;
  padding: .375em 0 .375em 2.2em;
}

.member_form {
  margin-bottom: 50px;
}

.order_questionnaire th, .order_questionnaire td,
.questionnaire th, .questionnaire td,
.member_form th, .member_form td, .entry_form th, .entry_form td,.guest_form th,.guest_form td {  /* 3052 */
  position: relative;
  vertical-align: top;
  font-size: .875rem;
}
.order_questionnaire th .required,
.questionnaire th .required,
.member_form th .required, .entry_form th .required,
.tabular th .required/*2338*/ {
  color: #d00;
  font-size: .75rem;
  position: absolute;
  right: 10px;
  margin: auto 0;
  top: 10px;
}

fieldset, .member_form fieldset, .entry_form fieldset {
/*  display: inline-block; 2338*/
display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-start;
width: 48%;
/*  max-width: 210px;*/
}

fieldset span, .member_form fieldset span, .entry_form fieldset span {
  padding-right: .35em;
/*  font-size: .8125rem; 2338*/
}

input[type="text"],input[type="email"],input[type="tel"], .member_form input[type="text"], .entry_form input[type="text"] {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  font-size: 0.8125rem;
  line-height: 1;
  padding: .375em .5em;
  width: 16.75em;
  height: 2.08em;
}
input[type="text"].RupeePoint,input[type="text"].PoolPoint{width: auto;}
input[type="password"] {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  font-size: 0.8125rem;
  line-height: 1;
  padding: .375em .5em;
  width: 16em;
    height: 2.08em;
}

#main input::placeholder {
  color: #CCC;
}

/* IE */

#main input::-ms-input-placeholder {
  color: #CCC;
}

/* Edge */

#main input::-ms-input-placeholder {
  color: #CCC;
}


input[type="checkbox"] {
  margin-right: 2px;
}

input.name.s-size, input.kana.s-size {
  width: 70%;
}

input.postcode1, .member_form input.postcode1, .entry_form input.postcode1 {
  width: 4em;
  margin: 0 .5em 0 0;
}

input.postcode2, .member_form input.postcode2, .entry_form input.postcode2 {
  width: 6em;
  margin: 0 .5em;
}

input.order_date, .member_form input.order_date, .entry_form input.order_date {
  width: 12em; text-align: left;
}

.member_form .button.useall.s-size {
  font-size: .75rem;
  border-radius: 2px;
  padding: 0 1em;
  margin-left: 1em;
}

select, .member_form select, .entry_form select {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(/images/static/img/arrowhead_d_select.svg);
  background-position: 88% center;
  background-repeat: no-repeat;
  border-color: #b3b3b3;
  border-style: solid;
  border-width: 1px;
  border-radius: 0;
  box-shadow: none;
  font-size: .8125rem;
  line-height: 1.5;
  outline: none;
  padding: .375em 2.5em .375em 1.5em;
}
.point_select table input[type="number"] {
    line-height: 1;
    padding: .375em 0.5em;
	height: 2.2em;
}
.form_box {
  display: block;
  width: 100%;
}

.form_box dt {
  display: inline-block;
  width: 18%;
  font-size: .875rem;
  vertical-align: top;
  padding-top: .25em;
}

.form_box dd {
  display: inline-block;
  width: 80%;
  font-size: .875rem;
  padding: 0 0 .45em 0;
  vertical-align: top;
  padding-top: .25em;
}

.form_box dd:last-child {
  padding-bottom: 0;
}

.form_box dd span {
  color: #666;
  font-size: .75rem;
  padding: 0 .25em;
}

.entry_form .form_box dt {
  width: 20%;
}

.entry_form .form_box dd {
  width: 75%;
}
  .scroll_wrp img.arw_left, .scroll_wrp img.arw_right {
    display: none;
  }


input.tel1, .member_form input.tel1, .entry_form input.tel1 {
  width: 5em;
  margin: 0 .5em 0 0;
}

input.tel2, input.tel3, .member_form input.tel2, .member_form input.tel3, .entry_form input.tel2, .entry_form input.tel3 {
  width: 7em;
  margin: 0 .5em;
}
.member_form input.tel3+span {display: block;}
input.birthday_year, .member_form input.birthday_year, .entry_form input.birthday_year {
  width: 5em;
  margin: 0 .2em;
}

.member_form span, .entry_form span,
.tabular th > span:not(.required),
.confirm_table td span { /*color: #666;*/ font-size: .75rem;padding: 0 .25em;}
.member_form span.block, .entry_form span.block,
.tabular th > span.block,
.confirm_table td span.block,
.block {display: block;} /* 3376 */

span.nopd, .member_form span.nopd, .entry_form span.nopd {
  padding: 0;
}

.member_form span.block, .entry_form span.block {
  display: block;
}

label, .member_form label, .entry_form label {
  margin-left: 0.5em;
}

.member_form li, .entry_form li {
  margin-bottom: .3em;
}

/*li:last-child, 2043 20210607*/ .member_form li:last-child, .entry_form li:last-child {
  margin-bottom: 0;
}

.birth_box {
  display: block;
  margin: 0 auto 1rem;
  text-align: center;
}

.mgr20 {
  margin-right: 20px;
}

/*2338 error変更*/
/*
.member_form input[type="text"].error, input.error {
  background-color: #ffe6e6;
  border-color: #dd0000;}
.form_box dd span.error_txt, span.error_txt, .error_txt {
  display: block;
  font-size: .75rem;
  color: #dd0000;}
*/
.error-box {display: block;max-width: 90vw; /*width: 100%;*/ margin: .35em 0 .65em;border: 1px #ddd solid;padding: 15px 25px;border-radius: 3px;}
.error-txt,.error_txt{ color: #d00;}#main ul.error-txt li * { color: #d00;}
.order_guest span.error_txt, /* 3052 */
.member_form span.error_txt, .entry_form span.error_txt,
.inpurchase .credit_info span.error_txt{ color: #d00; font-size: .75rem; display: block; padding-top: .15em;}
.member_form span.ast, .entry_form span.ast {text-indent: -1em; padding-left: 1em;}
td.error,.inpurchase .credit_info table td.error { background-color:#ffeeee; }
td.error input,inpurchase .credit_info table td.error input{background-color: #fff;}
fieldset, .member_form fieldset, .entry_form fieldset {vertical-align: top;}
td.editTd,.confirm_table td.editTd {background-color: rgba(48,181,239,.075);}
td.editTd table,.confirm_table td.editTd table.in_td { background-color: #fff;}
td.error a.error_point,
dt a.error_point, /* table外のdtもあるのでtdは付けない */
.area_wrap a.error_point {padding-top: 1em; margin-top: -1em;display: block; pointer-events: none;}

#input_mail_address {
  width: 18em;
  border: 1px #bbb solid;
  border-radius: 4px;
  font-size: 0.8125rem;
  line-height: 1;vertical-align: middle;
  padding: 0 1em;
  letter-spacing: .02em;
  min-height: 40px;
}

input.mail {
  width: calc(100% - 2.2em);
  border: 1px #bbb solid;
  border-radius: 4px;
  font-size: 0.8125rem;
  line-height:1;
  padding: .55em 1em;
  height: 2.08em;
   letter-spacing: .02em;}
  .loginbox input.mail {font-size: .9375rem;}

input[type="password"].pwd-txt {
  width: calc(100% - 2.2em);
  border: 1px #bbb solid;
  border-radius: 4px;
  font-size: 0.8125rem;
  line-height: 2.08;
  box-sizing: content-box;
  padding: .55em 1em;}
  .loginbox input[type="password"].pwd-txt {font-size: .9375rem; letter-spacing: .075em;}
  
.entry_form input[type="text"].input-txt {
  width: calc(100% - 2.2em);
  border: 1px #bbb solid;
  border-radius: 4px;
  font-size: 0.8125rem;
  line-height: 2.08;
  box-sizing: content-box;
  padding: .55em 1em;
}
.field:not(:last-child) {
  margin-bottom: 0.75rem;
}

.entry_form span.check-txt {
  display: block;
  padding: 8px 1em 7px 1em;
  font-size: .8125rem;
  text-align: center;
  margin-bottom: 5px;
}

.check-txt.mail_ok {
  border: 2px #30B5EF solid;
}

.check-txt.mail_error {
  color: #dd0000;
  border: 1px #dd0000 solid;
}

img#captcha_image {
  display: inline-block;
  border: 1px #eee solid;
}

#main a.button.inconfirm, #main a.button.cancel, #main a.button.back,#main a.button.close {
  color: #666;
}

#main a.button.cancel {
  display: block;
  background-attachment: scroll;
  background-image: url(/images/static/img/ic_cancel.svg);
  background-position: 5% center;
  background-repeat: no-repeat;
  background-size: 1em;
  text-align: center;
  width: 100%;
}

#main a.button.back {
  display: block;
  background-attachment: scroll;
  background-image: url(/images/static/img/ic_btn_back.svg);
  background-position: 5% center;
  background-repeat: no-repeat;
  background-size: 6px auto;
  text-align: center;
  margin: 0 auto;
}
#main a.button.close {
  display: block;
  background-attachment: scroll;
  background-image: url(/images/static/img/ic_cancel.svg);
  background-position: 5% center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  text-align: center;
  margin: 0 auto;
}
#main i.button.gray{background-color: #ebeff1;
    font-size: .8125rem; color: #666;border:1px #ced5d8 solid;line-height: 3;font-style: normal; width: 100%; text-align: center;}
#main a.button.gray{background-color: #ebeff1;
    font-size: .8125rem; color: #666;border:1px #ced5d8 solid;line-height: 3; width: 100%; text-align: center;}

#main a.button.close.gray,
#main a.button.back.gray{background-color: #ebeff1;
    font-size: .875rem; color: #666;
    border: transparent;}
#main .one-btn-box.gray a.close {max-width: 70%;  background-attachment: scroll;
  background-image: url(/images/static/img/ic_cancel.svg);
  background-position: 5% center;
  background-repeat: no-repeat;
  background-size: 10px auto;}
#main .one-btn-box.gray a.close {line-height: 1;}
#main a.button.l-size, #main a.button.submit.blue.l-size {
  width: 100%;
  font-size: 1rem;}

#main a.button.disabled { pointer-events: none; cursor: none;}

.list_set_gray {
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 8px 1.5rem;
}

.list_set_gray form {
  width: 100%;
}

.list_set_gray span {
  display: inline-flex;
}

.list_set_gray span.right {
  left: auto;
}

.list_set_gray dl {
  display: flex;
  align-items: center;
}

.list_set_gray dl.w30 {
  width: 30%;
  text-align: right;
}

.list_set_gray dt {
  font-size: 0.75rem;
  margin-right: 0.5em;
}

.list_set_gray dd {
  font-size: 0.75rem;
}

.list_set_gray span.checkbox dt, .list_set_gray span.checkbox dd {
  margin-left: 1em; 
}

.list_set_gray select, .soat_list select {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(/images/static/img/arrowhead_d_select.svg);
  background-position: 92% center;
  background-repeat: no-repeat;
  border-color: #b3b3b3;
  border-style: solid;
  border-width: 1px;
  border-radius: 0;
  box-shadow: none;
  font-size: 0.75rem;
  line-height: 1.2;
  outline: none;
  padding: .375em 1.8em .375em 1.5em;
  min-height: 2em;
}
#search_result_area .list_settings select {  line-height: 1.2;  padding: .375em 1em .375em 1em; min-height: 2em;}/*20200812　padding 修正*/
#search_result_area .list_settings select[name="order_by"],
#search_result_area .list_settings select[name="stk_flg"]{ min-width: 14em;}
.list_set_gray select.order_list {  width: 12em;}
#search_result_area .list_settings dt {margin-right: 0;}/*20200818　IE11表示ズレ対応　*/
.list_set_gray dl span {
  color: #bbb;
  padding: 0 .5em;
}


.soat_list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 1rem 0;
}

.soat_list dt, .soat_list dd {
  font-size: 0.75rem;
}

.soat_list dd {
  margin-right: 1em;
}

div.right {
  left: auto;
  text-align: right;
}

.product_box {
  display: flex;
  justify-content: flex-start;
  /*align-items: flex-start; 2020.05 縦中央調整*/
   align-items: center;
  max-width: 610px;}

  
.product_box span {width: 420px;}
.product_box span.product_img {
  /*width: 30%;*/
  width: 120px;
  padding: 0 8px;}
.table.order_td td .product_box span.product_img { padding: 0 12px 0 0;}/* 2847-5 20220303 */
#main .product_box p.brand {
  display: block;
  font-size: 0.6875rem;
  margin-bottom: .35em;
}

#main .product_box p.point {
  color: #ff9000;
  display: block;
  font-size: .8125rem;
}

#main .product_box .product_name {
  /*  display: block; 3880 20231025 */ display: inline-block;
  font-size: .875rem;
  margin-bottom: .75em;
  word-break: break-all;
}
#main.member .product_box fieldset {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}/*2338 2021.11.09*/
#main.member .product_box fieldset > dl {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
#main.member .product_box fieldset + fieldset { flex-direction: row; width: 100%;}
#main.member .product_box fieldset p.point {padding-left: 1.5em;font-size: .75rem;}
.product_box dl dt {
  width: 6em;
}

.product_box dl dt, .product_box dl dd {
  display: inline-block;
}

.flex-inner {
  display: flex;
  align-items: center;
}

img.attention_ico {
  max-width: 35px;
  height: auto;
  margin-right: 15px;
}

.graybox {
  display: block;
  background-color: #fbfbfb;
  padding: 2.5rem 0 1rem;
  margin: 2rem auto;
}

.table.order_td {
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
}

.table.order_td th {
  background-color: #fbfbfb;
  font-size: .75rem;
  border-right-width: 0;
  border-bottom: 1px #eee solid;
  font-weight: normal;
}

.table.order_td th:last-child {
  text-align: right;
}

.table.order_td th:last-child.left {
  text-align: left;
}

.table.order_td td {
  border-bottom: 1px #eee solid;
  border-left: 1px #eee solid;
}

.table.order_td tr:last-child td {
  border-bottom: none;
}

.sofmapcard_select {
  display: block;
  border-bottom: 1px #eee solid;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.card_box {
  display: block;
  flex-wrap: wrap;
  padding-left: 1.5em;
  margin-top: .5em;
}

.card_box dt {
  display: inline-block;
  max-width: 15%;
  vertical-align: top;
  padding-bottom: .5em;
  padding-right: .5em;
}

.card_box dt img {
  width: 90px;
}

.card_box dd {
  display: inline-block;
  width: 80%;
  padding-bottom: .5em;
}

.card_box.line-gray {
  border-bottom: 1px #eee solid;
}

.txt-right {
  margin-left: auto;
  text-align: right;
}

.openlink.in-block {
  display: inline-block;
}

.btn-box {
  display: flex;
  max-width: 80%;
  margin: 15px auto
}

.btn-box.w100 {
  max-width: 100%;
  width: 100%;
}

.btn-box span {
  display: block;
  padding: 0 1em;
}

.btn-box span.back {
  width: 230px;
}

.btn-box span.next {
  width: 330px;
}

.btn-box.w100 span.next {
  width: 100%;
  padding: 0;
}

.btn-box.btn2set {width: 80%; margin: 15px auto; text-align: center;}
.btn-box.btn2set span {width: 45%; padding: 0 2.5%}
.btn-box.btn2set span.center {margin: 0 auto;}


#main .btn-box a.button,
.btn-box a.button {
  width: 100%;
  text-align: center;
  padding: .375em 0;}

#main a.button.back.gray,
#main a.button:not([.inconfirm]).close {
  background-color: #ebeff1;
  font-size: .875rem;
  border: transparent;}

#main a.button.blue,
a.button.blue {
background-color: #30b5ef;
    border-color: #30b5ef;
  color: #fff;
  font-size: .875rem;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-image: url(/images/static/img/arrow_btnwh.svg);
  background-size: 6px auto;
  background-position: 97.5% center;}
  
#main a.button.line {display: flex; width: 97%; border: 1px #30b5ef solid; border-radius: 4px; justify-content: center;padding:1.25em 1.5% 1em 1.5%; background-attachment: scroll; background-position: 97.5% center; background-repeat: no-repeat; background-image: url(/images/static/img/arrow_btn.svg); background-size: 6px auto; font-size: .9375rem; text-align: center; line-height: 1.3;color: #30b5ef;}
#main .sbtn-list a.button.line, #main .sbtn-list a.button.line.l-size {padding: .85em 1.5% .75em 1.5%;font-size: .875rem; width: 100%;}
  
#main a.button.blue.w100, a.button.blue.w100 {width: 100%; text-align: center;}
#main a.button.no,a.button.no {background-color: #ebeff1;
    font-size: .875rem;
    border: transparent;
background-image: none;}
#main .one-btn-box.gray a, .one-btn-box.gray a {  background-position: 97.5% center;}
textarea.policy_area {
  width: 92%;
  height: 16em;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px #eee solid;
  padding: 0em 4%;
  font-size: .75rem;
  font-family: inherit; /* 2034 E2023.1 */
  color: #333;
  margin-bottom: 30px;}
textarea.enq_txtarea {width: 100%; height: 5em; 
  overflow-x: hidden;
  overflow-y: scroll; font-size: .875rem; color: #333;}

#cart form {
  display: inline-flex;
}

#cart form#buy_confirm_form {
  display: block;
}

/*  // かこみ文字まとめ // */

i.boxtxt {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  font-size: 0.625rem;
  line-height: 1.8;
  margin-bottom: 0.75em;
  text-align: center;
  width: 6.3em;
}

i.free-red {
  display: block;
  border-color: #dd0000;
  color: #dd0000;
}

/*  // top用 追加分 // */

.recoitem_list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}

.recoitem_list li {
  display: block;
  width: 12.5%;
  font-size: .8125rem;
  margin: 0 auto;
}

.recoitem_list li span {  max-height: 80px;
  height: 80px; display: flex; align-items: center;justify-content: center;}
.recoitem_list li img{
  max-width: 100%;
  max-height: 80px;
  width: auto;
  display: block;
  margin-bottom: 10px;
}

.col3box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0px;
}

.col3box .column {
  display: block;
  width: 31%;
}

.colsbox {
  display: flex;
}

.colsbox.al-center {
  align-items: center;
}

.colsbox .column {
  display: block;
  padding: .5em;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1; width: 100%;
}
.colsbox .column.nopd {  padding: .5em 0;}
/*2847 20220303*/
.colsbox .column.nopdl {  padding: .5em .8em .5em 0;}
.colsbox .column.nopdr {  padding: .5em 0 .5em .8em;}
.colsbox .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}

.cambox img {
  display: block;
  border: 1px #ccc solid;
  margin-bottom: 5px;
}

.cambox h3 {
  font-weight: bold;
}

.entry_mail_box {
  max-width: 515px;
  margin: 20px auto;
}

.entry_mail_box .colsbox {
  align-items: center;
  margin-bottom: 10px;
}

.entry_mail_box .colsbox span {
  padding: 0;
}

.entry_mail_box .colsbox span.column:first-child {
  padding: 0 15px 0 0;
}

.product_list.col6 li {
  width: 14%;
}

.product_list.col6 .product_name {
  font-size: .8125rem;
  margin-bottom: .35em;
}

.product_list.col6 .price {
  font-size: .625rem;
  justify-content: left;
}

.product_list.col6 .price strong {
  font-size: 1rem;
  letter-spacing: -.03em;
}

.product_list.col6 .point {
  font-size: .75rem;
  margin-bottom: .6em;
}

.product_list.col6 .ic.stock {
  display: block;
  margin: 0 0;
}

.product_list.col6 img {
  margin: 0 auto 5px;
  width: 90%;
}

.product_list .re_price {
  display: block;
  font-size: .625rem;
  color: #dd0000;
  line-height: 1.2;
  margin-bottom: .65em;
}

.product_list .re_price strong {
  font-size: .9375rem;
}

.product_list .re_price i {
  display: block;
  color: #333;
  font-style: normal;
}

.btmline {
  border-bottom: 1px #ccc solid;
  margin-bottom: 35px;
}

.product_list.col6 .used_box {
  font-size: .75rem;}

#main .recommend_area li .price i {padding: 0 0.25em 0 .5em;font-size: 0.6875rem;}

#main .recommend_area li .point strong, #main .recommend_area li .price strong {font-size: 1rem;}
#main .recommend_area li .date {display: block;
    font-size: 0.6875rem;
    margin-bottom: 0.35em;}
.topcat_list {
  display: block;
  margin-bottom: 30px;
  border-top: 1px #ccc solid;
}

.topcat_list li {
  display: inline-block;
  width: 48%;
  margin-right: 3%;
  border-bottom: 1px #ccc solid;
}

.topcat_list li a {
  padding: .75em .2em;
  height: 2.7em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.topcat_list li:nth-child(2n) {
  margin-right: 0;
}

.topcat_list li img {
  display: block;
  margin-right: .65em;
  max-width: 43px;
}

.imp-notices {
  display: block;
  margin-bottom: 20px;
}

.imp-notices li {
  border-bottom: 1px #eee solid;
}

.imp-notices li a {
  display: block;
  padding: .75em 1em .75em .35em;
  font-size: .8125rem;
  background-attachment: scroll;
  background-image: url(/images/static/img/arrow_btn.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 1em;
}

.corp_info {
  display: block;
  margin-bottom: 30px;
}

.corp_info li {
  border-bottom: 1px #eee solid;
}

.corp_info li span {
  display: block;
  font-size: .6875rem;
  font-weight: bold;
}

.corp_info li a {
  display: block;
  padding: .5em 1em .5em .35em;
  font-size: .875rem;
  background-attachment: scroll;
  background-image: url(/images/static/img/arrow_btn.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 1em;
}

#aside .imp-notices li a, #aside .corp_info li a {
  color: #333;
}

img.img-xxs {
  width: 60px;
  height: auto;
}

/* ヘッダードメインリンク */

#related_services_list {
/*  width: 324px; 3091 20220628*/ width: 344px;
  border-top: 1px #ccc solid;
  border-left: 1px #ccc solid;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  padding: 10px 0;
}

#related_services_list li {
  border-bottom: #fff;
  /*border-bottom: 1px #ccc solid;*/
  position: static;
}

#related_services_list li> a {
  display: flex;
/*  width: 300px; 3091 20220628*/ width: 320px;
  margin-left: 4px;
  justify-content: flex-start;
  align-items: center;
  padding: 7px 9px;
  font-size: .8125rem;
  background-attachment: scroll;
  background-image: url(/images/static/img/arrowhead_r_gray.svg);
  background-position: 98% center;
  background-repeat: no-repeat;
  background-size: 6px auto;
  background-color: transparent;
  border-right: 1px #ccc solid;
  position: relative;
  z-index: 21;
  opacity: 1;
  border: 1px #fff solid;
}

#related_services_list li>a:hover {
  background-image: url(/images/static/img/arrowhead_r_blue.svg);
  border-right: 3px #fff solid;
  opacity: 1;
  border-left: 1px #ccc solid;
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  border-radius: 3px;
}

#related_services_list li span {
  display: flex;
  width: 36%; padding-right: 1em;
  align-items: center;
}

#related_services_list li span img {
  max-height: 24px;
  max-width: 100px;
}

#related_services_list li:nth-child(2) span img, #related_services_list li:nth-child(3) span img {
  margin-bottom: 1px;
}

#related_services_list li .child {
  background-color: #fff;
  border: 1px #ccc solid;
  z-index: 20;
  padding: 0px 0px;
  top: -1px;
  height: 360px; background-attachment: scroll; background-position: bottom center; background-repeat: no-repeat; background-size: contain;}
.bg_sofmap {background-color: #fff; background-image: url(/images/static/img/domain_link/bg_sofmap.jpg);}
.bg_akisof { background-color: #fff; background-image: url(/images/static/img/domain_link/bg_akisof.jpg);}
.bg_recole { background-color: #fff; background-image: url(/images/static/img/domain_link/bg_recole.jpg);}
.bg_rakuuru { background-color: #fff; background-image: url(/images/static/img/domain_link/bg_rakuuru.jpg);}
.bg_event { background-color: #fff; background-image: url(/images/static/img/domain_link/bg_event.jpg);}
.bg_gaming { background-color: #000; background-image: url(/images/static/img/domain_link/bg_gaming.jpg);}

#related_services_list li .child span {display: block; padding:15px 20px 15px 25px; line-height: 1.4; width: calc(100% - 50px);}
#related_services_list li .child span.gaming {padding-top: 60px;}
#related_services_list li .child span h3 {display: block; font-size: .875rem; font-weight: bold;  }
#related_services_list li .child span.wh h3 a,#related_services_list li .child span.wh h3 a:visited {color: #ffffff !important;}

.col2link {display: flex; flex-wrap: wrap; align-items: flex-start; padding-top: 10px;}
.col1link { display: block; width: 45%; padding-top: 10px;}
.col1link p {display: block; width: 100%;padding: .35em 1%; font-size: .75rem;}
.col2link p {display: block; width: 50%;padding: .35em 0 .35em 0; font-size: .75rem;}
.col1link p a,
.col2link p a {color: #066eb3;}
.col1link.wh p a,
.col2link.wh p a {color: #fff !important;}
.col1link p a:hover,
.col2link p a:hover {text-decoration: underline;}
#related_services_list li .child i {font-style: normal;}

.columns-2box {display: flex;flex-wrap: wrap; align-items: flex-start; padding-top: 10px; justify-content: center;}
.columns-2box .column {display: inline-flex;}
.columns-2box .column:nth-child(2n) {padding-left: 1em;}
#related_services_list li span .columns-2box .column {width: auto;}
/* ドメインリンク　width変更　20200629 */
#related_services_list li span .columns-2box .column img {max-width: 100%;width: 100%; max-height: 100%; margin: 0 auto; display: block;}



/* ヘッダー　カテゴリリンク */

#menu_cat_list {
  margin-top: 0;
  padding-top: 5px;}

.menu_wrp {
  padding: 5px;
  border-radius: 5px;
}

.menuinner {
  display: block;
  border-radius: 5px;
  width: 260px;
  height: 665px;
  padding: 10px 15px 0px 10px;
  background: #fff;
}

#menu_cat_list .menu_line {  border: 5px #0075c1 solid;  height: 77vh;background-color: #fff;
  border-radius: 6px; padding: 10px 0 10px 10px;max-height: 730px;}
#header_below #menu_cat_list ul.menu_cat {
  display: block;
  color: #333;
  padding: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  height:calc(77vh - 135px);
    max-height:calc(730px - 135px);
}
#header_below #menu_cat_list ul.menu_cat li:last-child {margin-bottom: 2em;}
#header_below #menu_cat_list ul.menu_cat::after
{background: linear-gradient(to bottom, rgba(252, 252, 252, 0) 0%, #fcfcfc 100%);
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    bottom: 148px;
  width: 260px; z-index: 10;}
#header_below #menu_cat_list ul.menu_cat span { }
#header_below #menu_cat_list p.more {position: absolute; bottom:5px; left: 5px; background-color: #fff; padding:15px 5%; width: calc(90% - 10px);  border-top: 1px #ddd solid; z-index: 15;}
#header_below #menu_cat_list p.more a {  background-image: url(/images/static/img/arrowhead_r_fill_blue.svg);
  background-position: 0.4em .25em;
  background-repeat: no-repeat;
  background-size: 5px auto;
  color: #066eb3;  padding: 0 0 0 1.2em;}
  
#header_below #menu_cat_list .bnr_area {display: block;position: absolute;bottom:5px; left: 5px;padding:12px 5%; border-top: 1px #ddd solid; z-index: 15;width: calc(90% - 10px); background-color: #fff;}
#header_below #menu_cat_list .bnr_area img {display: block; margin: 0 auto;width: 100%; padding-bottom: 6px;}
#header_below #menu_cat_list p.more_txt {padding:12px 0 0 0; border-top: 1px #ddd solid;}
#header_below #menu_cat_list p.more_txt a {  background-image: url(/images/static/img/arrowhead_r_fill_blue.svg);
  background-position: 0.4em .25em;
  background-repeat: no-repeat;
  background-size: 5px auto;
  color: #066eb3;  padding: 0 0 0 1.2em;}

#header_below #menu_cat_list ul.menu_cat li {
  display: block;
  background-color: #fff;
  font-size: .8125rem;
  width: 270px;
  padding: .1em 0;
}

#header_below #menu_cat_list ul.menu_cat li a {
  /*border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
	border-left: 1px #fff solid; */
  background-image: url(/images/static/img/arrowhead_r_fill_blue.svg);
  background-position: 0.4em .25em;
  background-repeat: no-repeat;
  background-size: 5px auto;
  color: #066eb3;
  text-align: left;
  width: 100%;
  line-height: 1.3;
  padding: 0em 0 0.1em 1.2em;
}

#header_below #menu_cat_list ul.menu_cat li a:hover {
  /*border-top: 1px solid #ccc;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #ccc;
	border-left: 1px #ccc solid; position: relative; z-index: 23;*/
}

#header_below #menu_cat_list ul.menu_cat li.more {
  display: block;
  padding-right: 1em;
  margin-top: .5em;
  border-top: 1px #ddd solid;
  padding-top: .5em;
}

#header_below #menu_cat_list ul.menu_cat li.more a {}

#menu_cat_list ul li .child {
  line-height: 1.6;
  border-left: 1px #ccc solid;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #fff;
  /*position: absolute;
  top: 5px;
  left: 302px;*/
  margin-top: 5px;
  margin-left: -5px;
  min-width: 320px;
  height: calc(77vh + 5px);
    max-height: calc(730px + 5px);
	max-width: 920px;
  padding: 15px 20px 0px 20px;
  z-index: 22;
}

#header_below #menu_cat_list div.child h3 a {
  background-image: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px #ccc solid;
  border-radius: 0;
  padding: 0 0 .5em 0;
  margin-bottom: .5em;
  font-size: .9375rem;
}

#header_below #menu_cat_list div.child h3 a:hover {
  background-image: none;
  border: none;
  border-bottom: 1px #ccc solid;
}

#header_below #menu_cat_list div.child h3 a .ico {
  width: 1.75em;
  height: 1.75em;
}

#header_below #menu_cat_list div.child ul.sub_category {
  display: block;
  padding-left: 1em;
  border-bottom: 1px #ccc solid;
  margin-bottom: .5em;
  padding-bottom: .5em;
  min-width: 290px;
}
#header_below #menu_cat_list div.child ul.sub_category li:last-child {margin-bottom: .5em;}
#header_below #menu_cat_list div.child ul.sub_category li a {
  display: block;
  border: none;
  background-image: url(/images/static/img/arrowhead_r_blue.svg);
  background-position: left .25em;
  background-repeat: no-repeat;
  padding-left: 1em;
}

#header_below #menu_cat_list div.child ul.sub_category li a:hover {
  border: none;
}

.colmunbox {
  display: flex;
}

.menu_inbnr {
  display: block; text-align: center;
  /*flex-wrap: wrap;
  justify-content: flex-start;*/
  margin: 10px auto;
}

.menu_inbnr div {
  display: inline-block;
  width: 290px;
  max-width: 290px;
  margin:0 auto 10px auto;
  padding: 0 4px;
}
.menu_inbnr div img {max-width: 290px; height: auto;}
#header_below #menu_cat_list ul.menu_cat li div.menu_inbnr a {
  background: none;
  padding: 0;
  font-size: .75rem;
}

/*  // 新規登録　step bar追加 // */

.steps.entry_step .step1 i {
  background-image: url(/images/static/img/ic_mail.svg);
  background-size: 50% auto;
}

.steps.entry_step .step2 i {
  background-image: url(/images/static/img/ic_pen.svg);
  background-size: auto 55%;
}

.steps.entry_step .step3 i {
  background-image: url(/images/static/img/ic_confirm.svg);
}

.steps.entry_step .step4 i {
  background-image: url(/images/static/img/ic_complete.svg);
  background-size: 50% auto;
}

/*  // top用 tab_panel 追加分 // */

.tab_area_top {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.tab_area_top::after {
  border-bottom: #ccc solid 1px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.tab_area_top label {
  cursor: pointer;
  display: block;
  font-size: 0.75rem;
  padding: 5px 0;
  position: relative;
  text-align: center;
  width: 12%;
}

.tab_area_top label:hover {
  opacity: 0.5;
}

.tab_area_top label.active {
  background: #fff;
  border: #ccc solid 1px;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
  z-index: 2;
}

.tab_panel {
  display: none;
  width: 100%;
}

.tab_panel.active {
  display: block;
}

.tab_panel .inner {
  align-items: flex-start;
  border-bottom: #ccc solid 1px;
  display: flex;
  padding: 20px 10px;
}

.tab_panel .inner span.tag {
  background-position: left top;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 0.625rem;
  padding: 1.5px 0;
  position: absolute;
  text-align: center;
  width: 82px;
  z-index: 1;
}

.panel_inner {
  padding: 20px 0 0 0;
}

/*  // slick 追加分 // */

.newitem_list .slick {
  padding: 0 15px;
}

.newitem_list .slick .slick-slide {
  padding: 0 15px;
}

.newitem_list .slick .slick-slide img {
  border: 1px #ccc solid;
}

.article_ttl {
  font-size: .875rem;
  font-weight: bold;
}

/*  // 追加分 // */

.mv_slider_wrap {
  position: relative;
}

.tab_list.col6 li {
  width: 16%;
}

.tab_list.col5 li {
  width: 19.75%;
}

/* IE11　対策 */

img {
  flex-shrink: 0;
}

#header_search select {
  line-height: 1;
  height: 40px;
}

#header_search .search_text {
  line-height: 1;
  height: 40px;
  width: 28rem;
}

#menu_cat::before {
  margin-right: 10px;
}

select::-ms-expand {
  display: none;
}

#menu_cat {
  line-height: 1;
  height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 2em 0 1em;
  min-width: calc( 160px - 3em );
  max-width: 160px;
}

#menu_cat::before {
  background-image: url(/images/static/img/ic_hamburger.png);
  background-size: cover;
  width: 22px;
}

#nav_btn {margin-right: 19px;}
#logo_wrap {left: -60px;}
#nav_btn .ic {border-right: 1px #ddd solid;}

@media screen and (max-width: 1360px) {
  #header_center {position: relative; }
  #logo_wrap {left: 0px;top: 3px;}
}

#logo a {
  padding-top: 8px;
}

#header_below {
  border-bottom-color: #0075c1;
  border-bottom-width: 3px;
}

/*  // カート 調整分 // */

.cart_list .point th, #cart .point th {
  color: #333;
}

.incart .notes dd {
  font-size: .75rem;
}

.incart .notes.complete dd {
  font-size: .8125rem;
}

.cart_list .product_name {
  margin-bottom: .65em;
}

input.radio {
  margin-right: .35em;
}

.cart_list .warranty_area dd li span {
  padding-left: 2em;
}

.perchase_select .credit_info input[type="text"].seccode {
  width: 5em;
}

.bdr-top {
  border-top: 2px #ddd solid;
  padding: 10px 0 0 0;
  margin-top: 10px;
}

table.in_td {
  width: 100%;
  border-bottom: 1px #ddd solid;
  border-left: 1px #ddd solid;
  border-right: 1px #ddd solid;
}

table.in_td th, table.in_td td {
  border: none;
  background-color: transparent;
  padding: 10px 5px;
  border-top: 1px #ddd solid;
}

table.in_td th {
  font-weight: bold;
  width: 26%;
}

.RegisterToggle {
  font-size: .875rem;
  margin: 10px auto;
  text-align: center;
}

.cart .RegisterToggle label {
  font-size: .875rem;
}

.in_td input.name, .in_td input.kana {
  width: 12em;
}

.in_td .button.useall.s-size {
  padding: 0 .5em;
  font-size: .8125rem;
}

.in_td input.address2, .in_td input.address3_1, .in_td input.address3_2, .in_td input.address3_3 {
  margin: 2px 0;
  width: 45%;
}

.in_td.w50 {width: 50%;  margin: 0 auto;}
.in_td.w80 {width: 80%;  margin: 0 auto;}
.in_td.w80 td {text-align: center;  width: 50%;}
.in_td.pdl td {padding: 10px 15px;}
.modal_sofmap_point .in_td.w80 td:first-child span, /* 2338 E2022.6 */
.modal_bic_kaitori_money .in_td.w80 td:first-child span {margin: 0 10px;}

#cart #main a.button.inconfirm.openlink {
  background-image: url(/images/static/img/arrow_ank_opengr.svg);
  background-position: 90% center;
  background-repeat: no-repeat;
  background-size: 1em auto;
}

#cart #main a.button.inconfirm.openlink.close {
  background-image: url(/images/static/img/arrow_ank_closegr.svg);
}

.multiple_radio label {
  margin-left: 0;
}

.inpurchase {
  margin-bottom: 25px;}
  body.inpurchase {margin-bottom: 0;}/*20201128*/
.inpurchase.nomgb {margin-bottom: 0;}

.inpurchase>ul {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  padding: 20px;
}

.inpurchase>ul>li {
  margin-bottom: 0.2em;
}

.inpurchase label {
  margin-left: 0.5em;}
.inpurchase .attention_area label { font-size: .8125rem;/*1992*/}

.inpurchase strong {
  display: inline-block;
  font-weight: normal;
  min-width: 10em;
  width: auto;
}

.inpurchase .fordetail {
  font-size: 0.8125rem;
  margin-left: 3em;
}

.inpurchase .fordetail+.fordetail {
  margin-left: 1em;
}

.inpurchase .credit_info {
  padding: 0 20px;
}

.inpurchase .credit_info span { display: inline-block;
  font-size: 0.8125rem;
}

.inpurchase .credit_info table {
  border-top-color: #ccc;
  border-top-style: solid;
  border-top-width: 1px;
  border-left-color: #ccc;
  border-left-style: solid;
  border-left-width: 1px;
  margin-bottom: 0.5em;
  width: 100%;
}

.inpurchase .credit_info table th, .inpurchase .credit_info table td {
  border-bottom-color: #ccc;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-color: #ccc;
  border-right-style: solid;
  border-right-width: 1px;
  font-size: 0.875rem;
  padding: 1em;
}

.inpurchase .credit_info table th {
  background-color: #fbfbfb;
}

.inpurchase .credit_info select {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(/images/static/img/arrowhead_d_select.svg);
  background-position: 88% center;
  background-repeat: no-repeat;
  border-color: #b3b3b3;
  border-style: solid;
  border-width: 1px;
  border-radius: 0;
  box-shadow: none;
  font-size: 0.8125rem;
  line-height: 1.3;
  outline: none;
  padding: .375em 1.7em .375em 1.5em;
  height: 2em;
}

.inpurchase .credit_info fieldset {
  display: inline-block;
  width: 44%;
}

.inpurchase .credit_info input[type="text"],
.inpurchase .credit_info input[type="number"].cardnum,
.inpurchase .credit_info input[type="number"].seccode {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  font-size: 0.75rem;
  line-height: 2.08;
  padding: 0 1em;
  width: 19.75em;
}

.inpurchase .credit_info input[type="text"]::placeholder,
.inpurchase .credit_info input[type="number"]::placeholder{
  color: #ccc;
}
.inpurchase .credit_info input[type="text"].seccode,
.inpurchase .credit_info input[type="number"].seccode,
.inpurchase .credit_info .seccode {
  margin-right: 0.5em;
  width: 5em;}
.inpurchase .credit_info table.in_td th{ white-space: nowrap;}

.inpurchase .credit_info input[type="radio"] {
  margin-right: 0.5em;
}

.inpurchase .credit_info label {
  font-size: 0.875rem;
}

.inpurchase .credit_info .register_card {
  margin-bottom: 15px;
}

/* 2034 2022.12 */
.member_form .credit_info .credit_notes dt,
.inpurchase .credit_info .credit_notes dt {
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0.8em;
}

.member_form .credit_info .credit_notes dd,
.inpurchase .credit_info .credit_notes dd {
  font-size: 0.875rem;
  margin-bottom: 1.5em;
}

.member_form .credit_info .credit_notes .policy_box,
.inpurchase .credit_info .credit_notes .policy_box {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  padding: 20px;
}

.member_form .credit_info .credit_notes .policy_box .plus
.inpurchase .credit_info .credit_notes .policy_box .plus {
  background-image: url(/images/static/img/ic_plus.svg);
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 0.875rem;
  padding-left: 1em;
}

.point_input {
  display: block;
  width: auto;
  text-align: center;
}

.point_input input[type="number"] {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  font-size: 0.8125rem;
  line-height: 1;
  padding: .375em 0.5em;
  width: 6.2em;
  height: 2em;
}

.refine_list>dd ul.category_menu {
  padding-left: .25em;
}

.refine_list>dd ul.category_menu li {
  display: block;
}

.refine_list ul.category_menu li a {
  background-image: url(/images/static/img/arrowhead_r_fill_blue.svg);
  background-position: 0.2em .2em;
  background-repeat: no-repeat;
  background-size: 6px auto;
  padding-left: 1em;
  display: block;
}

.refine_list ul.category_menu li.active {
  font-weight: bold;
}

.refine_list ul.category_menu li .child_list li {
  font-weight: normal;
  margin-bottom: .35em;
}

.refine_list ul.category_menu li .child_list li.active {
  font-weight: bold;
}

#aside .refine_list ul.category_menu li .child_list li a.current {
  color: #333;
  font-weight: normal;
}

.refine_list ul.category_menu li .child_list li a {
  background-image: url(/images/static/img/arrowhead_r_blue.svg);
}

.refine_list ul.category_menu li .child_list {
  margin-top: 6px;
}

.refine_list>dd li {
  margin-bottom: .5em;
}

.refine_list ul.category_menu li a {
  background-size: .35em auto;
}

/* ポイントカラー変更 */

.product_list .point, #main .recommend_area li .point, #main.item .infotable .point strong, #purchase_area .point, .buytogether .point, .point_select table .point td, .cart_list .point td, .incart table .point td, #cart .point {
  color: #ff9000;
  font-weight: bold;
}

.openlink {
  display: block;
  background-attachment: scroll;
  background-image: url(/images/static/img/ic_plus.svg);
  background-position: left center;
  background-size: .8em;
  background-repeat: no-repeat;
  padding-left: 1.2em;
}

.openlink.close {
  background-image: url(/images/static/img/ic_minus.svg);
}

.rank-list li.openlink.arrw_wh {
  padding: 0;
}

.openlink.arrw_wh {
  display: block;
  background-color: #ccc;
  min-height: 18px;
  background-attachment: scroll;
  background-image: url(/images/static/img/arrow_openwh.svg);
  background-position: center center;
  background-size: 12px;
  background-repeat: no-repeat;
  padding-left: 1.2em;
}

.openlink.arrw_wh.close {
  background-image: url(/images/static/img/arrow_closewh.svg);
}

.hidecontent {
  display: none;
}

.hidecontent.open {
  display: block;
  margin-bottom: 10px;}

/*  // アイテムページ　ラベル用 // */

#purchase_area .pricelabel {
  background-color: #30b5ef;
  color: #fff;
  font-size: 0.875rem;
  line-height: 2.28;
  margin-bottom: 8px;
  text-align: center;
}

#purchase_area .pricelabel.sale {  background-color: #dd0000;}
#purchase_area .pricelabel.member {  background-color: #0075c1;}
#purchase_area .pricelabel.setitem {  background-color: #40627c;}
#purchase_area .pricelabel.used {  background-color: #33b6a0;}
#purchase_area .pricelabel.coupon {background-color: #ff9000;}

#purchase_area .pricelabel span {
  font-size: .65rem;
}

#purchase_area .shipment.coupon {
  background-attachment: scroll;
  background-image: url(/images/static/img/arrow_r_fill_red.svg);
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: auto .65em;
}

span.pr_label {
  display: flex;
  flex-wrap: wrap;
}

span.pr_label i {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 12px;
  color: #fff;
  background-color: #ccc;
  padding: .2em .75em;
  border-radius: 2px;
  font-style: normal;
  margin-right: 5px;
  background-attachment: scroll;
  background-position: 5% center;
  background-repeat: no-repeat;
  background-size: auto 1em;
}

span.pr_label i.recomend, span.pr_label i.special {
  background-color: #f76948;
}

span.pr_label i.newitem {
  background-color: #30b5ef;
}

span.pr_label i.reserve {
  background-color: #0075c1;
}

span.pr_label i.setitem {
  background-color: #40627c;
}

span.pr_label i.disabled {
  background-color: #ccc;
}
span.pr_label i.sale {  background-color: #dd0000;}
span.pr_label i.used {  background-color: #33b6a0;}
span.pr_label i.r18 {  background-color: #FE6484;}
span.pr_label i.coupon {  background-color: rgba(255,144,0,.2); color: #333;background-image: url(/images/static/img/ic_coupon_or.svg); background-position: 8% center;
    padding-left: 2.5em;}

/*　ラッピングアイコン変更　2020.08.04
span.pr_label i.wrapping {
  background-color: #f2707c;
  background-image: url(/images/static/img/ic_wrapping.svg);
  padding-left: 1.8em;
}*/
span.pr_label i.wrapping {
  background-color: #fff; border: 1px #f2707c solid; color: #f2707c;
  background-image: url(/images/static/img/ic_wrapping_pk.svg);
  padding-left: 1.8em;
}

span.pr_label i.setitem_ic {
  background-color: #40627c;
  background-image: url(/images/static/img/ic_setitem.svg);
  padding-left: 1.8em;
}

/*  // アイテムページ　調整 // */

#main.item .infotable .recole {
  background-image: none;
  padding-left: 0;
}

#main.item .infotable .recole .price-txt, .price-txt {
  color: #d00;}
#main .cart_list td.price {
  color: #d00; font-weight: bold;}
#main .cart_list td.price span.txt-nomal { color: #666 ; font-weight: normal; font-size: .8125rem; padding-left: 1em;}
.cartsumtable th span {/*width: 8em;*/width: auto;}

.cart .details_list .detail th, .details_list .detail td {padding:5px 0 5px 0;}
    .details_list .detail .sum th,
    .details_list .detail .sum td {font-size: .875rem;}
	  
#main.item .infotable th {
width: 140px;
  /*width: 160px; 911 2021.11.29*/
}

ul.item_label {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: .5em;
}

ul.item_label li {
  border-color: #bababa;
  border-style: solid;
  border-width: 1px;
  color: #bababa;
  display: inline-block;
  font-size: 0.625rem;
  line-height: 1.7;
  margin-right: 0.5em;
  padding: 0 1em;
  margin-bottom: 4px;
  min-width: 7em;
  text-align: center;
}

ul.item_label li.Lsize {
  min-width: 15em;
}

ul.item_label li.sale {
  border-color: #dd0000;
  color: #dd0000;
}

ul.item_label li.member {
  border-color: #30b5ef;
  color: #30b5ef;
}

ul.item_label li.pointup {
  border-color: #ff9000;
  color: #ff9000;}

.ic.forprice {
  margin-left: .3em;}
.ic.forpoint {
  margin-left: .3em;
  background-color: #ff9000;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 1em;
  vertical-align: baseline;}

#purchase_area .purchase_info div.stock {
  width: 42%;
  text-align: right;}

#purchase_area .purchase_info div.stock .ic.stock {
  display: block;}

.ic.stock.inshop {
  border-color: #55b700;
  color: #55b700;}

.ic.stock.order {
  border-color: #0075c1;
  color: #0075c1;}

.ic.stock.reserv {
  border-color: #0075c1;
  color: #0075c1;}

.ic.stock.comsoon {
  border-color: #0075c1;
  color: #0075c1;}

.ic.stock.direct {
  border-color: #0075c1;
  color: #0075c1;}

.ic.stock.limited {
  border-color: #f76948;
  color: #f76948;}

.ic.stock.benefits {
  border-color: #f76948;
  color: #f76948;}

.ic.stock.closed {
  border-color: #999;
  color: #999;}

.ic.stock.setitem {
  border-color: #40627c;
  color: #40627c;}

.button.cart.set {
  background-position: 15% center;}

.button.cart.closed {
  background: linear-gradient(to bottom, #dae1e5 0%, #bfbfbf 100%);
  padding-left: 1.8em;
  cursor: not-allowed;
  outline: none;}

.bnr_item {display: block; width: 100%; margin: 1rem auto;}

/*  // タブリストのリンクのみ用　// */

.tab_link {
  background-color: #fff;
  border-bottom-color: #b2b2b2;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
}

.tab_link.col3 li {
  width: 33%;
}

.tab_link.col4 {
  position: sticky;
  top: 62px;
  z-index: 1;
}

.tab_link.col4 li {
  width: 24.5%;
}

.tab_link.col4 a {
  line-height: 44px;
}

.tab_link li {
  font-size: 0.875rem;
  position: relative;
  bottom: -1px;
  text-align: center;
}

.tab_link .with_button {
  box-sizing: border-box;
  padding: 0 20px;
}

.tab_link .with_button a {
  background-color: transparent;
  border: none;
}

.tab_link .with_button .button {
  line-height: 3.3;
  width: auto;
}

.tab_link a {
  background-color: #f2f2f2;
  border-color: #b2b2b2;
  border-style: solid;
  border-width: 1px;
  display: block;
  line-height: 40px;
}

.tab_link a.current {
  background-color: #fff;
  border-bottom-color: #fff;
}

.tab_link img {
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: text-bottom;
}

.tab_link li span {
  font-size: .6875rem;
  padding: 0 .2em;
}

/*  // ページング修正　// */

#search_result_area .paging_bl {
  display: flex;
  justify-content: center;
}

#search_result_area .paging_bl li {
  font-size: 0.8125rem;
}

#search_result_area .paging_bl li:last-child a {
  border-right-color: #c9c9c9;
  border-right-style: solid;
  border-right-width: 1px;
}

#search_result_area .paging_bl a {
  background-color: #fff;
  border-color: #c9c9c9;
  border-style: solid;
  border-width: 1px;
  border-right: none;
  color: #333;
  display: block;
  line-height: 2;
  text-align: center;
  width: 2.7em;}

#search_result_area .paging_bl a.current {
  font-weight: bold;}

#search_result_area .paging_bl img {
  vertical-align: middle;}


#search_result_area .list_settings {
  margin-bottom: 0;}

#search_result_area .list_settings form {
  display: flex;
  justify-content: space-between;
  width: 100%;}

#search_result_area .list_settings form dl {
  display: inline-flex;
  /*padding-right: 1em;*/}

/*  // 中古在庫用修正　20200812　// */
#search_result_area .list_settings form dl.zaiko_select {
  margin-right: auto; margin-left: 1em;}/* 2936 20220323 */
#search_result_area .list_settings form dl.count_select {
  padding-right: 0;}

#search_result_area .list_settings select.zaiko {
  width: 14em;}

#search_result_area .list_style {
  opacity: 1 !important;}

#search_result_area .paging_bl a.current {
  background-color: #e1f7ff;}

.paging_settings {
  display: block;
  margin: 0 auto;
  padding: .5em 0;
  position: relative;
  border-top: 1px #f2f2f2 solid;
  border-bottom: 1px #ddd solid;
}

#search_result_area p.pg_number_set {
  position: absolute;
  left: 0;
  bottom: .25em;
  font-size: .6875rem;
  margin-bottom: .2em;
  line-height: 1.2;
}

.pg_number_set span {
  font-weight: bold;
  color: #d00;
  padding-right: .25em;
  font-size: .9375rem;
}

.pg_number_set i {
  font-style: normal;
  padding: 0 .25em;
}

#search_result_area .paging_settings ol.paging_bl {}

/*  // 商品リスト　調整分　// */

ul.product_list {
  padding-top: 10px;
}

.product_list li {
  width: 200px;
  padding: 0px 10px 5px 10px;
  position: relative;
  border-bottom: 1px #ddd solid;
}
 /* 2020.04.27 画像サイズ調整分  0714 クラス追加*/
.product_list li a.itemimg { height: 150px; display: flex; align-items: center; padding-bottom: 10px;}
.product_list li p a:first-child,
.product_list li dd a:first-child,
.product_list .review a:first-child,
.product_list .used_box a:first-child { height: auto; display: flex; align-items: center;  padding-bottom: 0px;}
.product_list li a img {
 display: block;
  max-height: 150px;width: auto;}

.product_list li a.fav_btn img {
  display: inline-block;
  padding-bottom: 0; padding-right: .35em !important;
}

/*.product_list li a.fav_btn {position: absolute; bottom: 15px; width: 90%; margin: 0 auto;}*/

.product_list div.icon-box {
  margin-top: -24px;
  height: 24px; z-index: 11; position: relative;}

.product_list img {
  margin-bottom: 0;
  padding-bottom: 0;
}
.product_list .icon-box img {
margin: 0;
width: auto;
height: auto;}

.product_list .price {
  justify-content: flex-start;
  margin-bottom: 0;
}

.product_list .brand,.slick .slick-slide .brand {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;/*2031*/
  margin-bottom: .25em; margin-left: 0;/* 3488 20230130 */
}
/*2043*/
.product_list .product_name,
.carousel_list .product_name {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
  margin-bottom: .25em;
  height: 4.5em;
  line-height: 1.5;
  word-break: break-all;
}
.product_list.line-list .product_name{display: block;-webkit-box-orient: unset;-webkit-line-clamp: unset;overflow:visible;}/*2043 2021.05.07*/
.product_list.col6 .product_name { /*height: auto; 20210604 2043*/}
.product_list.col6 li {border-bottom-color: transparent;}
.check_list .slick-initialized .slick-slide {line-height: 1.3;}
.check_list .slick-slide img {margin-bottom: 10px;}

/* 中古用価格改行調整　20200721v */
.product_list .price {flex-wrap: wrap;}
.product_list .price strong {
  font-feature-settings: "palt" 1;
  letter-spacing: .02em;
  font-size: .9375rem;
  word-break: keep-all;
  display: inline-flex;width: 100%; justify-content: flex-start;align-items:baseline;}
.product_list .price strong i,
.rank-list li .price strong i {font-weight: normal; font-size: 0.75em; font-style: normal; padding-left: .2em;}
.product_list .price b {display: inline-flex; width: 100%; justify-content: flex-start; font-style: normal; font-weight: normal;}
.product_list .price b.right {justify-content: flex-end;}
.product_list .price b.txtNL {/*font-weight: bold;*/}



.product_list .point {
  font-size: .75rem;}

.product_list .date {
  margin-bottom: 0;}

.used_box {
  display: block;
  /*padding-bottom: .35em;
  margin-top: .5em; 20200820*/
  padding-bottom: .15em;
  margin-top: .25em;
}

#search_result_area .used_box a {
  font-size: .8125rem;
  background-image: url(/images/static/img/arrowhead_r_fill.svg);
  background-position: left .35em;
  background-repeat: no-repeat;
  padding-left: 0.7em;
}
.product_list.col5 .used_box a,
.product_list.recomlist .used_box a {
  background-image: url(/images/static/img/arrowhead_r_fill.svg);
  background-position: left .40em;
  background-repeat: no-repeat;
  padding-left: 0.7em;
}
.used_box a span.price-txt { display: block;/*20200804 中古まとめ表記対応*/
  color: #d00 !important;}
.used_box a span.price-txt i {font-style: normal; font-size: .75em;}
/*20200804 中古まとめ表記対応*/ 
.used_box {display: block;}
  #main.item .used_box a {display: block;
  font-size: .8125rem;
  background-image: url(/images/static/img/arrowhead_r_fill.svg);
  background-position: left .35em;
  background-repeat: no-repeat;
  padding-left: 0.7em;}
#main.item .used_box a span.price-txt {/*display: inline-block; padding-left: .4em; 20200819 */}
/*@media screen and (max-width:768px) { #main.item .used_box a span.price-txt {display: inline-block; padding-left: .4em;}}*/

/*  // 商品リスト　横並びの場合　// */

.product_list.line-list {
  display: block;
}

/* 3488 20230509 */
.product_list.line-list li {  display: block; width: 100%; min-height: 150px;
/*
  width: 78%;
  position: relative;
  padding-left: 22%;
*/
  padding-top: 10px;
  padding-bottom: 10px;
}
.product_list.line-list li > .mainbox {display: flex; flex-direction: column; width: 78%; padding-left: 22%; position: relative;}
.product_list.line-list li > .footbox {padding-left: 22%;}
/* 3488 20230509 */

.product_list.line-list div.icon-box {
  margin-top: -5px; height: auto;/*20210601*/}
.product_list.line-list .price {
  justify-content: flex-start;
  margin-bottom: 0;}
.product_list.line-list li a:first-child,
.product_list.line-list li > .mainbox a.itemimg {display: inline-flex; min-height: 0; padding-bottom: 0; height: 150px;
  position: absolute;
  left: 0;
  top: 10px;
  width: 18%;
  align-items: center;}
  .product_list.line-list li p a:first-child{position: relative; display: block; height: auto;width: 100%; top: 0; }
.product_list.line-list li div a:first-child{position: relative; display: block; height: auto;width: 100%; top: 0; }
.product_list.line-list li dd a:first-child {position: relative; display: inline-flex; height: auto;width: 100%; top: 0; }
.product_list.line-list a:first-child img,
.product_list.line-list li > .mainbox a.itemimg img {}

.product_list.line-list .fav_btn {
  max-width: 200px;
}

.product_list.line-list .product_name {
  /*margin-bottom: .25em; 2044 20210601*/
  height: auto;
  line-height: 1.5;
}

.product_list.used-list .brand {}
.ic.item-type {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 11px;
  color: #fff;
  background-color: #ccc;
  padding: .05em .75em;
  border-radius: 2px;
  font-style: normal;
  margin-right: 5px;
  background-attachment: scroll;
  background-position: 5% center;
  background-repeat: no-repeat;
  background-size: auto 1em;}
.product_list .ic.item-type.used {  background-color: #33b6a0;}
.product_list .ic.item-type.sale {  background-color: #dd0000;}
.product_list .ic.item-type.r18 {background-color: #FE6484;}
.product_list .ic.item-type.new {  background-color: #d00;}
.product_list .ic.item-type.newitem {  background-color: #30b5ef;}
.product_list .ic.item-type.recomend,
.product_list .ic.item-type.special {  background-color: #f76948;}
.product_list .ic.item-type.reserve {  background-color: #0075c1;}
.product_list .ic.item-type.setitem {  background-color: #40627c;}
/*　ラッピング変更　2020.08.04
.product_list .ic.item-type.wrapping {  background-color: #f2707c;}*/
.product_list .ic.item-type.wrapping {  border: 1px #f2707c solid; color: #f2707c; background-color: #fff;}
.product_list .ic.item-type.disabled {  background-color: #ccc;}

.usedshop {display: flex; align-items: stretch; font-size: .75rem; border: 1px #33b6a0 solid; border-radius: 3px; margin-bottom: 10px;}
.product_list .usedshop { max-width: 200px;}
.usedshop dt {padding: .2em .2em; background-color: #33b6a0; color: #fff; width: 3em; justify-content: center;align-items: center; display: inline-flex; line-height: 1.2; font-size: .625rem; text-align: center; min-height: 2.8em;}
.usedshop dd {color: #33b6a0;padding: .2em .5em; align-items: center; display: inline-flex;line-height: 1.2; font-size: .6875rem;    width: calc(100% - 3em);}
.usedshop dd a {display: block;
    background-attachment: scroll;
    background-image: url(/images/static/img/arrow_txtlink.svg);
    background-position: 2px .2em;
    background-repeat: no-repeat;
    padding-left: 12px;
    background-size: 6px auto;}



img.ic.usedrank {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  max-width: 40px;
}

#wrapper.cart #aside {
  margin-top: .75rem;
}

.steps {
  margin: 2rem 0;
  text-align: center;}
.steps li span {color: #333;}

/*  // ステップ　ゲスト注文追加　// */

.steps-5 {
  display: flex;
  justify-content: space-between;
  margin: 45px 0;
  width: 630px;
}

.steps-5 li {
  position: relative;
}

.steps-5 li span {
  color: #333;
  font-size: 0.6875rem;
  margin-left: -5em;
  position: absolute;
  left: 50%;
  top: 100%;
  text-align: center;
  width: 10em;
}

.steps-5 li:not(:last-child)::after {
  background-color: #30b5ef;
  content: "";
  display: block;
  height: 3px;
  width: 160px;
  position: absolute;
  left: 0;
  top: 48%;
}

.steps-5 li:not(:last-child).active::after {
  background-color: #ccc;
}

.steps-5 i {
  background-color: #30b5ef;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 60%;
  border-radius: 50%;
  display: block;
  height: 30px;
  width: 30px;
  position: relative;
  z-index: 1;
}

.steps-5 .step1 i {
  background-image: url(/images/static/img/cart/ic_cart.svg);
}

.steps-5 .step2 i {
  background-image: url(/images/static/img/cart/ic_pen.svg);
}

.steps-5 .step3 i {
  background-image: url(/images/static/img/cart/ic_yen.svg);
}

.steps-5 .step4 i {
  background-image: url(/images/static/img/cart/ic_confirm.svg);
}

.steps-5 .step5 i {
  background-image: url(/images/static/img/cart/ic_complete.svg);
  background-size: 60% auto;
}

.steps-5 .active::after {
  background-color: #ccc;
}

.steps-5 .active~li i {
  background-color: #ccc;
}

.steps-5 .active~li::after {
  background-color: #ccc;
}

/*  // ステップ　会員向け３ステップ注文追加　// */

.steps-3 {
  display: flex;
  justify-content: space-between;
  margin: 45px 0;
  width: 630px;
}

.steps-3 li {
  position: relative;
}

.steps-3 li span {
  color: #333;
  font-size: 0.6875rem;
  margin-left: -5em;
  position: absolute;
  left: 50%;
  top: 100%;
  text-align: center;
  width: 10em;
}

.steps-3 li:not(:last-child)::after {
  background-color: #30b5ef;
  content: "";
  display: block;
  height: 3px;
  width: 315px;
  position: absolute;
  left: 0;
  top: 48%;
}

.steps-3 li:not(:last-child).active::after {
  background-color: #ccc;
}

.steps-3 i {
  background-color: #30b5ef;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 60%;
  border-radius: 50%;
  display: block;
  height: 30px;
  width: 30px;
  position: relative;
  z-index: 1;
}

.steps-3 .step1 i {  background-image: url(/images/static/img/cart/ic_cart.svg);}
.steps-3 .step2 i {  background-image: url(/images/static/img/cart/ic_confirm.svg);}
.steps-3 .step3 i {  background-image: url(/images/static/img/cart/ic_complete.svg);  background-size: 60% auto;}

.steps-3.invoice {margin:15px auto 55px auto;}
.steps-3.invoice .step1 i {  background-image: url(/images/static/img/cart/ic_pen.svg);}
.steps-3.invoice .step2 i {  background-image: url(/images/static/img/cart/ic_confirm.svg);}
.steps-3.invoice .step3 i {  background-image: url(/images/static/img/cart/ic_complete.svg);  background-size: 60% auto;}

.steps-3 .active::after {  background-color: #ccc;}
.steps-3 .active~li i {  background-color: #ccc;}
.steps-3 .active~li::after {  background-color: #ccc;}

/*  // セット商品ボックス　追加　// */

.set_detailbox {
  display: block;
  border: 1px #ebebeb solid;
  margin: 15px 0;
  padding: 10px 15px 10px 15px;
}

ul.setimg_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 25px;
}

ul.setimg_list li {
  display: inline-block;
  width: 80px;
  margin-right: 10px;
  border: 1px #ebebeb solid;
}

ul.setitem_list {
  display: block;
}

ul.setitem_list li {
  display: block;
  border-bottom: 1px #ebebeb solid;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

ul.setitem_list li:last-child {}

.set_detailbox .brand {
  display: block;
  font-size: .65rem;
}

.set_detailbox .product_name {
  display: block;
  font-size: .8125rem;
}

.set_detailbox .price {
  display: block;
  font-size: .8125rem;
}

.set_detailbox .price strong {
  color: #d00;
}

.set_detailbox .warranty {
  display: block;
  font-size: .75rem;
  margin-bottom: .3em;
}

.set_detailbox .delivery {
  display: block;
  font-size: .75rem;
}

.set_detailbox .delivery i.ic.stock {
  margin-right: .5em;
}

.total_price {
  font-size: .875rem;
  text-align: center;
  margin: 10px auto;
}

.astbox {}

.ic.mark {
  display: inline-block;
  padding-right: .2em;
}

.ic.mark img {
  width: 1em;
  height: 1em;
  height: auto;
}

.setitem_detail {
  border-top: 1px #ebebeb solid;
  padding-top: 15px;
}

.setitem_detail li {
  display: block;
  margin-bottom: 25px;
  border-bottom: 1px #ebebeb solid;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.setitem_detail li div {
  display: flex;
  flex-wrap: wrap;
}

.setitem_detail li div span.item-img {
  display: inline-block;
  width: 160px;
  height: 160px;
  margin-right: 20px;
  border: 1px #ebebeb solid;
}

.setitem_detail li div p {
  max-width: 1000px;
}

.tab_contents .setitem_detail li table {
  margin-bottom: 5px;
}

.tab_list.col4 {
  top: 78px;
}

.tab_list {
  margin: 0 0 15px 0;
  padding: 15px 0 0 0;
}

/*  // ラッピングエリア　追加　// */

.wrapping_area {
  display: block;
  border: 1px #ebebeb solid;
  margin-bottom: 15px;
}

#main .wrapping_area div a {
  display: block;
  padding: 15px;
  color: #333;
}

.wrapping_area div a i.ic {
  margin-right: .3em;
  width: 1.2em;
}

.wrapping_area div a.openlink {
  background-position: 96.5% center;
}

.wrapping_area div.wrapping-box {
  border-top: 1px #ebebeb solid;
  padding: 15px;
}

.wrapping-type {
  display: block;
  border-top: 1px #ebebeb solid;
  padding-top: 10px;
  margin-top: 10px;
}

ul.wraptype_list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  justify-content: flex-start;
}

ul.wraptype_list li {
  display: inline-block;
  width: 23%;
  padding: 0 1%;
  font-size: .75rem;
  text-align: center;
}

ul.wraptype_list li label {
  display: block;
  padding-left: 5%;
}

ul.wraptype_list li img {
  display: block;
  margin: 0 auto 5px;
  width: 80%;
}

ul.wraptype_list li input {
  margin-right: .2em;
  margin-left: -1.2em;
}
/*
#member #menu_cat_list {
  display: block !important;
}

#member #menu_cat_list .menuinner {
  height: auto !important;
  padding: 10px 15px 10px 10px;
}

#member #menu_cat_list ul li .child {
  flex-wrap: wrap;
  width: auto;
  min-width: 320px;
  height: auto;
}

#member #menu_cat_list ul li .child h3 {
  display: block;
  width: 100%;
}

#member #menu_cat_list ul li .child div.colmunbox {
  display: flex;
}

#member #menu_cat_list ul li .child div.colmunbox ul {
  min-width: 300px;
}*/

#main.item .imgbox .img {
  /*top: 59px;*/
  top: 87px;}
/* 2020.06.03 画像調整 */
#main.item .imgbox .img .large img {max-height: 100%;width: auto; height: auto; max-width: 100%; margin: 0 auto;}
#main.item .large img.ic.usedrank {
  max-width: 40px;
  width: 40px;
  left: 8px;
  top: 8px;
}

#main.item .imgbox .thumb_list li {
  margin-bottom: 5px;
}

.used_rank {
  font-weight: bold;
  font-size: 1.125rem;
  padding: 0 .1em 0 0;}
.used_rank + span {font-size: 1.125rem; letter-spacing: .1em;}

.breadcrumb {  margin: 0 0 0 0 !important; padding-left: 1em;}
.breadcrumb li {  font-size: .75rem !important;  margin-right: .5em !important;}
.breadcrumb a {  margin-right: .5em;}
.item .breadcrumb {  flex-wrap: wrap;}
.breadcrumb::before {content: ""; width: 1em; height: 1em; display: inline-block; margin-left: -1em; background-attachment: scroll; background-image: url(/images/static/img/ic_home.svg); background-position: left .2em; background-repeat: no-repeat; background-size: .65em;}

#commitment_searchbox .list_wrap li {
  text-indent: -2em;
  padding-left: 2em;
  display: block; position: relative;
  font-size: .8125rem; margin-bottom: .45em;}
#commitment_searchbox .list_wrap span.range {display: block;position: relative; z-index: 200;padding: .25em 0; font-size: .75rem; margin-bottom: -25px;}

#commitment_searchbox .list_wrap span.range input[type="number"] {
  width: 5em;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  font-size: 0.8125rem;
  line-height: 1.8;
  padding: 0 .35em;
  margin: 0 .25em;
}
#commitment_searchbox .list_wrap::after {bottom: 18px; width: 88%;}
#commitment_searchbox input[type="checkbox"]+label::before {
  margin-right: .5em;}
#commitment_searchbox .buttonlist {position: relative;}
.buttonlist li:not(.total):nth-child(2) {  position: absolute; left: 50%; top: 15px; margin-left: -110px;}



.refine_list input[type="number"] {
  margin-bottom: .5em;
}

.refine_list input[type="checkbox"]+label span:nth-child(2) {
  color: #666;
  font-size: .75rem;
  padding-left: .25em;
}

#main .tab_list.col3 li a span {
  color: #666;
  font-size: .75rem;
  padding-left: .25em;
}

#commitment_searchbox .list_wrap li label span {
  color: #666;
  font-size: .75rem;
  padding-left: .25em;
}

.steps .pass~li::after {
  background-color: #ccc;
}

.steps li:not(:last-child).active::after {
  background-color: #ccc;
}

.table.tdgry {
  width: 100%;
  border-left-color: #c3c3c3;
  border-left-style: solid;
  border-left-width: 1px;
}

.table.tdgry td {
  border-right-color: #c3c3c3;
  border-right-style: solid;
  border-right-width: 1px;
}

.table.tdgry tr:nth-child(even) td {
  background-color: #efefef;
}

.menuopen {
  background-attachment: scroll;
  background-image: url(/images/static/img/ic_plus.svg);
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: .8em;
}

.menuopen.open {
  background-image: url(/images/static/img/ic_minus.svg);
}

#commitment_searchbox .list_wrap ul {
  padding-bottom: 35px;
}

#commitment_searchbox .list_wrap ul.used label i {
  color: #666;
  border-width: 2px;
  width: 48px;
  height: 48px;
  font-style: normal;
}

#commitment_searchbox .list_wrap li label {
  word-break: break-all;
}

#commitment_searchbox .list_wrap ul.used label.disabled i {
  color: #ccc;
}

#commitment_searchbox .list_wrap ul.used label i strong {
  padding-top: 3px;
}

#commitment_searchbox .list_wrap {
  padding: 12px 1% 20px 1%;
}

#commitment_searchbox h3 {
  margin-bottom: .25em;
}

#commitment_searchbox .commitment_area {
  padding: 0;
  margin: 0px 30px;
  max-width: 940px; border-top-width: 0;}

#commitment_searchbox .list_wrap.pricebox {
  padding: 8px 20px 0 50px;
}

#commitment_searchbox .list_wrap.pricebox h3 {
  margin-left: -15px;
}

#commitment_searchbox .list_wrap {
  width: 33.33%;
}

#commitment_searchbox .pricebox {
  width: 50%;
}

#commitment_searchbox .list_wrap:nth-of-type(1), #commitment_searchbox .list_wrap:nth-of-type(2) {
  width: 25%; padding-bottom: 0;}
#commitment_searchbox .list_wrap:nth-of-type(1)::after, #commitment_searchbox .list_wrap:nth-of-type(2)::after {
background:transparent; display: none;}
.freewordbox { padding-top: 1rem;}
.freewordbox label {font-size: .75rem;}
#commitment_searchbox .list_wrap:nth-of-type(1) ul {padding-bottom: 10px;}
input[type="text"].kodawari {width: 11em;}
#commitment_searchbox .list_wrap .freewordbox li { margin-bottom: 0;}
#commitment_searchbox .pricebox .num_wrap {margin-top: 1.5rem;}


#commitment_searchbox .has_child .list_wrap:nth-of-type(1), #commitment_searchbox .has_child .list_wrap:nth-of-type(2), #commitment_searchbox .has_child .list_wrap {
  width: 33.33%; padding-bottom: 20px;}

#commitment_overlay {padding: 28px 0 0 0;}
#commitment_searchbox { max-width: 1000px;}
/* #commitment_searchbox .commitment_area.active {height: 67.5vh;}*/
#commitment_searchbox .commitment_area.active {height: auto;}
#commitment_searchbox .commitment_area {overflow-y: hidden;}
.area_wrap {height: 67.5vh; overflow-x: hidden; overflow-y: scroll;}

#commitment_searchbox h2 {max-width: 940px;}
#commitment_searchbox .list_wrap::before { width: 1000px;}
#commitment_searchbox .has_child {overflow-x: hidden;}

#aside .one-btn-box.blue a.kodawari_btn {
  background-color: #0075c1;
  background: linear-gradient(to left, #1895d8 0%, #0075c1 100%);
  /*border-color: #0075c1;*/
  border-color: transparent;
  position: relative;
}

#aside .one-btn-box.blue a.kodawari_btn::before {
  content: "";
  background-image: url(/images/static/img/ic_search.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 15px auto;
  position: absolute;
  left: 6%;
  width: 15px;
  height: 1.2em;
  top: 50%;
  margin-top: -8px;
}

/* SO用 */

.stock_table .confirm_table {margin-bottom: 0;}
#search_result_area .list_settings dd {line-height: 0;}
.txt.instock {
  color: #55b700;
}
.confirm_table td {max-width: 664px;}
.confirm_table .intable_list dd {word-break: break-all;  max-width: 440px;}

.IN_STOCK, .ic.stock.IN_STOCK {
  border-color: #55b700;
  color: #55b700;
}

.IN_STOCK_ONLY, .ic.stock.IN_STOCK_ONLY {
  border-color: #ea7ac8;
  color: #ea7ac8;}
#main.item .infotable .ic.stock.TENPO_IN_STOCK ,
.ic.stock.TENPO_IN_STOCK {
  border-color: #ccc;
  color: #666;}


.incart table td.ast_stock {
  border: 1px #d00 solid;
  padding: .65em;
  color: #d00;
  text-align: left;
  font-size: .8125rem;
}

.incart .notes dt {
  margin-bottom: 0;
}

.incart .notes dd {
  font-size: .8125rem;
}.incart .notes dd.txtXS { font-size: .75rem; margin-bottom: .75rem;}

.bold {
  font-weight: bold !important;
}

#main.item .infotable .ic.stock {
  font-size: .75rem;
}

#main.item .infotable .ic.stock.inshop {
  border-color: #55b700;
  color: #55b700;
}

#main.item .infotable .ic.stock.order {
  border-color: #0075c1;
  color: #0075c1;
}

#main.item .infotable .ic.stock.reserv {
  border-color: #0075c1;
  color: #0075c1;
}

#main.item .infotable .ic.stock.comsoon {
  border-color: #0075c1;
  color: #0075c1;
}

#main.item .infotable .ic.stock.direct {
  border-color: #0075c1;
  color: #0075c1;
}

#main.item .infotable .ic.stock.limited {
  border-color: #f76948;
  color: #f76948;
}

#main.item .infotable .ic.stock.benefits {
  border-color: #f76948;
  color: #f76948;
}

#main.item .infotable .ic.stock.closed {
  border-color: #999;
  color: #999;
}

#main.item .infotable .ic.stock.setitem {
  border-color: #40627c;
  color: #40627c;
}

#main.item .infotable .ic.stock.stocklast {
  border-color: #ea7ac8;
  color: #ea7ac8;
}

.button.submit.ss-size {
  padding: .65em 1em .5em 1em;
  font-size: .8125rem;
  max-width: 16em;
  line-height: 1;
  margin: 10px auto;
  display: block;
  min-width: 16em;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-image: url(/images/static/img/arrow_btnwh.svg);
  background-size: 6px auto;
  background-position: 95% center;
}

#kodawari_free_keyword {
  margin: .5em 0;
}

#commitment_searchbox .commitment_area::after {
  margin-bottom: 15px;
}

ul.delete_txt {
  display: flex;
  flex-wrap: wrap;
  padding: .5em 0;
  max-width: 940px;
  margin: 0 auto;
border-bottom: 1px #ddd solid;
}

ul.delete_txt li {
  font-size: .625rem;
  margin-bottom: .5em;
}

ul.delete_txt li a {
  display: block;
  border: 1px #30b5ef solid;
  border-radius: 1em;
  padding: .5em 1.75em .5em .65em;
  margin-right: .5em;
  color: #0075c1;
  background-attachment: scroll;
  background-position: right center;
  background-image: url(/images/static/img/btn_close_s.svg);
  background-size: 1.65em auto;
  background-repeat: no-repeat;
  line-height: 1;
}

.refine_list>dd li a span {
  color: #666;
  font-size: .75rem;
  padding-left: .25em;
}

#commitment_searchbox .list_wrap ul span {
  font-size: .75rem;
}

#commitment_searchbox .list_wrap ul span input[type="number"] {
  width: 6em;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  font-size: 0.8125rem;
  line-height: 2.08;
  padding: 0 .35em;
  margin: 0 .25em;
}

.refine_list>dd ul.check.child label span {  color: #666;
  font-size: .75rem;
  padding-left: .25em;}


.relative {
  position: relative;
}

.loading,.loading_ranking {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, .5);
  z-index: 1001; /* 3331 */
}

.loading img,.loading_ranking img {
  padding-top: 20px;
  display: block;
  position: relative;
  z-index: 1002; /* 3331 */
  width: 50px;
}
/* 3331 */
#search_result_area_loading.loading { top: 20px;}
#search_result_area_loading.loading img {position: sticky !important; top: 0; padding-top: 200px;}
.data_ranking_section {position: relative;}
/* 3331 20221214 */
@media screen and (max-width: 767px) {
#item_ranking.content {min-height: 30vh;}
/* 20230123 */
#main.product-list #item_ranking.content {min-height: auto; padding-bottom: 5vw;}
}

/* 461 cart loading 20210812*/
.relative-box {position: relative;}
.loading.middle {align-items: center;z-index: 998;}
.loading.middle img {padding-top: 0;z-index: 999;}

/* ご利用ガイド用追加　*/
div.img-grbox {display: flex; flex-wrap: wrap; justify-content: space-around; margin-bottom: 35px;}
div.img-grbox.col3 span {width: 28%;}
div.img-grbox.col4 span {width: 21%;}
div.img-grbox span {display: block; border:1px #ccc solid; border-radius: 3px;box-shadow: 2px 2px 2px #efefef;margin-bottom: 15px;padding: 10px;}
div.img-grbox span ul.disc { font-size: .8125rem; margin-left: 0;}

.imgC {display: block; margin: 0 auto; padding-bottom: 10px; text-align: center;}
.table.wauto th, .table.wauto td {width: auto;}
.table th.blue,.table td.blue {background-color: rgba(48,181,239,.15);}
.table.s-size th, .table.s-size td {    padding: 5px 5px;}
.table.s-size th.imgth {vertical-align: middle; }
.table.s-size th.imgth img {max-height: 40px; vertical-align: middle;}
.table.txt-center td {text-align: center !important;}

.img-flexbox {display: flex; justify-content: space-between; align-items: center;}
.img-flexbox img {padding: 0 1%; max-width: 160px;}

img.mw100 {max-width: 100px;}

/* 左メニュー　調整　*/
.refine_list input[type="number"] {border-color: #adadad;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    font-size: 0.8125rem;
    line-height: 1.5;
    margin-right: 0.2em;
    padding: 0.2em 0.5em;
    text-align: right;
    width: 5em;min-height: 26px;}

.centerbox {margin-left: auto; margin-right: auto; margin-top: 3rem; margin-bottom: 5rem; }
.mem-inner div.middle-info {vertical-align: middle; max-width: 50%; width: 50%;}
.r18_agebox {padding: 2rem 0; background-color: #fff;}
 
.order_date { display: flex; align-items: center; justify-content: flex-start; font-size: .8125rem;}
.order_date dt {padding-right: 1em; border-right: 1px #ddd solid; line-height: 1.5;}
.order_date dd {line-height: 1.5; padding-left: 1em;}
#main td p.order_status {display: block; padding-bottom: .35em;margin-bottom: .35em; border-bottom: 1px #eee solid; color: #333;}
#main td p.order_status i {font-style: normal; padding-left: .2em;}
/* #main td p.order_status.s-fin i{ color: #55b700}  3376 2023.1 */
#main td p.order_status.s-pre i{ color: #333}
/* #main td p.order_status.s-check i{ color: #ff9000;} 3376 2023.1 */
.product_box span {color: #333;}

.product_box span.product_img {display: inline-flex; align-items: center;height: 105px;}
.product_box span.product_img img {max-width: 105px; max-height: 105px; display: block; margin:0 auto;}
.table.order_td {max-width: 100%;}
.tab_list {align-items: flex-end;}
#detail_tab .button.cart {margin-bottom: 4px; line-height: 3.2;}
#detail_tab {box-shadow: 0 10px 5px rgba(255,255,255,1.0);}

#main.item .review .reputation {align-items: center;}
#main.item .imgbox .thumb_list {justify-content: flex-start;}
#main.item .imgbox .thumb_list li {margin-right: 5px;}

table.noline {border-left: 0; border-right: 0;}
table.noline.nomgb {margin-bottom: 0;}
.input-th {position: relative;}
.input-th .must { position: absolute; right: 10px; }
input[type="text"].invoice_name {width: 30em;}

#expantion_overlay {z-index: 12000;margin-top: -28px;}
#expantion_images {min-height: 0;/*padding: 20px 0; 3494 20230216*/ padding: 0;top: 0; left: 50%; margin-left: 0px;width: 0;}
#expantion_images.active {/*min-height:680px;*/display:	block;padding:20px 0;width:90%;max-width: 1000px;min-width: 640px; /*min-height: 300px;*/ /*max-height: 1100px; height: 88vh;*/ z-index: 12001; position: fixed; top: 28px; left: 50%;-webkit-transform: translate(-50%, -0%);
   transform: translate(-50%, -0%);}
   #expantion_images .largelist li {width: 90%; max-width: 1000px; min-width: 600px; align-items: center; justify-content: center; padding: 0px 0 20px 0;}
#expantion_images.active {max-height: calc(88vh - 130px);height: calc(88vh - 130px); align-items: center; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 130px;}
ul.largelist {/*min-height: 250px;*/}
#expantion_images .largelist img {/*height: 72vh;min-height: 250px; */ max-height: 100%; display: block;}
/*#expantion_images .slick-track { display: flex;}
#expantion_images .thumbs {width: auto; max-width: 1000px;}
#expantion_images .thumbs .img {display: inline-flex; align-items: center; justify-content: center; width: 12% !important;min-width: 60px;}*/
#expantion_images .thumbs {margin: 0;}
#expantion_images .thumbs .img {border-width: 1px;display: inline-flex; align-items: center;justify-content: center; padding: 2px;}

#expantion_images .close {right: 20px;top: 20px;}
#purchase_area .warranty_area span,
.cart_list .warranty_area dd li span,
.cart_list .warranty_area dd .about a { font-size: .75rem;}
#purchase_area .warranty_area a{ font-size: .75rem; margin-bottom: 5px;}
#purchase_area .warranty_area .limit { font-size: .75rem;}
.cart_list .warranty_area dd .limit { font-size: .8125rem;}
.cart_list > li {padding-right: 0;}
.cartsumtable td {padding-right: 0;}
.cartsumtable td.price {width: 10em;}
.cartsumtable th {width: auto; padding: 5px 0;}

#logo_wrap h1#logo img{ margin-bottom: -3px;}
#cart #main .button.continue {display: block; margin: 0 auto;}
.cart_list div.info {display: block; width: 100%;}
.cart_list select {line-height: 1; padding: .375em 1.7em .375em 1.5em;}

.freeword {text-align: left;display: block; padding: 0 0px 0 14px;}
.freeword h3 {color: #066eb3;font-size: 1rem;}
input[type="text"].freetxt {width: 13em;}


.product_list .review {display: inline-flex;margin:0 0.2em 0 0.5em ; align-items: center;/*vertical-align: middle; 20200820 課題1094対応*/}
.product_list .review .reputation {display: flex;
    justify-content: space-between;
    width: 65px;align-items: center;}
.product_list .review .reputation img {width: 12px; vertical-align: middle;}
.product_list .reputation_txt {font-size: .625rem; padding: 0 .2em;}
.product_list .reputation_txt a {margin-bottom: -1px;}
/*.product_list .reputation_txt a:hover {text-decoration: underline;}*/

#header_center .login_txt {display: inline-block; font-size: .75rem;text-align: left; padding: 7px .75em 0 .75em; line-height: 1.4; border-left: 0; max-width: 28em;}
#header_center .login_txt span{display: block; font-size: .6125rem;}

.btn-2box {display: flex; width: 80% ; flex-wrap: wrap;margin: 0 auto 50px; align-items: center; justify-content: space-between;}
.btn-2box .column {display: inline-flex; justify-content: center; width: 47%;max-width: 47%; margin: 0 auto;padding: 0 1.5%;}
.btn-2box .column .button.continue {width: 100%;}

/* 3034 2022.5 */
.btn-2box.amazonpay {align-items: flex-start;}
.btn-2box.amazonpay .column .button.continue {width: 300px;line-height: 3.1;}
.btn-2box.amazonpay .column .amazonpay_box .amazon_btn {padding: 0;}
.btn-2box.amazonpay .column .amazonpay_box.nobdr.btn {width: auto;}
/* 3034 end */

#main h1 {position: relative;}
#main h1 span .button {position: absolute; right: 0; bottom: 0;}
.button.delproduct {background-image: url(/images/static/img/ic_cancel.svg);background-attachment: scroll;
    background-repeat: no-repeat;background-position: 95% center;
    background-size: .8em auto;
    color: #666;width: 13em; font-size: .75rem;padding: 0 .8em;}

.arrow_blue {max-width: 35px; display: block; margin: 1rem auto;}

.btn_360view {display: inline-block; background-color: #92d3ea; border-radius: 4px; line-height: 0; width: 36.5%;}
.btn_360view a img {display: block; margin: 0 auto; text-align: center;max-height: 45px;}
.modal_box .close:not(.openlink){    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 30px;}
.modal_box .close img {width: 22px;height: 22px;}

.qa_list {display: block; font-size: .875rem;}
.qa_list dt {display: block; border-top: 1px #ddd solid; padding: .75em 0 .75em 2.5em; text-indent: -2.5em; font-weight: bold;}
.qa_list dd {display: block;  padding: 0 0 .75em 2.5em; }

#cart h2,#cart h3 {margin-bottom: .35em;}
#cart h1 + h2 {padding-top: 1.2rem;}
.confirm_table .intable_list dt {width: 30%;}
.confirm_table .intable_list dt.w100 {width: 100%}/*1124 20210610*/
.confirm_table .intable_list dd {width: 68%;}
.confirm_table .intable_list dd.width_btn { width: calc(68% - 115px);}/*2420 20211002*/

/*　footer　*/
#footer_sitemap dl {display: block; line-height: 2.2; min-width: 15%;}
#footer_sitemap dt {margin-bottom: .5em;}


/*　要確認　*/
#commitment_searchbox {z-index: 10002;}

/*　あとで contents.css に移動*/
.img-4set {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin: 0 auto 15px; max-width: 90%;}
.img-4set span {width: 48%; margin: 0 1%;}

.one-btn-box li {margin-bottom: 10px;}
.col3_column {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.col3_column span {width: 31%;}

#aside .one-btn-box.blue.m-size a, #main .one-btn-box.blue.m-size a {max-width: 100%;}
#main td p.one-btn-box.ss-size{max-width: none;}
#main td .one-btn-box.ss-size a{padding: .65em 0em .5em 0em;
  margin: 0 auto;}/*20230404*/
.imgC.line {border:2px #eee solid; padding: 25px;}
.imgC.mgb3,
.capimgbox.mgb3 {margin-bottom: 35px !important;}

.wall_connect {display: inline-block; background-color: #f2f2f2; border: 1px #eee solid; width: 170px; padding: 10px; vertical-align: top; margin-right: 10px;}

.columns-3box { display: flex; flex-wrap: wrap; justify-content:flex-start; align-items: flex-start;}
.columns-3box .column {display: block; width: 31%; margin-right: 2.75%;}
.columns-3box .column:nth-child(3n) {margin-right: 0;}
.sbtn-list {margin-bottom: 15px;}
.sbtn-list.ss-size {width: 65%;}

ul.sbtn-box.btn2set li {width: 47.5% !important;}

.col2box.wauto span,
.col2box.wauto span:nth-child(2n) { max-width: 65%; width: auto;}
.col2box span.imgset {display: flex; align-items: flex-start; width: 35%;}
.col2box span.imgset img {padding-top: 0;}
.col2box span.w65 {width: 60%;padding-left: 5%; max-width: 100%;}

.sbtn-box li {position: relative;}
.sbtn-box.col4 li {width: 23.75%;}
.sub_nav {position: absolute; top:-20px ; left: 0;}

.group-2box {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-around;}
.group-2box.mw880 {max-width: 880px; margin: 0 auto 2rem;}
.group-2box span {width: 48%;}

/*　ここまで contents.css に移動*/

.used_link { display: block; width: 100%; margin-bottom: .35em;}
.used_link dt {display: flex; align-items: center; justify-content: flex-start;font-size: .6875rem; }
.used_link dd {display: block; width: 100%;font-size: .6875rem; border-top-width: 1px; border-top-style: solid; padding-top: .25em; margin-top: .25em;border-top-color: #f2f2f2;}
.used_link dd a,.used_link dd span { display: flex; justify-content: flex-start; align-items: center;height: 2.5em; line-height: 1.2;}
.used_link dd a.arwlink {display: block;
background-image: url(/images/static/img/arrowhead_r_fill.svg);
    background-position: left .35em;
    background-repeat: no-repeat;
	background-size: .5em auto;
    padding-left: 0.7em;}
.used_link dd a img,.used_link dd span img {width: 1.5em; margin: 0; padding-right: .4em; padding-bottom: 0; }
.used_link dt img {width: 1.2em; padding-right: .2em; margin: 0;}
.used_link.shop dd {color: #066eb3;}
.used_link.shop dd {border-top-color: #f2f2f2;}
.used_link.ec dd ,#main .used_link.ec dd a {color: #33b6a0;}
.used_link.ec dd {border-top-color: #f2f2f2;}
#main .used_link.matome a {color: #33b6a0;}
.matome em {font-size: 1rem; font-weight: bold; padding: 0 .2em;}

.line-list .used_link { display: flex; width: 100%;}
.line-list .used_link dt {width: 5.5em;}
.line-list .used_link dd {border-top-width: 0; padding-top: 0;}

.infotable .used_link dd a img,.infotable .used_link dd span img {width: 1.2em; padding-right: .2em;}
.infotable .used_link {min-height: 1em; display: flex; align-items: center; justify-content: flex-start;}
.infotable .used_link dt ,.infotable .used_link dd {font-size: .8125rem;}
.infotable .used_link dt {width: 5.5em; font-size: .75rem;}
.infotable .used_link dd {border: none; padding-top: 0; margin-top: 0;}
.infotable .used_link dd a {height: auto; line-height: 1.5;}
.line-list .used_link {min-height: 0;}
.line-list .used_link dd a,.line-list .used_link dd span { height: auto;}
.line-list .used_link dd a:first-child img,.line-list .used_link dd span img {position: relative;top:0; width: 1.2em;}


.stock_shopinfo {background-color:#FFF;
    border-color: rgba(48,181,239,.25);
    border-radius: 0;
    border-style: solid;
    border-width: 1px; margin-bottom:0;
	padding:10px 14px 6px; font-size: .8125rem;}
.stock_shop {display: flex; justify-content:center; align-items: center; font-size: .75rem; border-bottom: 1px #e5e5e5 solid; padding-bottom: .25em; margin-bottom: .25em;}
.stock_shop img {width: 1.2em; padding-right: .4em;}

.shoplink_ttl a {display: block; font-size: .75rem; 
background-image: url(/images/static/img/arrowhead_r_fill.svg);
    background-position: left .4em;
    background-repeat: no-repeat;
    padding-left: 0.9em;}
.shoplink_open {display: block; background-color: rgba(48,181,239,.25); padding: 5px 2px 2px 2px; font-size: .75rem; text-align: center;}
.shoplink_open a.openlink {background-position: 26% center; padding-left: 0; padding-bottom: 4px;}

.shoplink_open .shopinfo {background-color: #FFF; text-align: left; padding:8px 6px;}
.shoplink_open .hidecontent.open { margin-bottom: 0;}
hr.purchase {background-color: #ccc;
    border: none;
    display: block;
    height: 1px;
    margin: 15px 0;}
dl.contact-phone-number-area { border: 1px #0075c1 solid; border-radius: 3px;}
dl.contact-phone-number-area dt {color: #fff; background-color: #0075c1; padding: 3px; text-align: center; font-size: .6875rem;}
dl.contact-phone-number-area dd {padding:3px 5px; font-size: 1rem; text-align: center;}

.reception-hour {display: block; margin: .25em 0;}
a.shoplink {display: block;
    font-size: .75rem;
    background-image: url(/images/static/img/arrowhead_r_fill.svg);
    background-position: left .4em;
    background-repeat: no-repeat;
    padding-left: 0.9em;}
.product-info-area {}
.product-info-area h3 {font-weight: bold;border-top: 1px #e5e5e5 solid; padding-top: 5px; margin-top: 5px;}

ul.product-info-list li {display: flex;justify-content: flex-start; align-items: flex-start;}
ul.product-info-list li span {display: inline-flex;}
ul.product-info-list li span:first-child {color:#30B5EF;min-width: 4em; padding-right: .3em;}

#cart #main a.button {cursor: pointer !important;}
input[type="button"],input[type="submit"] {cursor: pointer !important;}

#aside .important_info {display: block; border: 1px #dd0000 solid; border-radius: 6px; padding:3px 12px; margin-bottom: 15px;}
#aside .important_info h6 {font-size: .8125rem; font-weight: bold; margin-bottom: .25em;}
#aside .important_info .arw-linklistp li a {font-size: .8125rem !important;}

#footer_sitemap .sns_list li:nth-child(2), #footer_sitemap .sns_list li:nth-child(3) {display: none;}

/*　臨時対応、あとで削除するかも*/
.ac_results { margin-top: -29px !important;}
/*　iPhone iPad対応 */
input[type="submit"],
input[type="button"]{
    -webkit-appearance: none; -webkit-touch-callout: none;/*1427 21.04.01*/ }
input::placeholder,
input:-ms-input-placeholder {font-family:Meiryo, メイリオ, sans-serif;}


/* 2020.0404 追加 */
#main.item .imgbox .img .large {height: 320px;
    display: flex;
    align-items: center;}
#main.item .imgbox .thumb_list {
    justify-content: flex-start;}
#main.item .imgbox .thumb_list li {min-height: 54px;max-height: 54px;
    display: inline-flex;
    align-items: center; justify-content: center;}
#main.item .imgbox .thumb_list li img {max-height: 54px;}
#expantion_images .largelist li.active {/*height: 72vh;*/ height: calc( 87vh - 130px ); display: flex; align-items: center;}


/* 2020.0417 TOP用　追加 */
section#category {position: relative; padding-bottom: 2.5em;}
section#category ul.topcat_list > li:last-of-type {border: none;position: absolute;left: 15%;bottom: -.25em;}
section#category ul.topcat_list > li:last-of-type > a{ text-align: right; display: block;}


/* 2020.5.27 クーポン帳 追加 */

.member_form span.pdg {padding-right: 2.5em;}
.member_form select.pdg{padding: 0 1em 0;}
.member_form section.list_set_gray.nospace {justify-content: initial;}

.table.coupon_td {max-width: 100%;}
.table.coupon_td {
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
}

.table.coupon_td th {
  background-color: #fbfbfb;
  font-size: 0.9375rem;
  border-right-width: 0;
  border-bottom: 0px;
  font-weight: bold;
  padding: .8em 15px;
}

.table.coupon_td td {
  border-bottom: 1px #eee solid;
}

.table.coupon_td tr:last-child td {
  border-bottom: none;
}

.table.coupon_td span { padding: 0 10px;}

.table.coupon_td .product_box_wrap {
  display: flex;
  justify-content: flex-start;
  /*align-items: flex-start; 2020.05 縦中央調整*/
  align-items: flex-start;
/*  max-width: 600px;*/
  }

.table.coupon_td .product_box {
  display: flex;
  justify-content: flex-start;
  align-items: start;
  position: relative;
/*  max-width: 480px;*/
  padding-top: 30px;
  margin-left: 10px;
  }

.table.coupon_td .w74 {width: 74%;}

.coupon_label{width: 100px;}
.coupon_label img {width: 75px;}
.coupon_img {display: block; max-width: 130px;}
.coupon_img img {max-width: 130px; max-height: 130px; display: block; margin:0 auto;}

.table.coupon_td .product_box_wrap span.product_img {display: inline-flex; align-items: center ; height: 100px; flex-direction: column;}
.table.coupon_td .product_box_wrap span.product_img img {/*width:100%; 20211108 20211108*/}
.table.coupon_td .product_box_wrap span.product_img img.ico {max-width:75px;}
.table.coupon_td .product_box_wrap span.product_img img.product {max-width:100px;}
.table.coupon_td .product_box span.product_img { padding: 0;}

.table.coupon_td span img.ico {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;}

.table.coupon_td dl dt,.coupon_td dl dd {
  display: inline-block;
  width: auto;
  font-size: 0.6875rem;
  color: #666; 
}

.table.coupon_td dl {width:  14em;}
.table.coupon_td dl dd:before {content: ":";padding-right:.2em;}
.table.coupon_td dl dt {width: 5em;}
.table.coupon_td dl {margin-bottom: -.4em;}
.table.coupon_td .product_box dl dt {width: auto;}
.table.coupon_td .product_box dl dd:before {content:none;}
.table.coupon_td .product_box dl {width: auto;}

#main .coupon_td .one-btn-box.blue a {
    max-width: 100%;
    padding: 1em 0% .75em 0%;
    background-image: initial;
    }

#main .coupon_td .one-btn-box.order_more {max-width: 14em; margin: 0 0 .3em;}

.table.coupon_td span.price { color: #d00; font-size: 0.75rem; padding: 0;}
#main .coupon_td .product_box_wrap p.brand {
  font-size: 0.75rem;
  margin-bottom: .35em;
}

.table.coupon_td .one-btn-box {margin:0px; }
.table.coupon_td .btn_coupon {width: 100%; margin: 0 auto;}

.coupon_area { background-color: #f9f9f9; padding: 1em 1.2em; margin-top: 1em;}
.coupon_area .product_box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  width: auto; 
  }

.coupon_area .product_box.center {
  align-items: center;
  }

.coupon_area .product_box span { width: auto; }
.coupon_area .product_box .coupon_img img {width: 80px;}
.coupon_area .coupon_Rbox {position: relative; margin: 27px 0 0 20px; width: 100%;}
.coupon_area .coupon_Rbox.mgT0 {margin-top: 0px;}
.coupon_area .product_box img.ico {position: absolute; top: -27px; left: 0; width: 75px;}

#main .coupon_Rbox p.one-btn-box.ss-size {max-width: 100%;width: auto;font-size: .8125rem;}
#main .coupon_Rbox .one-btn-box.ss-size a { max-width:100%; padding: .65em 0em .5em 0em; color: #d00;}

#main .coupon_Rbox .one-btn-box.blue a {background-color: #fff;
    border: 1px #d00 solid;
    background-image: url(/images/static/img/arrow_btnred.svg);
    border-radius: 5px;
    color: #d00;}

.coupon_area dl dt,.coupon_area dl dd {
  display: inline-block;
  width: auto;
  font-size: 0.6875rem;
  color: #666; 
}

.coupon_area  dl dd:before {content: ":";padding-right:.2em;}
.coupon_area  dl dt {width: 5em;}
.coupon_area  dl {margin-bottom: -.2em;}


/* クーポン帳 2020.5.27 fb追加 end */


/* product_detail 送料グループ追加 20200610 */
#main.item .infotable .shipping {
display: block;
position: relative;
font-size: 0.75rem; }

#main.item .infotable .shipping .fee {font-weight: normal;/*20200902*/}
#main.item .infotable .shipping .fee strong {font-size: 1rem; }
#main.item .infotable .shipping-text {display: block; margin-bottom: .2em;}

.shippingGrp {position: absolute; right: 0;}
.shippingGrp i.ic.label  {
border-color: #bababa;
border-style: solid;
border-width: 1px;
color: #bababa;
display: inline-block;
font-size: 0.625rem;
line-height: 1.7;
margin-right: 0.3em;
padding: 0 1em;
min-width: 7em;
text-align: center;
vertical-align: middle;}
#main.item .infotable .shippingGrp i.ic.label { /*width: 105px; box-sizing: border-box;*/ display: inline-block;min-width: 105px; padding:0 .3em;}/*課題1031：20200804 変更*/
#main.item .infotable .shippingGrp i.ic.label.regular {border-color: #30b5ef;color: #30b5ef;}
#main.item .infotable .shippingGrp i.ic.label.music {border-color: #d55aa1;color: #d55aa1; opacity:0.6;}
#main.item .infotable .shippingGrp i.ic.label.anime {border-color: #fecc2f;color: #fecc2f;}
#main.item .infotable .shipping img {width: 0.9375rem;vertical-align: middle;}


/* product_detail 送料グループ modal base */
.modal_overlay.modal_shippingFee {
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
    padding: 28px 0 0 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    overflow-x: scroll; }

.modal_shippingFee .modal_box {
background-color: #fff;
border-radius: 5px;
margin: 0 auto;
max-width: 1000px;
width: 1000px;
height: auto;
max-height: 90vh;
/*padding: 30px; 20210628 2188*/ padding: 30px 0;
position: relative; 
box-sizing: border-box;
/*overflow-y: scroll;
-ms-overflow-style: scrollbar;*/}

.modal_shippingFee .modal_box .close {
cursor: pointer;
position: absolute;
right: 30px;
top: 30px; }
.modal_shippingFee .modal_box .close img {
width: 22px;
height: 22px; }

/* product_detail 送料グループ modal contents */
.modal_shippingFee .modal_box {display: flex; justify-content: flex-start;
    flex-direction: column;/*height: 612px; 2188 20210617*/ max-height: 85vh;}
.modal_shippingFee .modal_box .area_wrap {
  width: auto;/*2188*/ padding: 0 30px;
  /*height: auto;*/
flex: 1; overflow: auto;}

.modal_shippingFee .modal_box h2 {
font-size: 1rem;
font-weight: normal;
margin-left: 0;
margin-right: auto;
max-width: 1000px;
padding-bottom: 1em;/*2188*/ padding-left: 30px;}
.modal_shippingFee .modal_box h2 span {font-size: 0.8125rem; padding-left: 1em;}

table.shippingFee {margin-bottom: 1em; box-sizing: border-box; width: 100%; white-space:nowrap;}
table.shippingFee th,table.shippingFee td {
    border-top-color: #c3c3c3;
    border-top-style: solid;  
    border-top-width: 1px;
    padding: .85em 10px;
    width: auto;
    text-align: center;
    font-size: 0.8125rem;}
table.shippingFee td {
    border-left-color: #c3c3c3;
    border-left-style: solid;  
    border-left-width: 1px;}
table.shippingFee .bdrL {
    border-left-color: #c3c3c3;
    border-left-style: solid;  
    border-left-width: 1px;  }
table.shippingFee .bdrR {
    border-right-color: #c3c3c3;
    border-right-style: solid;  
    border-right-width: 1px;  }
table.shippingFee .bdrB {
    border-bottom-color: #c3c3c3;
    border-bottom-style: solid;  
    border-bottom-width: 1px;  }
table.shippingFee th.grey {background-color: #efefef;}
table.shippingFee th.blue,table.shippingFee td.blue {background-color: rgba(48,181,239,.15);}
table.shippingFee th.red,table.shippingFee td.red {background-color: rgba(221,0,0,.1);}
table.shippingFee th.ABCwidth {width: 15%;}
/* 20200714 送料対応 追加 */
table.shippingFee .w30 {width: 30%;}
a.ic_search {cursor: pointer;}

.bracketsL {
  position: relative;
  line-height: 1.4;
  padding:.1em 1em;
  display: inline-block;
  /*margin-top:.4em;*/}
.bracketsL:before, .bracketsL:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 6px;
  height: 100%;
  display: inline-block;}
.bracketsL:before {
  border-left: solid 1px #666;
  border-top: solid 1px #666;
  border-bottom: solid 1px #666;
  border-radius: 2px 0 0 2px;
  left: 0;}
.bracketsL:after {
  content: '';
  border-top: solid 1px #666;
  border-right: solid 1px #666;
  border-bottom: solid 1px #666;
  border-radius: 0 2px 2px 0;
  right: 0;} /*大括弧*/
  
.modal_shippingFee .modal_box .area_wrap ul.bullet,
ul.bullet {/*padding-left: .5em; text-indent: -.5em;*/ font-size: 0.8125rem; margin-bottom: .5em;}
.modal_shippingFee .modal_box .area_wrap ul.bullet li, ul.bullet li {padding-left: 1em;display: block;}
.modal_shippingFee .modal_box .area_wrap ul.bullet li:before,
ul.bullet li:before{content: "・";width: 1em; display: inline-block;margin-left: -1em;padding-right: 0;}/*2177*/
#wrapper #main.with_aside.ranking {padding-bottom: 40px;}
.modal_shippingFee h5.nomgb,
h5.nomgb{margin-bottom: 0em;}

/* buy_confirm 送料グループ項目追加　20200610 */
.incart table tr.cart-shippingGrp th,.incart table tr.cart-shippingGrp td { padding: 2px 0px 1px;}
.incart table tr.cart-shippingGrp-ast td {text-align: left; padding: 0px 0px 4px;}
.pdl2 {padding-left: 2em;}
/* end // product_detail 送料グループ追加 20200610 */

/* 第2カテゴリ 取扱店舗を絞込み 追加20200615 */
#search_result_area .list_settings.used { padding: 8px 1rem;}
.btn_toggle {
display:block;
cursor:pointer;
width: 25px;
height: 25px;
text-align: center;
background:url(/images/static/img/ic_plusBox.svg);}
.btn_toggle.active {background:url(/images/static/img/ic_minusBox.svg);}
.store_list_wrap.toggle_contents {    display: none;
    width: 100%;}
ul.delete_txt.bdrB0 { border-bottom: 0;}
section.paging_settings.bdrT0 { border-top: 0;}

ul.store_division {font-size: .8125rem; padding-bottom: .5em;}
ul.store_division > li {padding-bottom: .5em;}
ul.store_division > li { border-bottom: 1px #f2f2f2 solid;}
ul.store_division > li:nth-child(2) { padding-top: .5em;}

ul.store_division > li label span {
    color: #666;
    font-size: .75rem;
    padding-left: .25em;}

ul.store_list {
  columns: 3;
  padding: .5em 0 0 0em;}

ul.store_list li {
    text-indent: -2em;
    padding-left: 2em;
    display: block;
    position: relative;
    font-size: .8125rem;
    margin-bottom: .45em;}

ul.store_buttonlist {position: relative; min-height: calc(16px + 1.75em) ; padding: .5em 0;}
ul.store_buttonlist li:first-child {position: absolute;left: 50%;transform: translateX(-50%);}
ul.store_buttonlist li:last-child {position: absolute;right: 0;}

.store_buttonlist .button { color: #666; /* 20200824 追加 */
    background-color: #fff;
    border-color: #adadad;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    font-size: .8125rem;
    line-height: 1.3;
    padding: 1em 1.8em .75em;}
.store_buttonlist .button.blue.ic_search {
    background-color: #30B5EF;
    border: 1px #30b5ef solid;
    justify-content: center;
    padding: 1em 6em .75em;
    background-attachment: scroll;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    background-image: url(/images/static/img/ic_search.svg);
    background-position: 6% center;
    background-size: 15px auto;}

.pdr10 { padding-right:10em;}
#search_result_area {position: relative;margin-top: -20px; padding-top: 20px;}
.store_cont {position: relative;}
.store_cont dt {position: absolute; top: -35px;  right:235px; font-size: .75rem;}
.store_cont dt a.openlink {background-image: url(/images/static/img/ic_plusBox.svg); background-position: right center; padding-right: 28px; background-size: 25px; line-height: 2.4em;}
#main .store_cont dt a {color: #333;}
.store_cont input[type="checkbox"] {display: none;}
 .store_cont dt a.openlink.close {background-image: url(/images/static/img/ic_minusBox.svg);}
 .store_cont input[type="checkbox"] + label::before{border-color: #adadad;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    content: "";
    display: inline-block;
    height: 0.75rem;
    margin-right: 0.75em;
    vertical-align: middle;
    width: 0.75rem;}
 .store_cont input[type="checkbox"]:checked + label::before {    background-color: #30b5ef;
    background-image: url(/images/static/img/ic_check.svg);
    background-position: center center;
    background-repeat: no-repeat;}
 .store_buttonlist .button {outline: none;}
 /* end // 第2カテゴリ 取扱店舗を絞込み 追加20200615 */
 
 
.product_list.col5 .used_box.txt,
.product_list .used_box.txt a:first-child{ display: block;}
.product_list.ranking_col_list .used_box.txt {display: block;}
.product_list.ranking_col_list .used_box a span.price-txt {display:block; padding-left: .4em;}
  /* 中古商品一覧まとめ表示 追加20200803 */
#search_result_area .used_box.s-txt {font-size: .75rem; margin-top: 0;padding-bottom: .5em;}
#search_result_area .used_box.s-txt a {font-size: .625rem;/*2043 20210602*/}
#search_result_area .product_list .used_box a:first-child {padding-bottom: 0;}
#search_result_area .product_list.line-list .used_box span.price-txt {/*margin-left: .4em; display: inline-block; 20200819*/}
.ranking .used_box.s-txt span.price-txt { display: block;}
  /* 新品の終売品　追加20200803 */
 #search_result_area li.soldout .price, .product_list li.soldout .price {color: #999; /*font-weight: normal; 20201005*/}
 #search_result_area li.soldout .price strong, .product_list li.soldout .price strong{color: #999; /*font-weight: normal; 20201005*/}
 #search_result_area li.soldout .point, .product_list li.soldout .point {color: #999; /*font-weight: normal; 20201005*/}
 
#wrapper.item.soldout .infotable .price,
#wrapper.item.soldout .infotable .price strong,
#wrapper.item.soldout .infotable .delivery,
#wrapper.item.soldout .infotable .point,
#wrapper.item.soldout .infotable .point strong {color: #999; /*font-weight: normal; 20201005*/}
#wrapper.item.soldout .infotable .taxwrap {color: #999;}
#wrapper.item.soldout .ic.forprice,#wrapper.item.soldout .ic.forpoint {display: none;}
#wrapper.item.soldout #purchase_area .price,#wrapper.item.soldout #purchase_area .price strong,#wrapper.item.soldout #purchase_area .point,#wrapper.item.soldout #purchase_area .point strong,
#wrapper.item.soldout #purchase_area .delivery {color: #999; /*font-weight: normal; 20201005*/}
#wrapper.item.soldout .infotable .shipping .fee,#wrapper.item.soldout .infotable .shipping-text,
#wrapper.item.soldout .infotable .shipping .fee.txt-red,#wrapper.item.soldout .infotable .shipping-text.txt-red,
#wrapper.item.soldout .infotable .shipping-text.txt-orange {color: #999; /*font-weight: normal; 20201005*/}
 
 
/* 課題番号498 /add/parts.css の上書き 追加20200625 */
.product_list.col5 {justify-content: flex-start;}
.product_list.col5 li { width: 18% ; padding: 0 2.5% 5px 0px;}
.product_list.col5 li:nth-child(5n) {padding-right: 0;}
b.txtNL {font-size: .75rem; line-height: 1.2;}
.product_list.col5 b.txtNL {display: block; width: 100%;}
.product_list.col5 .price {flex-direction: row !important; align-items: baseline !important;}


/* TOP おすすめリストのslick対応 */
ul.product_list.recomlist {padding-top: 0;justify-content: flex-start;}
ul.product_list.recomlist li {max-width: 156px;padding:0 10px; border-bottom: 0; margin-bottom: 10px;}
.product_list.recomlist .product_name {font-size: .8125rem; /*margin-bottom: .35em; 2043 20210601*/}
.product_list.recomlist .price { font-size: .625rem; justify-content: left;}
.product_list.recomlist .price strong {font-size: 1rem; letter-spacing: -.03em;}
.product_list.recomlist .point { font-size: .75rem;margin-bottom: .6em;}
.product_list.recomlist .ic.stock {display: block; margin: 0 0;}
.product_list.recomlist img { margin: 0 auto 5px;width: 90%;}
.product_list.recomlist .used_box { font-size: .75rem;}
.product_list.recomlist .price {justify-content: flex-start;flex-wrap: wrap;flex-direction: column;align-items: flex-start;}

ul.product_list.recomlist.slick .slick-prev {left: -15px;}
ul.product_list.recomlist.slick .slick-next {right: -15px;}
.recomlist.product_list .price strong i {font-size: .675em;}

/* 左ドリルダウン　リンク　調整　*/
.refine_list> dd ul.check.nolabel  input[type="checkbox"] {display: inline-block;}
.refine_list> dd ul.check.nolabel {padding-left: 1rem;}
.refine_list> dd ul.check.nolabel li a { background-image: none; padding-left: 0;color: #066eb3;font-size: 0.875rem;}
.refine_list> dd ul.check.nolabel li a span {color: #066eb3;font-size: 0.875rem;}
.refine_list> dd ul.check.nolabel li a span:nth-child(2) {color: #666;font-size: .75rem;padding-left: .25em;}

/* 左ドリルダウン　リンク　調整 追加 20200911　*/
.refine_list> dd ul.check.nolabel input[type="checkbox"] {vertical-align: top; margin-top:3px; }
.refine_list> dd ul.check.nolabel li a { display: inline-block; max-width: calc(100% - 2em); padding-left: .35em;}
.refine_list> dd li a span {padding-left: 0;}

.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color { position: relative; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color::before { content: ""; margin-right: 22px;}
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color::after {
      background-color: #fff;
      border-color: #777;
      border-style: solid;
      border-radius: 3px;
      border-width: 1px;
      content: "";
      display: block;
      height: 8px;
      width: 8px;
      margin-top: -6px;
      position: absolute;
      left: 8px;
      top: 50%; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color.blk::after {
      background-color: #000;
      border-color: transparent; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color.wht::after {
      background-color: #fff;
      border-color: #777; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color.gry::after {
      background-color: #777;
      border-color: transparent; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color.sil::after {
      background-color: #aaa;
      border-color: #ccc; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color.gld::after {
      background-color: #e6b422;
      border-color: transparent; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color.red::after {
      background-color: #e81538;
      border-color: transparent; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color.pnk::after {
      background-color: #f09199;
      border-color: transparent; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color.blu::after {
      background-color: #0095d9;
      border-color: transparent; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color.grn::after {
      background-color: #3eb370;
      border-color: transparent; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color.ppl::after {
      background-color: #884898;
      border-color: transparent; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color.yel::after {
      background-color: #ffd900;
      border-color: transparent; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color.beg::after {
      background-color: #f4dda5;
      border-color: transparent; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color.brn::after {
      background-color: #965042;
      border-color: transparent; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color.orn::after {
      background-color: #ee7800;
      border-color: transparent; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color.clr::after {
      background-color: #f8fbf8;
      border-color: #ddd; }
.refine_list> dd ul.check.nolabel input[type="checkbox"] + a.color.etc::after {
      background-color: transparent;
      border-color: transparent; }
.refine_list ul.category_menu li .child_list li a {background-position: 0.2em .40em;}

.refine_list> dd ul.check.nolabel li ul li a span {color: #666; font-size: .75rem; padding-left: .25em;}

/* 単品中古ランク　モーダル追加　20200715 課題：948　*/
#main.item .infotable td {position: relative;}
#main.item .infotable .rank_info {position: absolute;right: 0;top:1.75em;}
#main.item .infotable .rank_info a {display: inline-flex; align-items: center;}
#main.item .infotable .rank_info img {width: 1.25em;vertical-align: middle;padding:0 .2em;}

.refine_list> dd .rank_info {font-size: .75rem; display: block; margin-top: -.75em;}
.refine_list> dd .rank_info img {width: 1.25em; vertical-align: middle; padding: 0 .2em;}


.modal_overlay.modal_usedrank {
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
    padding: 28px 0 0 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    overflow-x: scroll; }
.usedrank_info {display: block;background-attachment: scroll; background-image: url(/images/static/img/item/usedrank_arw.svg);background-position: .5em top;background-size: 1em auto; background-repeat: no-repeat; padding-left: 3em; margin-top: 1em;}
.usedrank_info li { display: flex; align-items: center; justify-content: flex-start; border-bottom: 1px #ddd solid;padding: 10px 0 10px 10px;}
.usedrank_info li img.ic.usedrank {position: relative; margin-right: 15px;}
.usedrank_info li p { font-size: .875rem;}
.modal_overlay.modal_usedrank {padding: 28px 0 0 0;}
.modal_usedrank .modal_box {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    height: 490px;}
.modal_usedrank .area_wrap {overflow-y: auto; margin-top: 8px;}

.recomlist li a:first-child {max-height: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;}
.recomlist li a:first-child.btn {height: auto;}
.product_list.recomlist li a:first-child img{
  max-width: 90%;
  max-height: 110px;
  width: auto;
  display: block;
  margin-bottom: 10px;}

/*　20200827　ランキング用カテゴリメニュー　*/
#aside.ranking .refine_list>dd ul.category_menu li { margin-bottom: .25em;}
#aside.ranking .refine_list>dd ul.category_menu li:first-child a {background-image: url(/images/static/img/ic_rank.svg);background-size: 1em auto;background-position: left .3em; padding-left: 1.25em;}


/*　20200729　最近チェックした商品　調整　*/
.check_list div> a:not(.product_name),
.carousel_list div> a:not(.product_name) {max-height: 160px; height: 160px; display: flex; align-items: center; justify-content: center;}
.check_list div> a img,
.carousel_list div> a img{max-width: 100%; max-height: 160px; height: auto;width: auto; display: block; margin-bottom: 10px;}

.carousel_list .slick .slick-slide .product_name {word-break: break-all;}

/*　20200824　価格表記　ボールド　*/
#main.item .infotable .price,
#purchase_area .price {font-weight: normal;}
#main.item .infotable .price strong,
#purchase_area .price strong {font-weight: bold; margin-right: .25em;}
/*　20200818　会員特価　追加　*/
#main.item .infotable .price strong i {font-size: .65em; font-style: normal; font-weight: normal; margin-right: .5em;}
#main.item .infotable .price strong i:nth-child(2) { margin-left: .25em;}
#main.item .infotable .price.normal,
#main.item .infotable .price.normal strong { font-weight: normal; font-size: 1.25rem;}
#main.item .infotable .price.member {}
#main.item .infotable .price.member button {background-color: #30B5EF;
    display: inline-block;
    width: auto;
    margin: 0 auto;
    max-width: 250px;
    border: 1px #30b5ef solid;
    justify-content: center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-image: url(/images/static/img/arrow_btnwh.svg);
    background-size: 6px auto;
    background-position: 95% center;
    text-align: center;
    line-height: 2;
    border-radius: 5px;
    color: #fff;
	    padding: 0 2em 0 1.5em;
    font-size: .75rem;}
#main.item .infotable .price.member button a { color:#fff;}
#main.item .infotable .price.member span.btn_gry {background-color: #f7f7f7;
    border-color: #e5e5e5;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #000;
    display: inline-block;
    font-size: 0.75rem;
    line-height: 2.2;
	margin: 0 10px;
	padding: 0 2em;
    text-align: center; font-weight: normal;}
#main.item .infotable .price.member span.btn_gry a {background-image: url(/images/static/img/arrowhead_r_fill.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 0.5em; padding-left: .75em;}
.product_list .price b.txtNL:last-child {padding-bottom: .6em;}
.product_list .price b.txtNL a.btn,
.carousel_list .price b.txtNL a.btn { font-size: .75em; font-weight: normal;margin:.1em 5px 0 5px;
    background-image: url(/images/static/img/arrowhead_r_fill.svg);
    background-position: 2px .40em;
    background-repeat: no-repeat; background-size: auto .5em;
    padding-left: 0.7em; justify-content: flex-start;}

/*　商品詳細　会員特価　追加　*/
.carousel_list .price strong {display: block;}
.carousel_list .price strong i {font-size: .65em; font-style: normal; font-weight: normal; margin-right: .5em;}
.carousel_list .checkbox_field {margin-top: 5px;}


/*　20200827　レビュー修正　追加　*/
#main.item .review .reputation_txt {margin-left: .35em;}
#main.item .review .reputation {width: 82px;}
#main.item .review .reputation img {width: 14px; height: 14px;}
.tab_contents p.star_img {font-size: 1.5rem;display: flex; align-items: center;}
.star_img span { display: inline-flex;margin-right: 10px;width: 100px;justify-content: space-between;}
.star_img span img {width: 16px; height: 16px;}

/*　20201008 ランキング入り口用　*/
.rankttl_bg {background-color: #f2f2f2 ; display: block; position: relative; padding: .35em .65em; font-size: 1.125rem; margin-bottom: 5px;}
.rankttl_bg .date { font-size: .75rem; color: #666; padding-left: .25em;}
#main .rankttl_bg  p.ttl-right {right: .65em; bottom: 22.5%;}
#main .rankttl_bg  p.ttl-right a,
#main .ranking-box  p.ttl-right a {color: #066eb3; font-size: .8125rem;}
.ranking-box {position: relative; padding-bottom: 1.125em/* 2043 20210601*/ ; border-bottom: 1px #ddd solid; margin-bottom: 10px;}
.ranking-box .product_list li {border-bottom: 0;}
#main .ranking-box a.link-arwRbk {background-size: .5em auto;}

/*　202010 課題　1048　*/
table.infotable {table-layout: fixed;}
.CanpaignDiv div {width: 100%;}
.CanpaignDiv div img {max-width: 100% !important; height: auto;}

.refine_list input[type="checkbox"].check_half { opacity: .5;}

/* 2020.10.24 ログイン連携　*/

.login .whbox {margin: 2rem auto;}
.whflatbox {
  display: block;
  margin: 0 auto 4rem;
  width: 800px;
  background-color: #fff;
  border: 1px #dddada solid;}
.whbox.loginbox,.whflatbox.loginbox {width: 900px;box-sizing: border-box; padding: 40px 55px;}
.login .modal_box {width: 900px; max-width: 900px; box-sizing: border-box; padding: 40px 55px 50px;}
.whflatbox.loginbox {padding: 40px 55px 30px;}

.auth_wrp {display: flex; margin: 1.5rem auto 0; /*min-height: 220px;*/}
#auth_sofmap {width: 55%; padding: 0 55px 0 0; border-right-width: 1px; border-right-color: #eee; border-right-style: solid;}
#auth_sns {/*width: 45%;*/ padding: 0 0 0 55px; position: relative;}

.login h5.bold17 {font-size: 1.05em; font-weight: bold;}
.auth_wrp h4.headline18.nomgnT {margin-top: 0;}
.auth_wrp h5.bold16 {margin: .35em 0 1.5em;}
.auth_wrp h5.bold16.nomgb {margin-bottom: .35em;}/*20201128*/
.auth_wrp.new-member #auth_sofmap {padding-top: 53px;}

.login h6 {font-size: .875rem; margin: .3em 0 .65em;}
p.txt14 {font-size: .875rem;line-height: 1.5;margin-bottom: 1.5em;}

.arw-linklist {margin: 20px auto 0;}
.sbtn-list {max-width: 100%;}

#auth_sofmap .btn-box.nomgn {margin: 0;}
#main .loginbtn.blue.l-size, /* 3052 */
#main .sbtn-list .loginbtn.blue.l-size,.modal_register.login .sbtn-list .loginbtn.blue.l-size {
  display: flex;
  border: 1px #30b5ef solid;
  border-radius: 4px;
  justify-content: center;
  padding: .57em 0;
  line-height: 3;
  background-attachment: scroll;
  background-position: 97.5% center;
  background-repeat: no-repeat;
  background-image: url(/images/static/img/arrow_btnwh.svg);
  background-size: 6px auto;
  background-color: #30b5ef;
  color: #fff;
  font-size: .875rem;
  width: 100%;
  box-sizing: border-box;}

.sbtn-list .loginbtn.line.l-size {
  display: flex;
  border: 1px #30b5ef solid;
  border-radius: 4px;
  justify-content: center;
  padding: .15em 0;
  line-height: 3;
  background-attachment: scroll;
  background-position: 97.5% center;
  background-repeat: no-repeat;
  background-image: url(/images/static/img/arrow_btn.svg);
  background-size: 6px auto;
  background-color: #fff;
  text-align: center;
  color: #30b5ef;
  font-size: .875rem;
  width: 100%;
  box-sizing: border-box;}

#main .sbtn-list .loginbtn.line.l-size.grey, .sbtn-list .loginbtn.line.l-size.grey {
  width: 100%;
  height: initial;
  border: 1px #cccccc solid;
  justify-content: flex-start;
  color: #333;
  background-image: url(/images/static/img/arrow_btngry.svg);}

.sbtn-list .loginbtn.line.yahoo.l-size {display: flex; justify-content: center;border: none; background: #f03; color: #fff; width: 300px; height: 45px; margin: 0 auto;}
#main .sbtn-list a.loginbtn.line.yahoo {color: #fff;}

.loginbtn.line.grey.l-size.center {justify-content: center; padding-right: 2em;}
#main .sbtn-list a.loginbtn.line {color: #333; width: 300px; height: 45px; margin: 0 auto;}

.login span.login_logo {display: inline-flex; justify-content: center; width: 2.14em; padding: 0 .5em 0 .5em; vertical-align: middle; margin-left: -.5em;}
.login span.login_logo.yahoo {display: inline-flex; justify-content: center; width: 2.14em; padding: 0 .7em 0 0; vertical-align: middle;}
.login span.login_logo.beginner {/*width: 1.1em;*/}

.login span.login_logo img {margin: 0 auto; vertical-align: middle; padding-bottom: .3em;}
.login span.login_logo .yahoo img {width: 100%;min-width: 30px;}
.login span.login_logo .google img {width: 70%;}
.login span.login_logo .apple img {width: 67%;}

.login span.login_logo .beginner { width: 1.65em; padding: 0; justify-content: center;}
.login span.login_logo .beginner img {width: 100%; padding-bottom: .2em;}
h4.headline18 img.ic {/*display: inline-flex; IE対策*/ display: inline-block;margin-bottom: -.25em; padding: 0 .25em;}
h5.bold16 img.ic {/*display: inline-flex; IE対策*/ display: inline-block;margin-bottom: -.25em; padding: 0 .5em; height: 1.5em;}
h5.bold17 img.ic {/*display: inline-flex; IE対策*/ display: inline-block;margin-bottom: -.25em; padding: 0 .5em; height: 1.25em;}
.modalbtn {cursor: pointer;}
/*2021.03.03 1015*/
#main .auth_wrp.new-member #auth_sofmap .sbtn-list a,
.modal_register.login .auth_wrp.new-member #auth_sofmap .sbtn-list a { font-size: 1rem; line-height: 2.4; background-color: #0075c1;border: 1px #0075c1 solid;
    background: linear-gradient(to left, #1895d8 20%, #0075c1 100%);}
#main .loginbtn.blue.l-size,   /* 3052 */
#main .sbtn-list .loginbtn.blue.l-size, .modal_register.login .sbtn-list .loginbtn.blue.l-size { font-size: 1rem; line-height: 2.4;background-color: #0075c1;border: 1px #0075c1 solid;
    background: linear-gradient(to left, #1895d8 20%, #0075c1 100%);}
/* 202102 ログイン連携　*/
.auth_wrp {align-items: flex-start;}
#auth_sofmap {width: 60%; border: none;}
#auth_sns {/*width: 40%;*/ margin-top: -1em; padding: 1em 30px 1.5em; background-color: rgba(244,244,244, 0.6);}
#auth_sns .sbtn-list {margin-bottom: 0;}
#main .auth_wrp.new-member #auth_sofmap .sbtn-list a,
.modal_register.login .auth_wrp.new-member #auth_sofmap .sbtn-list a {justify-content: center; padding-left:0;}



@media screen and (min-width: 415px) and (max-width: 768px) {


} /* end @media screen and (min-width: 661px) and (max-width: 768px) */




/* 202011 ranking menu */
#aside.ranking .refine_list>dd ul.category_menu_ac li a.top {background-image: url(/images/static/img/ic_rank.svg);background-size: 1em auto;background-position: left .3em; padding-left: 1.25em;}
.refine_list > dd ul.category_menu_ac { padding-left: 0;}
ul.category_menu_ac li a {display: inline-block;background-position: left .2em;}
ul.category_menu_ac li {display: block; position: relative; border-bottom: 1px #e2e2e2 solid; padding-bottom: .5em;}
ul.category_menu_ac li .child_list {font-size: .8125rem !important; margin-bottom: 0; margin-top: .5em;border-top: 1px #e2e2e2 solid;padding-top: .25em;}
ul.category_menu_ac li .child_list li {border-bottom: 0; padding: .15em 0; margin: 0;}
.refine_list> dd ul.child_list.txtS li a { font-size: .8125rem;}
ul.category_menu_ac li i.openbtn {position: absolute; top: 0; right: 0;}
.toggle_txt i.openbtn {display: block; width: 1.5em; height: 1.5em; background-attachment: scroll;background-image: url(/images/static/img/ic_plusBox.svg);background-position: right center; background-size: 100%;}
.toggle_txt.open i.openbtn {background-image: url(/images/static/img/ic_minusBox.svg);}
ul.category_menu_ac li .child_list .btmline { border-bottom: 1px #e2e2e2 solid; margin-bottom: .5em;}
ul.category_menu_ac li .child_list .leftline {border-left: 3px #e2e2e2 solid; padding-left: .5em;}

.mgt-4em {margin-top: -4em;}
.ranking_info {display: block;margin-bottom: .15em; z-index: 10; position: relative;}
.ranking_info img {width: 1.25em;
    vertical-align: middle;
    padding: 0 .2em;}

/* 202011 ranking kodawari */
#commitment_searchbox .ranking_kodawari .pricebox { width: 60%;height: 200px;}
#commitment_searchbox .ranking_kodawari .list_wrap:nth-of-type(1){width: 40%}
#commitment_searchbox .ranking_kodawari .freewordbox {}
#commitment_searchbox .ranking_kodawari input[type="text"].kodawari { width: 18em;}
#commitment_searchbox .ranking_kodawari .list_wrap.pricebox {padding: 8px 20px 0 20px;}

/* 202011 drill down freeword */
.refine_list > dd ul.keyword input[type="text"] {width: 14.75em; font-size: .8125rem}
.refine_list > dd ul.keyword {padding-left: 1rem;}
.refine_list > dd ul.keyword label { font-size: .75rem;}
.refine_list > dd ul.delete_txt.drill {padding: 0 0 0 1.25rem;; margin-bottom: 0; border-bottom: 0;}
.refine_list > dd.release_box {padding:2px 0 .25em 0; background-color: #f2f2f2;}
#aside .refine_list > dd.release_box .one-btn-box.gray a { background-color: #fcfcfc; margin: 0 auto;border: 1px #ccc solid;color: #066eb3;}
.refine_list > dd ul.delete_txt li a {background-color: #fcfcfc;border: 1px #ccc solid;}
.refine_list > dd.nomgb { margin-bottom: 0;}
#aside .one-btn-box.blue a.kodawari_btn {background-color: #da8c33;
    background: linear-gradient(to left, #f7bb37 0%, #da8c33 100%);}
#aside .delete_txt li a {overflow: hidden;max-width: 22em;
    text-overflow: ellipsis;
    white-space: nowrap;}
/* 20210113 追加 */
#aside .delete_txt li a.hide,.hide {display: none;}

/*
#aside .one-btn-box.blue.sky a.kodawari_btn {background-color: #154ea2;
    background: linear-gradient(to bottom left, #33c3ec 0%, #154ea2 100%);}
#aside .one-btn-box.blue.green a.kodawari_btn {background-color: #4e8f22;
    background: linear-gradient(to left, #95d920 0%, #4e8f22 100%);}
#aside .one-btn-box.blue.orange a.kodawari_btn {background-color: #da8c33;
    background: linear-gradient(to left, #f7bb37 0%, #da8c33 100%);}
#aside .one-btn-box.blue.red a.kodawari_btn {background-color: #c32400;
    background: linear-gradient(to left, #f44d46 0%, #c32400 100%);}*/

/* 202011 item zoom btn */
.imgbox .btn_2box { /*justify-content: center; 20210419 1724*/}
.imgbox .btn_2box span { margin: 0 auto; width: 48%;}


/* 202011 language select */
#language_area {width: 95%; height: 98%;}
.language_icL {position: relative; display: block; margin: 0 auto; width:40px; z-index: 10003; background-color: #fff; padding-top: 15px;}
.language_inner {width: 85% ; margin: 10px auto 0;}
.select_btn a { border:1px #ddd solid; border-radius: 3px; padding: .3em 0 .15em; font-size: .8125rem;box-sizing: border-box;}
.select_btn a.return {
  background-attachment: scroll;
  background-image: url(/images/static/img/arrow_td_left.svg);
  background-position: 7.5% center;
  background-size: .35em;
  background-repeat: no-repeat;
  padding: .5em;
  padding-left: 1.35em;}

/*　2021.03 language select tab切り替え aタグからspanに変更　*/
.language_inner .tab_list.select_btn span {
  background-color: #f2f2f2;
  border-style: solid;
  border-width: 1px;
  display: block;
  line-height: 40px;
  color: #066eb3;
  cursor: pointer;}
.language_inner .tab_list.select_btn span:hover {opacity: 0.8;}
.language_inner .tab_list.select_btn {border-bottom: 0;}
.language_inner .tab_list.select_btn span.current { border:1px #30b5ef solid; color: #356bb3; background-color: #fff}
.language_inner .tab_list.select_btn span { line-height: 30px; border:1px #b2b2b2 solid; border-radius: 3px; padding: .3em 0 .15em; font-size: .8125rem;box-sizing: border-box;}
/*　2021.03 language select tab切り替え aからspanに変更　end　*/

.language_inner .tab_list.select_btn.col4 li {width:22.5%;}
.language_inner .tab_contents p.txtXL {font-size: 1.25rem;}
.language_inner .tab_contents p.txtL {font-size: 1.125rem;}

.modal_overlay.modal_language {padding: 28px 0 0;}
.modal_language .modal_box {max-width: 1000px; max-height: 100vh; width: 1000px; padding: 30px 0;}
.modal_language .modal_box .area_wrap {height: 80vh; overflow: hidden; -ms-overflow-style: none; width: 100%;}
.select_btn {position: fixed; top: 0; z-index: 10002; width: 100%; background-color: #fff; height: 28px; padding: 5px 0 10px;}
#main > .select_btn {left: 30px;}
#language_area {width: 100%;}
.language_inner .tab_list_wrp {
  position: sticky;
  position: -webkit-sticky;
  top: 40px;
  background-color: #fff;
  margin: 0;
  z-index: 10003;
  padding: 0;}

.language_inner #detail_tab.select_btn {
  position: static;
  box-shadow: none;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  height: auto;
  padding-bottom: 1em;
}

.language_inner .tab_inner {width: 100%; max-height: 60vh; overflow: scroll;}
.language_inner .tab_contents {padding: 0;}
.language_inner .tab_contents h2.linegray22 {margin: 2em 0 0.2em; z-index: -1;}
/*.language_inner .tab_contents h2.linegray22 {margin: 2em 0 0.2em; padding-top: 250px; margin-top: calc(-250px + 2em);}*/
.language_inner #tab1 {position: static;}
.language_inner .tab_contents .btn_translate_wrp {
  position: sticky;
  position: -webkit-sticky;
  top: 90px;
  background-color: #fff;
  margin: 0 0 20px;
  box-shadow: 0 10px 5px rgba(255, 255, 255, 1.0);
  z-index: 10004;
  text-align: center;}

#main .language_inner .one-btn-box.blue.m-size a span:nth-child(1) {font-size: 1rem; font-weight: bold;}
#main .language_inner .one-btn-box.blue.m-size a span:nth-child(2) {font-size: .8125rem; margin-top: .2em;}

.language_inner .imgbtn-box { position: relative;margin: 0 auto 20px; width: 98.5%;}
.language_inner .imgbtn-box li {width: 48%; text-align: center;}
.language_inner .imgbtn-box li a {width: 100%; padding: 1.5% 0; height: 50px; box-sizing: border-box;}
#main .language_inner .imgbtn-box li p{margin: .3em 0 0; background-color: #fff;}
#main .language_inner .btn_translate_wrp span.cap { display: block; margin: .3em 0 0; background-color: #fff;}

/*.language_inner .imgbtn-box li.popular a {
  justify-content: center;
  background:url(/images/static/img/ic_crown.svg) no-repeat left 2.5em center / 22px auto,
  url(/images/static/img/arrow_btn.svg) no-repeat right 1em center / 8px auto;}*/

.language_inner .imgbtn-box li a {
  justify-content: center;
  background: url(/images/static/img/arrow_btn.svg) no-repeat right 1em center / 8px auto;}

.language_inner .imgbtn-box li.popular img {width: 20px; margin-right: .7em;}
.language_inner .imgbtn-box li.popular span {display: block; font-size: 1rem; padding: .1em 0 0; color: #ff2a07; font-weight:bold;}
.language_inner .imgbtn-box li.akisof img {width: 140px; padding-top: .4em;}

.language_inner .sbtn-box.ank {justify-content: space-between; width: 98.5%; margin: 20px auto 30px;}
.language_inner .sbtn-box li {margin: 0 0 10px 0;}
#main .language_inner .sbtn-box.ank li a {
  width: 100%;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 1em 0 1em 1em;
  margin: 0;
  font-size: .9375rem;
  background-image: url(/images/static/img/arrow_ankwh_btn.svg);
  background-size: 13px auto;
  background-position: 95% center;
  box-sizing: border-box;}

#main .language_inner .sbtn-box.ank li a.guide1{
  background: url(/images/static/img/arrow_ankwh_btn.svg) no-repeat right 1.25em center / 14px auto,
  url(/images/static/img/ic_cart_wh.svg) no-repeat 5% center / 50px auto, linear-gradient(to bottom, #ffc108 0%, #ffa100 100%);}
#main .language_inner .sbtn-box.ank li a.guide2 {
  background: url(/images/static/img/arrow_ankwh_btn.svg) no-repeat right 1.25em center / 14px auto,
  url(/images/static/img/ic_delivery_wh.svg) no-repeat 5% center / 50px auto, linear-gradient(to bottom, #77c5c8 0%, #049fab 100%);}
#main .language_inner .sbtn-box.ank li a.faq {
  background: url(/images/static/img/arrow_ankwh_btn.svg) no-repeat right 1.25em center / 14px auto,
  url(/images/static/img/ic_faq_wh.svg) no-repeat 5% center / 50px auto, linear-gradient(to bottom, #FE89A7 0%, #F1676B 100%);}  

.language_inner .tab_contents h2.smaller {font-size: 1.5rem; margin-bottom: .25em;}
.language_inner .tab_contents h2.smaller.sizedown {
    font-size: 1rem;
    margin-bottom: .2em;
/*    animation-name:sizedown_anime;
    animation-duration:.1s;*/
}
/*@-webkit-keyframes sizedown_anime{
    from{
        font-size: 1.5rem;
    }
    to {
        font-size: 1rem;
    }
}
@keyframes sizedown_anime{
    from{
        font-size: 1.5rem;
    }
    to{
        font-size: 1rem;
    }
}*/

#main .language_inner .tab_contents p.smaller {margin-bottom: 0;}
/*#main .language_inner .tab_contents p.smaller.sizedown {
    font-size: .8125rem;
    margin-bottom: .5em;
    animation-name:sizedown_anime2;
    animation-duration:.1s;
}
@-webkit-keyframes sizedown_anime2{
    from{
        font-size: 1.25rem;
        margin-bottom: 1.5em;
    }
    to {
        font-size: .8125rem;
        margin-bottom: .5em;
    }
}
@keyframes sizedown_anime2{
    from{
        font-size: 1.25rem;
        margin-bottom: 1.5em;        
    }
    to{
        font-size: .8125rem;
        margin-bottom: .5em;
    }
}*/


.language_inner .tab_contents .btn_translate_wrp h2.sizedown,
.language_inner .tab_contents .btn_translate_wrp p.sizedown {
    visibility: hidden;
    position: absolute;
    top: 1em;
}

#main .language_inner .one-btn-box.blue.m-size {margin: 0 auto; max-width: 400px; padding-top: .75em;}

.language_inner article {width: 98.5%; margin: 0 auto;}
.language_inner .read_area {position: relative; z-index: 2;}
.language_inner .sns_area {position: relative; margin: 30px 0 0;}
.language_inner .sns_qr {display: flex; justify-content: space-between; width: 92%; margin: 0 auto;}
.language_inner .sns_qr li {width: 30%;}
.language_inner .sns_qr li a {display: flex; background-color: #ebeff1; padding: .8em .3em; border-radius: 4px;}
.language_inner .sns_qr li span {display: flex; flex-direction: column; width: 50%; text-align: center; justify-content: center;}
.language_inner .sns_qr li span * {display: flex; align-self: center;}
.language_inner .sns_qr li span img {display: block;}
#main .language_inner .sns_qr li span p {margin: .5em 0 0; font-weight: bold;}
#main .language_inner .sns_qr li.twitter span p {color: #1da1f2;}
#main .language_inner .sns_qr li.facebook span p {color: #1877f2;}
#main .language_inner .sns_qr li.weibo span p {color: #d72922;}
.language_inner .sns_qr li span img.logo {width: 40px;}
.language_inner .sns_qr li span img.qr {width: 80%;}
#main .language_inner p.description {text-align: center; margin: 1em;}

.language_inner .table.tabular.col3 th {width: 33.33%;}
.language_inner .table.tabular.col3 th, .language_inner .table.tabular.col3 td {text-align: center; vertical-align: middle;}
.language_inner .arw-linklist {margin: 20px 0 20px;}
.transfer_area {margin-top: 20px; z-index: 3;}
#cn_guide2 {z-index: 2;}
.transfer_area .banner_list {display: flex; justify-content: space-between; flex-wrap: nowrap; width: 92%; margin: 0 auto;}
.transfer_area .banner_list a {display: block;}
.transfer_area .banner_list.col3 { width: 85%; justify-content: center; flex-wrap: wrap;}
.transfer_area .banner_list.col3 li {width: 25%; margin: 5px 1%;}
.transfer_area .banner_list.col3.spread li:nth-of-type(1) {margin-left: 12.5%;}
.transfer_area .banner_list.col3.spread li:nth-of-type(2) {margin-right: 12.5%;}
.transfer_area .banner_list.col4 li {width: 25%;flex-wrap: nowrap; margin: 0 1%;}
.banner_c {display: block; margin: 15px auto; max-width: 550px; width: 90%; text-align: center;}  /* 3597 E20230413 */


/* 20201119 1192 entry */
.card_box dt.txtN,
.card_box dt.txtXS {max-width:18%;width: 18%;}
.card_box dd {width: 78%;}
.card_box dd.txtN {display: flex; align-items:center; justify-content: flex-start;flex-wrap: wrap; width: 100%;}
.card_box dd .moreinfo_box {margin-left: auto; display: block; width: 100%;}
.card_box dd span.card { max-width: 90px;margin-bottom: -20px;}
.card_box dd span.card img {width: 90px;}

label[for=member-new1]::after{
 padding:.25em 1em;
 font-size: .75rem;
 content: 'おすすめ';
 background: #d00;
 margin: 0 6px;
 color: #fff;
 border-radius: .75em;}

/* 20201127 top ranking */
#aside h4.headline16 {/*display: flex; justify-content: space-between; align-items: center;*/}
p.ranking_data {display: flex; justify-content: space-between; align-items: center;}
#aside p.linktxt_right { display: block;margin-left: auto; text-align: right;font-weight: normal; line-height: 1.2;}
#aside p.txt_right {margin-left: auto; text-align: right;}
.linktxt_right a {
    background-image: url(/images/static/img/arrow_txtlink.svg);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: .45em auto;
    padding-right: .65em;
	font-size: .75rem;
    position: relative;
    text-align: right;
    display: inline-flex;
    justify-content: flex-end;
    margin-bottom: 0;}

/* 1192 20201128 */
.mem-infobox.new div.member-info { width: 50%; padding-bottom: 5px;}
.mem-infobox.new.credit div.member-info {width: 100%;}
#main .member-info p.txt-gray {margin-bottom: 5px;}
.mem-infobox.new div.point-info { width: 50%;}
.mem-infobox.new div.premium-info { width: 50%;padding-bottom: 5px; border-left: 1px #eee solid;}
.mem-inner div.bicpay-info, .mem-inner div.point-info {width: 50%;}
.premium-merit { border-top: 0; padding-top: 0; padding-bottom: 5px; }
.mem-infobox.new div.point-info {border-bottom: 0; border-left: 0;}
.mem-infobox.new .mem-inner .point_service {display: block;/* align-items: center; justify-content:space-between;*/ width: 100%;  padding: 5px 0 0 0; border-top: 1px #eee solid;}
.mem-infobox.new .mem-inner .point_service span {/*min-width: 35%; display: inline-flex; justify-content: flex-start;*/ display: block;padding:5px 0 0 0;}
#main .point_service span p.one-btn-box.ss-size {margin: 0 auto;}
#main .point_service span p.txtXS { letter-spacing: -.02em;font-size: .75rem;}
.premium-info h5.bold16.nomgb { margin-bottom: .65em; margin-top: 0;}
.mem-infobox.new .mem-inner div.bicpay-info {border-bottom: 0;}
.cardbox_new dt,.cardbox_new dd {display: flex; align-items:flex-start; justify-content: space-between;}
.cardbox_new dt span,.cardbox_new dd span {padding-right: .5em; width: 42.5%; text-align: left;}
/* 1192 20201202 */
.mem-infobox.new .coupon_info {/*display: block; *//*align-items: center; justify-content:space-between; */ width: 100%;text-align: center;    padding: 10px 0 10px 0;
    border-top: 1px #eee solid; display: flex; flex-direction: column; min-height: 80px;height: 40%; align-items: center; justify-content: center;}
.mem-infobox.new .coupon_info span {min-width: 35%; display: block; padding: 0 5px 0 0;}
#main span.coupon_btn p.one-btn-box {margin: 0 auto;max-width: 100%; }
#main span.coupon_btn p.one-btn-box a {width: 16em;}
.mem-infobox.new.credit div.member-info .coupon_info {max-width: 50%;}
#main p.nomgb { margin-bottom: .25em !important;}
#main p.no0mgb,p.no0mgb {margin-bottom: 0;}/*2021.11.04*/

.cardbox_new {padding-top: 10px;}

/* pay 20201211 */
.pay_icon {display: block; margin-top: 5px; padding-top: 5px; border-top: 1px #ddd solid;}
.pay_icon ul.payicon_list {display: flex; align-items: center; justify-content: flex-start; padding-top: 5px;}
.pay_icon ul.payicon_list li {width: 130px; border: 1px #ddd solid; border-radius: 6px; display: inline-flex; align-items: center; margin-right: 5px;}

.amazonpay_box {display: block; justify-content: center; margin: 5px auto;border-bottom: 1px #ddd solid;}
.amazonpay_box.bdrbtm label { padding-bottom: .75em;}
.amazonpay_box.nobdr {border-bottom: 0; /*padding-top: 8px;*/}
.amazonpay_box.nobdr.btn {width: 312px; margin-top: 0;}
.amazonpay_box.bdrt {width: 300px; height: 45px; border-top: 1px #ddd solid; padding-top: 15px; margin-top: 15px;}
.amazonpay_box.singlebtn {width: 70%; border-bottom: 0; padding-top: 15px; border-top:1px #ddd solid; margin-right: 0; text-align: center;}
.amazonpay_box.singlebtn img {max-width: 90%; margin: 0 auto;}
.amazon_btn { padding: 2px 2px 0px 0; text-align: center;}
.amazon_btn label {font-size: .75rem; text-align: left; margin-left: 0;display: block; line-height: 1.3; margin-top: .25em; /*2069*/ margin-bottom: .25em;}
.amazon_btn label.center {text-align: center;}/*2069*/
.amazon_btn > div {height: 65px;width:300px !important;}
.amazonpay_box.for_guest {margin: 15px auto; padding: 15px 0;border-top: 1px #ddd solid;}
.amazonpay_box.for_guest .amazon_btn {margin: 0 auto; height: 80px;}
.amazonpay_box.buy_purchase {margin: 15px auto 15px auto; padding: 15px 15px 0 15px;border: 1px #ddd solid; max-width: 55%; }
.amazonpay_box.buy_purchase  .amazon_btn {}
.amz_loginbtn {width: 100% !important; height: 45px !important;}
.amazonpay_box.buy_purchase_b {border: 1px #ccc solid; padding-top: 10px; margin: 10px auto; text-align: center;}
.amazonpay_box.buy_purchase_b .amazon_btn {margin: 0 auto; text-align: center; max-width: 40%;}
/*.amz_loginbtn {height: 58px;}*/

.pay_list li { display: flex; justify-content: space-between; align-items: center; width: 100%;}
.pay_list label { display: inline-flex; justify-content:flex-start;width: 100%;}
.pay_list label em {width: 15em;}

.incart table td.wrapbtn.amz {padding-bottom: 0;}
.inpurchase label strong {/*min-width: 14em; 1992 point*/ min-width: 19em;}
.amzn_btn {border-color: #a88734 #9c7e31 #846a29;
    background: linear-gradient(to bottom, #f7dfa5, #f0c14b);}
.button.inconfirm.amzn_btn {line-height: 1.2; padding: .25em 0;}
.brdt {border-top: 1px #eee solid; padding-top: 5px;margin-top: 5px;}
/* pay 2021.03.08 */
.paymethod_list {max-width: 298px;}
.paymethod_list li {width: 45px;}
#AmazonPayButtonM {height: 65px !important;}
#AmazonPayButtonM div.amazonpay-button-view3 {display: none !important;}
.amazonpay_box.nobdr.btn #AmazonPayButtonR {height: 73px;}
.amazon_btn > div .amazonpay-button-view3 {display: none;}
.inpurchase .fordetail {width: 7em; display: inline-block;}

/* pay 2021.03.15 */
#AmazonPayButtonR {height: 65px !important;}
#AmazonPayButtonM {height: 65px !important;}

@media screen and (max-width: 768px) {
.amazonpay_box {display: block; width: 100%; margin: 0 auto;}
.amazon_btn_ftbtn { padding: 0 ; width: 90vw; margin: 0 auto; height: 13vw; overflow: hidden;}
#AmazonPayButtonF,  /* 3034 2022.5 */
#AmazonPayButtonR,
#AmazonPayButtonM {width: 90vw !important; height: 20vw !important;}
.perchase_select label {width: 92%; display: flex;}
.inpurchase label strong {min-width: 50%;}.inpurchase .fordetail+.fordetail {margin-left: 0;}
.amazon_btn > div {width:100% !important;}}

/* language select CMS 調整分 2021.01 */
.language_inner .tab_contents .contents-main h2.linegray22 {margin: 0;}
#main p.list-name_SP {margin-bottom: 5px;}
#main p.stock, #main p.date {margin-bottom: 0;}

.etc-navi ul {display: flex; flex-wrap: wrap;}
.etc-navi .cell3 li {display: flex; justify-content: stretch; align-items: center;}
#main .contents-main a.txt-link {display: flex; align-items: center; width: 100%;}
#main .contents-main a.txt-link:hover {color: #fff;}

.read_area a.txt-link,article a.txt-link {font-size: .875rem;}
.language_inner article tr:nth-child(2n) {background: none;}

.sns_area {
 margin-bottom: 50px;
}

.sns_area .box {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 width: 100%;
}

.sns_area .box div {
 width: 32%;
 margin: 10px 0;
}

.sns_area .cell4 div {
 width: 24% !important;
 margin: 10px 0;
}

.sns_area div img {
 width: 100%;
 max-width: 400px;
}

.sns_area .mid {
 font-weight: bold;
 font-size: 120%;
}

.login span.login_logo img {height: 1.25em !important;}


/* 新規会員登録フォーム レイアウト修正 2021.02 */
.sofmapcard_select ul.ast {margin: .2em 0 1em;}
.sofmapcard_select ul.ast li {padding-bottom: 0;margin-bottom: 0;}

/* ソフマップカードpage 修正 2021.02 */
.table.pointcard {table-layout: fixed;}  /* for IE */

.guide .ic.label.member {
display: flex;
justify-content: flex-start;
align-items: center;
background-color: #eb5918;
border-color: #eb5918;
color: #fff;
border-radius: 5px;
border-style: solid;
border-width: 1px;
box-sizing: border-box;
background-repeat: no-repeat;
background-image: url(/images/static/img/contents/guide/service/pointcard/ic_benefit.svg);
background-size: 16px auto;
background-position: 97.5% center;
padding: .3em .4em;
margin: 0 .3em .5em;}


.guide .ic.label.member span:nth-child(1) {display: block; width: 68%; font-size: .5625rem; line-height: 1.2; white-space: nowrap;}
.guide .ic.label.member span:nth-child(2) {display: block; font-size: .9375rem; font-weight: bold;}


#aside.aside_sticky {position: sticky; top: 125px;}

/* productlist sticky */
#search_result_area > .tab_list {position: sticky;top: 78px; z-index: 999;}
#search_result_area > .paging_settings {position: sticky; top: 136px; z-index: 999; background-color: #fff;}
#search_result_area > .product_list + .paging_settings { position: relative; top: 0;z-index: 998;}
@media screen\0 {
#search_result_area > .tab_list {position: relative; top: auto;}
#search_result_area > .paging_settings {position: relative; top: auto; }}

/* 20210308　1826 */
.refine_list> dd ul.check.nolabel.check_img input[type="checkbox"] {display: none;}
.refine_list> dd ul.check.nolabel.check_img input[type="checkbox"] + label {display: inline-block;
    padding-left: 1.7em;
    text-indent: -1.7em; margin-left: 0;}
.refine_list> dd ul.check.nolabel.check_img li label > a {display: inline;
    max-width:100%;
    padding-left: 0;}
.refine_list> dd ul.check.nolabel.check_img input[type="checkbox"] + label::before {
    border-color: #adadad;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    content: "";
    display: inline-block;
    height: 0.75rem;
    margin-right: 0.5em;
    vertical-align: text-top;
    width: 0.75rem; }
    @media screen\0 {
    .refine_list> dd ul.check.nolabel.check_img input[type="checkbox"] + label::before {vertical-align: middle;}
    }
.refine_list> dd ul.check.nolabel.check_img input[type="checkbox"]:checked + label::before,
input[type="checkbox"].check_on + label::before/*1827*/ {
    background-color: #30b5ef;
    background-image: url(/images/static/img/ic_check.svg);
    background-position: center center;
    background-repeat: no-repeat; }
.refine_list> dd ul.check.nolabel.check_img input[type="checkbox"].check_half + label::before,
input[type="checkbox"].check_half + label::before {
    background-color: #30b5ef;
    background-image: url(/images/static/img/ic_check.svg);
    background-position: center center;
    background-repeat: no-repeat;opacity: .5;}

/* 202103 Pay払い */
.sbtn-box li a.amazonpay {padding: .9em 1.5% .6em 1.5%;}
.sbtn-box li a.paypay {padding: .75em 1.5%;}
.sbtn-box li a.amazonpay img {width: auto; height: 22px;}
.sbtn-box li a.paypay img {width: auto; height: 22px;}

/* 439 2021.03.23*/
.columnbox {margin-top: -100px; padding-top: 100px;}
/* 2169 */#main .columnbox a.button.line { position: relative; z-index: 1001;}
/* 202103 会員カード表示 */
.breadcrumb.pcOnly {display: flex;}
.card-infobox {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  background: #f2f2f2;
  padding: 0 0 35px 0;
  border-radius: 4px;}
#card-number, #pointcard, #amount {width: 50%;}

#card_wrap {
  animation-name: slideup;
  animation-duration: 1000ms;
  animation-timing-function: ease-in; 
  perspective: 150rem;
  -moz-perspective: 150rem;}

#barcord_wrap {padding: 38px 0 15px;}

#card_wrap .front {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 10px;
/*  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);*/
  margin: 0 auto;
  width: 80vw;
  max-width: 300px;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);}

#card_wrap .front .card_clone {width:80vw; max-width:300px; height: calc( 80vw * .63 ); max-height: 190px;position: relative;}
#card_wrap .front img{display:block; width:80vw;max-width:300px;border-radius:10px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
#card_wrap .front figcaption {position:absolute;bottom:1.2rem;left:1rem;}
#card_wrap .front figcaption.premium{color:#fff;}
#card_wrap .front figcaption.premium strong{color:#fff;}
#card_wrap .front figcaption span{margin-right:.65em;font-size:0.5rem;}
#card_wrap .front figcaption strong{font-size:0.8125rem;letter-spacing:0.1em;}

#barcord_wrap .back {
  display: inline-block;
  width: 375px;
  background: #fff;
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin: 0 auto;}
#barcord_wrap .back img{display: block; margin: 10px auto;}
#barcord_wrap .back figcaption {display: flex; align-items: center; flex-direction: column; line-height: 1.1;padding-bottom: 1em;}
#barcord_wrap .back #card_msg p {text-align: center; font-size: 0.6875rem; margin: 1em 0 0;}
#barcord_wrap .back #card_msg p.reload {display: none;}
#barcord_wrap .back figcaption span{font-size: 0.6875rem;}
#barcord_wrap .back figcaption strong{display:inline-block;font-size:1.1875rem;font-weight:normal;margin-bottom:0.65rem;text-align:left;text-decoration:none;}
#barcord_wrap .back figcaption .cd_time{display:block;line-height:2;}
#barcord_wrap .back figcaption .button{display:none; font-size: 0.75rem; line-height:2; padding: 0 .8em 0 .7em; cursor: pointer;}
#barcord_wrap .back figcaption .button.btn-reload-back-card img {display: inline-block; margin: 0; padding-right: .5em; margin-bottom: -.2em;width: 1em;height: 1.1em;}
#barcord_wrap .back #card_msg.end p {display: none;}
#barcord_wrap .back #card_msg.end p.reload {display: block;}
#barcord_wrap .back figcaption.end .cd_time{display:none;}
#barcord_wrap .back figcaption.end .button{display:inline-block;}

#amount .point_list {
  display: flex;
  list-style-type: none;
  justify-content: space-between;
  padding: .5em 1em .3em;
  position: relative;
  width: 375px;
  background: #0d87ce; /*old browser*/
  background: linear-gradient(#30b5ef 0%, #0d87ce 100%);
  box-sizing: border-box;}

#amount .point_list li{padding:2% 0;text-align:center;width:48%;}
#amount .point_list li:nth-child(1):after{
   content:"";
   display:inline-block;
   width:1px;
   height:2.6em;
   background-color:#fff;
   position:absolute;
   top: 1.2em;
   right: 50%;}
#amount .point_list span, #amount .point_list em, #amount .point_list strong {color: #fff;}
#amount .point_list span{display:block;font-size:0.6875rem;}
#amount .point_list em{display:block;font-size:0.875rem; padding: .2em 0 .4em;}
#amount .point_list strong{ font-size:1.25rem; margin-right:0.2em;}
#amount .point_list span.datebox {display: inline-block; padding: .1em .7em; background:rgba(255,255,255,0.15); border-radius: 1em;}

@-webkit-keyframes animatetop{from{top:-300px;opacity:0;}to{top:0;opacity:1;}}
@keyframes animatetop{from{top:-300px;opacity:0;}to{top:0;opacity:1;}}
@keyframes slideup {
  from {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadein{0%{opacity:0;}50%{opacity:0;}100%{opacity:1;}}

#period h5.bold16 {margin: 2em 0 .5em;}
#period h5.bold16 span.pcOnly {display: inline;}
#period h5.bold16 span {font-size: .8125rem; font-weight: normal;  padding-left: 2em;}
#period .table.tabular,#period .table.tabular th,#period .table.tabular td {border-color: rgba(195, 195, 195, .5); font-size: .8125rem;}
#period .table.tabular th {border-bottom-color: transparent; padding: 1em 0;}
#period .table.tabular td {padding: 1em 0;}

dl.dl-tbl, dl.dl-tbl dt, dl.dl-tbl dd {margin: 0;padding: 0; line-height: 1.8;}
dl.dl-tbl {width: 14.5em; display: flex; flex-wrap: wrap; margin: 0 auto;}
dl.dl-tbl dt {width: 10.5em; text-align: left;}
dl.dl-tbl dd {width: 4em;}

/*　2021.03 会員メニューリスト クーポン通知ラベル */
.member .local_menu li a.cpn_notice {position: relative;}
.member .local_menu li a.cpn_notice span {position: absolute; right: 12%;}
.member .local_menu li a.cpn_notice span i.ic.label.red-filled {
  border-color: #dd0000;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background: #dd0000;
  border-radius: 4px;
  display: inline-block;
  font-size: .75rem;
  line-height: 1.7;
  margin-right: 0.3em;
  padding: 0 1em;
  min-width: 7em;
  text-align: center;
  vertical-align: middle;}
.member .local_menu li .cpn_notice img {width: 0.9375rem; vertical-align: middle; margin-right: .3em;}

.member .local_menu li a.cpn_notice span i.ic.label.red-filled.fadein-out-loop {
  animation: fadein-out-loop 2.5s infinite;
}

@keyframes fadein-out-loop {
  0%   { opacity:1; }
  50%  { opacity:.1; }
  100% { opacity:1; }
}
@-o-keyframes fadein-out-loop{
  0%   { opacity:1; }
  50%  { opacity:.1; }
  100% { opacity:1; }
}
@-moz-keyframes fadein-out-loop{
  0%   { opacity:1; }
  50%  { opacity:.1; }
  100% { opacity:1; }
}
@-webkit-keyframes fadein-out-loop{
  0%   { opacity:1; }
  50%  { opacity:.1; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: fadein-out-loop 1s infinite;
   -moz-animation: fadein-out-loop 1s infinite;
   -o-animation: fadein-out-loop 1s infinite;
    animation: fadein-out-loop 1s infinite;
}
#main p.one-btn-box.mgl-0 {margin-left: 0;}
#main p.one-btn-box a {position: relative;}
#main p.one-btn-box a img.ic.card { position: absolute; left: 10%;}
#main.member .cardbox .one-btn-box.ss-size a {min-width: 14em;}

/*　2021.04 下からスライドボックス　*/
#cart #slide_box {
  width: 800px;
  border-radius:20px 20px 0 0;
  padding: 0 0 40px 0;
  position: fixed;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, .1);}
#cart #slide_box .btn_slide {display: flex; align-items: center; cursor: pointer; position: absolute; right: 20px; top: 20px; width: auto; height: 31px;}
#cart #slide_box .btn_slide img { width: 31px;height: 31px; padding-left: .4em;}
#cart #slide_box .btn_slide::before {content:"Close"; font-size: .875rem; color: #fff;}
#cart #slide_box.SlideDown .btn_slide img {transform: rotateX(180deg);}
#cart #slide_box.SlideDown .btn_slide::before {content:"Open";}
#cart #slide_box h2 {
  display: flex; justify-content: center; align-items: center; font-size: 1rem; font-weight: bold; color:#fff;height: 76px; padding-bottom: .3rem;
  background: rgba(48, 181, 239, 1); /*old browser*/
  background: linear-gradient(to bottom, rgba(48, 181, 239, 1) 75%,rgba(80, 193, 242, 1) 83%,  rgba(174, 226, 249, .7) 95%,#fff);
  border-radius: 20px 20px 0 0;
  box-sizing: border-box;}
#cart #slide_box a{
  display: block;
  width: 380px;
  font-size: .9375rem;
  color:#fff;
  text-align: center;
  line-height: 1;
  border: 1px #0075c1 solid;
  border-radius: 4px;
  background-color: #0075c1; /*old browser*/
  background-image: url(/images/static/img/arrow_btnwh.svg),linear-gradient(to left, #1895d8 20%, #0075c1 100%);
  background-repeat: no-repeat , no-repeat;
  background-position: 97.5% center, left;
  padding: 1.1em 0;
  box-sizing: border-box;
  margin: 1.2rem auto 1rem;}
#cart #slide_box p { font-size: .875rem; line-height: 1.8; margin-bottom: .6em; text-align: center;}

/*load時*/
@keyframes SlideIni {
  0% {opacity: 0;transform: translateY(100%);}
  50% {opacity: 0;}
  100% {opacity: 1;transform: translateY(0%);}
}

/*下から上*/
@keyframes SlideUp {
  0% {opacity: 1;transform: translateY(100%) translateY(-80px);} /* calc代用 IE対策 */
  100% {opacity: 1;transform: translateY(0%);}
}

/*上から下*/
@keyframes SlideDown {
  0% {opacity: 1;transform: translateY(0%);}
  100% {opacity: 1;transform: translateY(100%) translateY(-80px);} /* calc代用 IE対策 */
}
#cart #slide_box.SlideIni {animation: SlideIni 1s ease-in forwards;}
#cart #slide_box.SlideUp {animation: SlideUp .2s ease-in forwards;}
#cart #slide_box.SlideDown {animation: SlideDown .2s ease-in forwards;}

/* 1992 20210510 */
.inpurchase .attention_area {display: block; padding-left: 3em; margin-bottom: .5em;}
.note.txtS {font-size: .8125rem;}
.note.txtS li {padding-bottom: 0;}
li.disabled { opacity: .5;pointer-events: none;}

/*2043*/
.carousel_list .slick .slick-slide .product_name {display: -webkit-box;}
.item .carousel_list .slick.slick-slider {padding: 0 15px;}
.item .carousel_list .slick .slick-slide {padding: 30px 10px;}

/* 211 incart*/
.cart_list .itemimg_box {display: inline-flex; width: 190px; height: 160px; margin-right: 30px;align-items: center; justify-content: center;}
.cart_list .itemimg_box .img { display: block; width: auto;height: auto;max-height: 160px; max-width: 160px; margin-right: auto; margin-left: auto;}
ul.cart_list > li div.info {max-width: 640px;}

.details_list .itemimg_box {display: inline-flex; width: 155px; height: 155px; margin-right: 20px;align-items: center; justify-content: center;}
.details_list .itemimg_box .img { display: block; width: auto;height: auto;max-height: 150px; max-width: 150px; margin-right: auto; margin-left: auto;}
.details_list .info { max-width:610px;}

/* 506 / 2043 wishlist */
#main .button.cart{
    background: url(/images/static/img/ic_cartbutton.svg) no-repeat 10% center, linear-gradient(to bottom, #ffc108 0%, #ffa100 100%);
    border: none;
    color: #fff;
    font-size: 0.8125rem;
    width: 100%;
    text-align: center;}
#main .button:not(.submit).ss-size {display: block;line-height: 2.8;padding-left: 2.8em;max-width: 200px;margin-bottom: .35em;}
#main .button.closed {background-image: none;background: linear-gradient(to bottom, #dae1e5 0%, #bfbfbf 100%); padding-right: 2.8em;/*2256*/} /*3784*/
#main .button:not(.submit).ss-size.w100 {width: 100%; max-width: 100%;}


/*2044 20210601*/
.product_list.footbtn:not(.line-list) li { padding-bottom: /*2021.10.25 coupon 85px*/125px !important; position: relative;}
.product_list.footbtn:not(.line-list) li .footbox {position: absolute; top: calc(100% - 125px/*2021.10.25 coupon 85px*/); width: 91%;}
/* 2044 wishlist */
.product_list.wishlist.footbtn:not(.line-list) li { padding-bottom: 115px !important; position: relative;}
.product_list.wishlist.footbtn:not(.line-list) li .footbox {position: absolute; top: calc(100% - 115px); width: 91%;}



/* 461 credit */
.credittxt {display: flex; justify-content: space-between; align-items: center;}
.button.gray-ssbtn { display: block;background-color: #fbfbfb; border-color: #ccc; font-size: .75rem;line-height: 2;padding: 0 .8em; margin: .5em 0; background-image: url(/images/static/img/arrow_td_right.svg) ; background-position: 97.5% center; background-repeat: no-repeat; background-size: .5em auto; padding-right: 1.2em;}
.inpurchase .credit_info input[type="text"]:disabled,
.inpurchase .credit_info select[disabled] > option { color:#999; background-color: #f2f2f2;}
.inpurchase .credit_info select:disabled { background-color: #f2f2f2;}

/*2377 coupon*/
.list_set_gray {position: relative; z-index: 10;}

/* 2207 maintenance */
.nodisplay {display: none !important;}
.refine_list>dd.local_menu li a.disable { background:#f5f5f5; color:#999 !important;pointer-events: none;cursor: none; background-image:none;}
.mem-infobox.maintenance {}
.mem-infobox.maintenance .premium-info {display: none;}
.mem-infobox.new.maintenance div.member-info {width: 100%;}
.card-infobox.maintenance #barcord_wrap .back,
.card-infobox.maintenance #amount { display: none;}
.maintenance-txt {background-color: #fff;  width: 80%; margin-right: 20%; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; padding: 5%;}
#main .one-btn-box a.disable { background-color: #ddd; border-color: #ddd;pointer-events: none;cursor: none;}
.maintenance-box {display: block; border: 4px #f2f2f2 solid; padding: 5%;}
.menu a.disable {pointer-events: none;cursor: none; color: #999 !important;}
.card_box.disable {pointer-events: none;cursor: none; opacity: .5;}
.maintenance-note {display: block; border: 1px #ddd solid; padding: 15px 15px 0 15px; background-color: #fafafa;}
/* 2810 2022.01.18*/
.maintenance-txt.line-gray {margin-right: 0; border: 2px #ddd solid; width: calc(90% - 2px); padding: 20px 5%; margin-bottom: 30px;}

/* 2137 20210804 */
.indent-flex {display: flex; width: 100%;align-items: center; justify-content: flex-start; margin-bottom: 0 !important;}
.w12em {display: block;min-width: 12em;}


/* 2338 20210827 */
.btn-box.center {justify-content: center;}
.table.order_td td {border-bottom: none;} /*fb環境のみ 確認中*/
.table.order_td td:nth-child(1) {border-left: none;border-bottom: 1px #eee solid;} /*fb環境のみ 確認中*/

ul.disc.nomgl { margin-left: 0 !important;}

ul.ast li,ul.astRed li, ul.note li {font-size: .8125rem;}
ul.ast.txtL li,ul.astRed.txtL li, ul.note.txtL li {font-size: 1.125rem;}
ul.ast.txtM li,ul.astRed.txtM li, ul.note.txtM li {font-size: .875rem;}
ul.ast.txtS li,ul.astRed.txtS li, ul.note.txtS li {font-size: .8125rem;}
ul.ast.txtXS li,ul.astRed.txtXS li, ul.note.txtXS li {font-size: .75rem;}

div.policy_wrp {position: relative; margin-bottom: 1.5em;border: 1px #ddd solid; line-height: 0;}
div.policy_wrp::after { position: absolute;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 20%, rgba(255, 255, 255, 1) 100%);
    content: "";
    display: block;
    height: 25px;
    width: 100%;
    bottom: 0;
    z-index: 10;}
#form_address_info div.policy_wrp textarea.policy_area,
div.policy_wrp textarea.policy_area {margin-bottom: 0;border: 0; padding-bottom: 15px;}
/* regist form 20210904 */
select, .member_form select, .entry_form select {border-color: #ccc; line-height: 1; height: 2.08em;}
.member_form span, .entry_form span.block {display: inline-block;}
input[type="text"], input[type="email"], input[type="tel"], .member_form input[type="text"], .entry_form input[type="text"] {
  line-height: normal /* Safari対策 */;}


.entry_form input.postcode1,
.entry_form input.tel1{margin: 0 .5em 0 0;}
.entry_form input.tel2{margin: 0 .5em 0;}

.member_form li, .entry_form li {margin: 0;}
dl.dl-tbl.reigist {margin-left:2em; font-size: .75rem; padding-top: .2em;}
dl.dl-tbl.reigist dd:before {
  content: "：";
  display: inline-block;
  margin-left: -1em;
  padding-right: .2em;
  font-size: .75em;
}

ul.disc li::before {content:none;} /* リストの中のリストへの伝播対策 */
ul.disc > li::before  {
    content: "●";
    display: inline-block;
    margin-left: -1.2em;
    padding-right: .2em;
    font-size: .75em;
    line-height: 1.2;}

.note .decimal-no2 > li::before {display: none;}
.decimal-no2.nest {padding: 0;font-size: inherit;}
.decimal-no2.nest li {padding: .2em 0 0 0;}
.box-line.col {display: flex;justify-content: space-between; align-items: center;}
.box-line.regist h6 {margin: 0;}
#main .whbox .box-line.regist p.nomgb {margin-bottom: 0;}
#main .whbox .box-line.regist p.one-btn-box {width: 25%; margin: 0; line-height: 1;}
.card_box dd {width: 80%;}

/* 2338 2021.09.14 */
.login input[type="email"] {box-sizing: content-box;}

/* 2338 2021.09.21 zip_search_address */
#postcode {background-color: #F4F4F4; padding: 20px 0;}
#postcode #main.whbox {max-width: 82vw;width: 600px; margin: 0 auto ;padding: 3vw 4vw;}
.postbox {display: flex; margin: 0 auto 1rem; width: 60%; flex-direction: row; align-items: center; justify-content:center;}
.postbox span {padding: 0 .2em;}
#postcode .table.tabular th {text-align: center;}
.address_list {border-bottom: 1px #ddd solid; width: 100%;}
.address_list a {display: flex; flex-direction: row; padding: .75em .25em; align-items:center; justify-content:center; position: relative;}
#postcode .address_list > a { color: #333;}

.address-no {width: 10em; padding: 0 .5em; font-size: .875em;order: 0; }
.address-no::before {content: "〒"; display: inline-block; padding-right: .25em;}
#postcode p,
#main .address_list p {margin-bottom: 0;}
#postcode p.address-button { display: inline-block; width: 5em; font-size: .8125em; padding: .45em 0; order: 2;
background-color: #ebeff1;
margin: 0 0 0 auto;
    border: 1px #ebeff1 solid;
    border-radius: 4px;
    justify-content: center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-image: url(/images/static/img/arrowhead_r_gray.svg);
    background-size: 6px auto;
    background-position: 95% center;
    text-align: center;
    color: #666;}


/* 2338 2021.10.08 cart */
.modal_box.scrolloutside {padding: 30px 0;}
.modal_box.scrolloutside > h2,.modal_box.scrolloutside > h3 {margin-left: 30px;}
.modal_box.scrolloutside .area_wrap {padding: 0 30px;}
.modal_box.withfootbtn .area_wrap::after {display: block; content: ""; height: 35px;}
.modal_box.withfootbtn { position: relative;}
.modal_box.withfootbtn::after  { position: absolute;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 20%, rgba(255, 255, 255, 1) 100%);
    content: "";
    display: block;
    height: 25px;
    width: 100%;
    bottom: 75px;
    z-index: 10;}
.modal_box.withfootbtn {padding-bottom: 25px;}
.modal_box.withfootbtn .area_wrap {height:auto;max-height:  calc(67.5vh - 50px);}
.modal_box .table.tabular th {background-color: #fbfbfb;}
.modal_box p.one-btn-box {position: relative; z-index: 11;}
.flex-rows {display: flex; flex-direction: row;justify-content: space-around;}
.relative {position: relative;}
.relative .inconfirm {position: absolute;right: 20px; top: 14px;}


/* 2370 / 2499 20211015 */
#wrapper.item.soldout .wrapping_area .button.submit,
.button.submit.disable{ background-color: #ddd; border-color: #ddd;  pointer-events: none; cursor: none;}

/* 0911 coupon 20211016 */
.coupon_box {display: block; position: relative;overflow: hidden; padding: 1px; letter-spacing: 0; margin: 5px 0;}
.bg {display: block; background-color: rgba(255,144,0,.6); padding: 5px;}
.coupon_box i {
  position: absolute;
  display:block;
  top: 10px;
  left: -25px;
  width: 50px;
  padding: 2px 18px;
  background: #ff9000;
  box-shadow: 0px 0px 2px rgba(0,0,0,0.3); 
  color: #fff;
  text-align: center;
  transform: rotate(-45deg);
  font-style: normal;
  font-size: .65rem; line-height: 1.2; z-index: 3;}

.ticket-box {display: flex; background: #fff; border-radius: 3px; justify-content: space-between;}
.ticket-box.before {background: linear-gradient(to bottom, #ffffff, #ffffdc);}
.ticket-box.after {background: linear-gradient(to bottom, #ffffff, #eeeeee);}
.ticket-box span {display: inline-flex; padding: 6px 2px 4px;flex-direction: column; align-items: center; justify-content: center;flex-basis: 76%;}
.ticket-box span.ticket {border-left: 5px #ffbe7d dashed;flex-basis: 24%; padding-right: 0;}
.ticket-box span.ticket p {width: calc( 100% - 1em); margin: 0;}
#main .ticket-box span.ticket p {line-height: 1.3;}
a .arrow_or { display: inline-block; background-attachment: scroll; background-image: url(/images/static/img/arrowhead_r_orange.svg); background-position:right center; background-repeat: no-repeat; padding-right: .75em;}
.coupon_box h3 {display: block; color: #dd0000; font-size: 1em;text-align: center; margin: 0 auto; padding-left: 1em;}
.coupon_box h3 > em {font-size: 1.45em; font-weight: bold; padding-left: .15em; letter-spacing: -0.02em;}
.coupon_box a .bg {transition : .3s;}
.coupon_box a:hover .bg ,.coupon_box a:active .bg { opacity: .65;}
/* 2021.11.15 limit_close 追加 */
.coupon_box.limit_close .ticket-box.before {background: linear-gradient(to bottom, #ffffff, #eeeeee);pointer-events: none; cursor: none;}
.coupon_box.limit_close a:hover .bg ,.coupon_box.limit_close a:active .bg { opacity: 1;pointer-events: none; cursor: none;}
.coupon_box.limit_close h3 { color: #666;}
.coupon_box.limit_close .ticket-box span.ticket {background: linear-gradient(to bottom, #ccc, #bbb); color: #fff;}

#main.item .imgbox {z-index: 5;}
.ic_check { background-attachment: scroll; background-image: url(/images/static/img/ic_check_orange.svg); background-position:.75em center; background-repeat: no-repeat; background-size: 1.25em; padding-left: 1.5em;}
p > span.overline {text-decoration: line-through;}

#purchase_area .price.off {font-size: .75rem; padding-bottom: 1em;}
#purchase_area .price.off strong{font-size: 1.25rem;}

/* 0911 coupon productlist */
.product_list div.item_label {margin-top: -1.5em;}
.product_list .product_name {margin-bottom: 1.95em;}
.coupon-label {display: flex; font-size: .75rem; justify-content: center; align-items: center; margin:.25em 0;
background-color: rgba(255,144,0,.25);
    color: #333;
    padding: .25em 0; max-width: 200px;}
.coupon-label::before { content: ""; display: inline-block; width: 2em; height: 1.25em; margin-left: -.75em;
    background-image: url(/images/static/img/ic_coupon_or.svg);
    background-position: center; background-size: 1em auto;
    background-repeat: no-repeat;}

/* 0911 coupon topics */
.copon_topics-list {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-top: 1.5rem;}
.copon_topics-list li {width: 280px;order: 0; margin-bottom: 15px; padding-bottom: 65px; position: relative;}
.copon_topics-list li .footbox {
    position: absolute;
    top: calc(100% - 65px);width: 100%;}
.copon_topics-list::before, .copon_topics-list::after {
    content: "";
    display: block;
    height: 0;
    order: 1;
    width: 280px; }
.copon_topics-list li h3 {font-weight: bold;}
#main .copon_topics-list li p.date { letter-spacing: 0; font-size: .675rem; margin-bottom: .25em;}
.btn-coupon {}
#main .btn-coupon a { font-size: .8125em; background-color: rgba(255,144,0,.2); display: flex; align-items: center; justify-content: center; padding: .45em 0; border-radius: 3px; color: #333; line-height: 1;background-attachment: scroll; background-image: url(/images/static/img/arrowhead_r_orange.svg); background-position:97.5% center; background-repeat: no-repeat;}
.btn-coupon a::before { content: ""; display: inline-block; width: 2em; height: 1.5em; margin-left: -.75em;
    background-image: url(/images/static/img/ic_coupon_or.svg);
    background-position: center; background-size: 1.25em auto;
    background-repeat: no-repeat;}
/* 2021.11.15 limit_close 追加 */
.copon_topics-list li.limit_close::after { content: ""; width: 100%; height: calc(100% - 15px); position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.1);z-index: 10;}
#main .limit_close .btn-coupon a { background-color: #ddd; background-image: none;}
#main .limit_close .btn-coupon a::before {background-image: url(/images/static/img/ic_coupon_wh.svg);}

/* 0911 coupon member */
.mem-infobox.new div.coupon-info {width: 50%;display: inline-flex;flex-direction: column;align-items: center; justify-content: center;}
.coupon-info p > em {color:#dd0000; font-size:1.2em;}
.mem-infobox.new div.coupon-bnr {width: 50%;border-left: 1px #eee solid; display: inline-flex; align-items: center; justify-content: center;}
#main .coupon-info .one-btn-box.ss-size {width: 100%; margin-bottom: 0;}
#main a.ic_coupon_wh { position: relative;}
#main a.ic_coupon_wh::before { content: ""; display: inline-block; width: 2em; height: 1em; margin-left: -.75em;
    background-image: url(/images/static/img/ic_coupon_wh.svg);
    background-position: center; background-size: 1.25em auto;
    background-repeat: no-repeat;vertical-align: middle;}
.table.coupon_td th > h4 { width: 100%; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden; font-weight: bold;}
.table.coupon_td td.w74 {padding-bottom: .65rem;}
.product_box_wrap {}
.coupon_td span.coupon_bnr_box {width:180px; display: inline-flex; margin-right: 15px; align-items: center;}
.coupon_td span.coupon_item {display: inline-flex; flex-direction: column; width: 420px;}
.coupon_date {}
#main p.coupon_date {display: flex; font-size: .65rem; justify-content: center; align-items: center; margin:0 0 .45em 0;
background-color: rgba(255,144,0,.25);
    color: #333;
    padding: .35em 0; line-height: 1.4;}
#main p.coupon_date::before { content: ""; display: inline-block; width: 2em; height: 1.25em; margin-left: -.75em;
    background-image: url(/images/static/img/ic_coupon_or.svg);
    background-position: center; background-size: 1.25em auto;
    background-repeat: no-repeat;}

.item_info {display: flex;}
.table.coupon_td .product_box_wrap span.product_img {height: 100px; width: 100px;
    display: flex;
    align-items: center; justify-content: center;
    padding: 0px;}
.coupon_td .item_info span.product_img img {
    display: block;
    max-height: 100px;
    max-width: 100px;
width: auto;
height: auto;}/*20211108 2613*/
#main .coupon_td .item_info p.price {color:#dd0000; font-size: .8125rem;}
.coupon_td .item_info p.price em {font-size:1.25em; font-weight:bold; padding: 0 .2em;}
.product_box_wrap .product_detail {width: 300px;}
.coupon_td .item_info .product_name {font-size: .875rem; margin-bottom: .35em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 3em;
    line-height: 1.5;
    word-break: break-all;}
.table.coupon_td.closed {}
#main .coupon_td.closed .item_info p.price { color :#666;}
#main .closed .one-btn-box.blue.order_more a { pointer-events: none; cursor: none; background-color: #ccc; border-color:#ccc;}

#search_result_area > .paging_settings.nosticky {position: relative; top: 0; margin-bottom: .75em;}
#search_result_area > .paging_settings.nobdr { border-top: 0; border-bottom: 0; padding-top: 0;}
#search_result_area > .paging_settings.nosticky .right { position: absolute; right: 0; bottom: auto; top: .25em;}
.paging_settings.nosticky .right > .soat_list { margin: 0;}
#search_result_area > .paging_settings.nosticky p.pg_number_set {font-size: .75rem; bottom: auto; top: 1em;}
#search_result_area > .paging_settings.nosticky .pager-box {display: none;} 

/* 2367　2021.11  ご注文内容の確認 エラー表示関連 */
body.fixed {position: fixed;width: 100%;height: 100%;left: 0;}

  /* 3034追加　E2022.5  buyconfirm */
  .modal_close_alert .modal_box,
  .modal_bkpage_alert .modal_box{width:400px;padding:30px 0 20px;}
  .modal_close_alert .modal_box .area_wrap,
  .modal_bkpage_alert .modal_box .area_wrap{text-align:center;width:auto;height:auto;}
  .modal_close_alert .modal_box p{display:inline-block;width:max-content;margin:0;line-height:2.2;overflow-wrap:normal;}
  #main .modal_bkpage_alert .modal_box p{display:block;width:max-content;margin:0 auto 2em;line-height:1.8;overflow-wrap:normal;}
  .modal_close_alert .modal_box strong,
  .modal_bkpage_alert .modal_box strong{display:block;margin:0em 0 2em;font-size:.9375rem; font-weight: bold;}
  .modal_close_alert .modal_box .btn-box,
  .modal_bkpage_alert .modal_box .btn-box{display: block;margin: 15px auto 0;}
  .modal_close_alert .modal_box .btn-box span,
  .modal_bkpage_alert .modal_box .btn-box span{width:200px;margin:0 auto 10px;}
  #main .modal_close_alert .btn-box a.button.blue,
  #main .modal_bkpage_alert .btn-box a.button.blue{line-height:2;font-size: .8125rem;}
  #main .modal_close_alert .btn-box a.button.back.gray.close{background-image:none;line-height:2;position:inherit;font-size: .8125rem;}
  #main .modal_bkpage_alert .btn-box a.button.back.bg_blue.close{background-image:none;line-height:2;position:inherit;font-size: .8125rem;border-color: #30b5ef;background: #30b5ef; color: #fff; width: 210px;}
  .modal_close_alert a.button.back,#main a.button.close,
  .modal_bkpage_alert a.button.back,#main a.button.close{color:#066eb3;}
  .modal_bkpage_alert .modal_box .close:not(.openlink) {top: 25px; right: 25px;}
  /* 3034 end */

/*　2021.11.18 追加　*/
ul.ast li:last-child {padding-bottom: 0;}
#cart .box-line.alert ul.note {margin-left: -.5em;}
#cart .box-line.alert ul.note.nomgl {margin-left: 0;}
#cart .box-line.alert ul.note li:last-child {padding-bottom: 0;}
#cart .box-line.alert {margin: 10px 0;}
#cart .box-line.alert strong {margin-bottom: .3em;}
#cart .box-line.alert { border: 0; background: #ffeeee;}
.inconfirm.amzn_btn {top: 4px;}
#buy_confirm_payment_info .inconfirm.amzn_btn {top: 14px;}
#cart .box-red {padding: 15px;}
.confirm_table .inconfirm, .relative .confirm_table .inconfirm.amzn_btn {
    position: absolute;
    right: 20px;
    top: 10px;
    top: 14px;
    line-height: 1.9;
    padding: 0 1.8em;}
.register_card label {margin-left: -.5em;}
.inpurchase aside strong {display: block; font-size: .875rem; font-weight: bold; color: #d00; text-align: center;}
#cart .attention_area label.amazonpay {margin-left: 0;}
#cart .attention_area label.amazonpay + a {display: block;}
#cart .modal_box.withfootbtn::after {bottom: 65px;}
#cart ul.ast_list.box_red {border: 1px #d00 solid; padding: .5em; margin-bottom: 1em;}
#cart #aside.incart {padding: 15px;}
#cart #aside.incart .box-red {margin: 0 auto 20px;}
#buy_confirm_address_info h5 {font-size: 0.875rem;font-weight: bold; margin-bottom: .8em;}
.inpurchase .credit_info .credit_notes .policy_box,.member_form .credit_info .credit_notes .policy_box {border: none; padding: 0;} /*2034*/
.credit_notes textarea.policy_area {margin-bottom: 0;}


/* 2429 review改修 20211029 */
.reputation_box.detail {padding: 20px 0;}
.reputation_box.detail .repu_list {border-right-color: #fff;}
.reputation_box.detail .product_box{border-right-color: #ccc;
    border-right-style: solid;
    border-right-width: 1px;
    min-height: 160px;
    padding-right: 30px;margin-right: 30px;}
.reputation_box.detail .repu_list {padding: 0 30px;}
.reputation_box.detail .reputation {padding-right: 30px;}

#main.review .reputation_box.detail .price {color: #d00;font-size: .875rem;}
#main.review .reputation_box.detail .price strong {font-weight: bold;font-size: 1.25rem; }
#main.review .reputation_box.detail .product_box.soldout .price,
#main.review .reputation_box.detail .product_box.soldout .point { color:#999;}

#main.review .num_range {
  background-color: #f2f2f2;
  font-size: 1rem;
  padding:.5em 1em;
  text-align: right; margin-bottom: 0; }
#main.review .num_range strong {
    color: #d00; }
#main.review .num_range span {
    font-weight: bold; }
#main.review .review_list {/*margin-bottom: 35px;border-top-color: #ccc;
    border-top-style: solid;
    border-top-width: 1px;*/}
#main.review .review_list .review_info {max-width: 70%;}
#main.review .review_list li {align-items: stretch;}
#main.review .review_list li:last-child {border-bottom-width: 0;}
#main.review .review_list .cartbtn_wrap {width: 25%;padding: 0 2.5%; margin: 15px 0;}
#main.review .review_list .helpful_wrap {display: flex; flex-direction: column; width: 100%; justify-content: flex-end; align-items:center; margin: 15px 0 0 0;}
#main.review .button.cart:not(.closed) { padding-right: 20%;}
#main p.one-btn-box.nomgb_t {margin: 5px auto;}
#main.review .review_list p.one-btn-box.s-size a {padding: .5em 1.5% .35em 1.5%;}
#main p.txtXS > strong.txtM {font-size: 1.5em;}
input.button{ transition: all .2s;}
input.button:hover {opacity: 0.8;}
/*  // review paging　// */
#main.review .paging_settings { display: flex; justify-content:center; position: relative; margin-bottom: 0px; border-top-color: #ddd; background-color: #f2f2f2;}
#main.review .paging_bl {
  display: flex;
  justify-content: center;}
#main.review .paging_bl li {
  font-size: 0.8125rem;}
#main.review .paging_bl li:last-child a {
  border-right-color: #c9c9c9;
  border-right-style: solid;
  border-right-width: 1px;}
#main.review .paging_bl a {
  background-color: #fff;
  border-color: #c9c9c9;
  border-style: solid;
  border-width: 1px;
  border-right: none;
  color: #333;
  display: block;
  line-height: 2;
  text-align: center;
  width: 2.7em;}
#main.review .paging_bl a.current {
  font-weight: bold;background-color: #e1f7ff;}
#main.review .paging_bl img {
  vertical-align: middle;}
#main.review p.pg_number_set {
    position: absolute;
    left: 5px;
    bottom: 0.25em;
    font-size: .6875rem;
    margin-bottom: 0.2em;
    line-height: 1.2;}
#main.review .count_select {font-size: .75rem; display: flex; align-items: center; position: absolute; right: 8px;}
#main.review .count_select select {
      -webkit-appearance: none;
      appearance: none;
      background-color: #fff;
      background-image: url(/images/static/img/arrowhead_d_select.svg);
      background-position: 92% center;
      background-repeat: no-repeat;
      border-color: #b3b3b3;
      border-style: solid;
      border-width: 1px;
      border-radius: 0;
      box-shadow: none;
      font-size: 0.75rem;
line-height: 1.2;outline: none; min-height: 2em;
 padding: .375em 1em .375em 1em; margin-right: .5em;}


/* 2501 outofstock */
.cartsumtable td.price {padding-right:8px;}
ul.cart_list > li.outofstock { position: relative;}
ul.cart_list > li.outofstock::before {content: "";display: block; width: 100%; height: 100%; position: absolute;
 top: 0; left: 0; background-color: rgba(0,0,0,.03); z-index: 10;}
ul.cart_list > li.outofstock .warranty_area {display: none;}
ul.cart_list > li.outofstock .in_txtlinklist {position: relative; z-index: 11;}
#main ul.cart_list > li.outofstock .product_name a,
#main ul.cart_list > li.outofstock .price,
#main ul.cart_list > li.outofstock .point td {color: #666;}
#main .button.cart.disabled,
.button.cart.in.disabled {pointer-events: none; cursor: none; background: linear-gradient(to bottom, #dae1e5 0%, #bfbfbf 100%);}

/* 2338 2021.12 エラーメッセージ対応 */
.confirm_table .area_wrap span.error_txt {
    color: #d00;
    font-size: .75rem;
    display: block;
    padding-top: .15em;}
span.error_txt.ast {text-indent: -1em; padding-left: 1em;}
.confirm_table .area_wrap table td.error {background-color: #ffeeee;}
.register_card li.error {background-color: #ffeeee; padding: .5em 0;}
.register_card li.error span.error_txt {margin-left: 1.5em;}
#cart .box-line ul.note.nomgl {margin-left: 0;}
.box-red h5 {margin-bottom: .25em;}
.radio_wrp {display: flex; align-items: center;}
ul.note.delivery {margin: .5em 0 .5em 1em;}
.inpurchase .credit_info .register_card.error {margin-bottom: 0;}
.inpurchase .credit_info .register_card.error li,
.inpurchase .credit_info .register_card.error + .error_txt {background-color: #ffeeee;}
.inpurchase .credit_info .register_card.error + .error_txt {padding-left: 2.5em; margin-bottom: 15px;}
.point_select span.error_txt,
.perchase_select span.error_txt { color: #d00; font-size: .75rem; display: block; padding-top: .15em;}
.point_select dd {padding: 0;}
.point_select table tr:first-child th, .point_select table tr:first-child td {padding: 20px 20px 15px 20px;} 
.point_select table tr:nth-child(2) th, .point_select table tr:nth-child(2) td {padding: 15px 20px 20px 20px;} 
#main p.zeromgb {margin-bottom: 0 !important;}
.member_form span {display: inline-block;}
.entry_form span.block {display: block;}
#main .box-red {padding: 15px;}
#entry #main .box-red p {margin-bottom: 10px;}
/*#entry #main p.nomgb{margin-bottom: 0;}*/
.fieldset_wrp {display: flex; align-items: center;}
.modal_box.withfootbtn {min-height: 400px;}
.colsbox .column {padding-left: 1em;flex-basis: auto;flex-grow: 0;}
#auth_sns .sbtn-list li {width: 300px;}
#login .box-line.alert { border: 0; background: #ffeeee; margin-top: -.25em;}
#login .box-red {padding: 15px 20px;}
.member td.error a.error_point,
.member th a.error_point{padding-top: calc(87px + 1em); margin-top: calc(-87px - 1em); display: block;pointer-events: none;}

.arw-linkp {
    display: block;
    padding: 0 0 0 .65em;
    background-attachment: scroll;
    background-position: left .4em;
    background-repeat: no-repeat;
    background-size: 5px auto;
    background-image: url(/images/static/img/arrowhead_r_fill.svg);}
.form_box.mail {margin-bottom: .5em;}
.form_box.mail + .error_txt {margin-top: -.5em; margin-bottom: .5em;}
.fwnormal {font-weight: normal;}
td.merumaga fieldset {display: block;margin-bottom: .3em;}
.member_form table ul {margin: .5em 0 .25em;}
/*.member_form li {margin-bottom: .3em;}*/
.member_form td.password fieldset { display: block; width: 100%; margin: .25em 0 .75em;}
.member_form td.password fieldset span {padding: .15em .5em;}
.member_form td.password span {display: block;}
.in-block {display: inline-block !important;}
.entry_form input[type="text"].error,.member_form input[type="text"].error, input.error {background-color: #ffe6e6;border-color: #dd0000;}
.form_box dd > dl dt {width: 4em; padding: 0; padding-bottom: .2em;}
.form_box dd > dl dd {padding: 0; padding-bottom: .2em;}
.form_box dd > dl dt::after {content: ":"; padding-left: .2em;}
fieldset.block, .member_form fieldset.block, .entry_form fieldset.block {display: block; margin-bottom: .45em;}
#entry .box-red:nth-of-type(1) {margin-top: 0;}

/*auth_sofmap　auth_sns　id　→　lass変更*/
.auth_sofmap {width: 55%; padding: 0 55px 0 0; border-right-width: 1px; border-right-color: #eee; border-right-style: solid;}
.auth_sns {/*width: 45%;*/ padding: 0 0 0 55px; position: relative;}
.auth_wrp.new-member .auth_sofmap {padding-top: 53px;}
.auth_sofmap .btn-box.nomgn {margin: 0;}

.auth_wrp {align-items: flex-start;}
.auth_sofmap {width: 60%; border: none;}
.auth_sns {/*width: 40%;*/ margin-top: -1em; padding: 1em 30px 1.5em; background-color: rgba(244,244,244, 0.6);}
.auth_sns .sbtn-list {margin-bottom: 0;}
#main .auth_wrp.new-member .auth_sofmap .sbtn-list a,
.modal_register.login .auth_wrp.new-member .auth_sofmap .sbtn-list a {justify-content: center; padding-left:0;}

.auth_sns .sbtn-list li {width: 300px;}


/* 2275 2022.1 新規登録 お客様属性追加 */  
.entry #main .table.customer_attr label {margin-right: 2em;}
.entry #main .table.customer_attr td p {margin-bottom: .5em;}
.entry #main .table.customer_attr input.customer_name[type="text"] {width: 28em;}
.entry #main .table.customer_attr .industry_type select {
  display: block; width: 20em; background-position: right 1em center;margin-bottom: .5em;}
.entry #main .table.customer_attr .industry_type select:last-child {margin-bottom: 0;}
.entry .customer_detail,h4.headline18 span.customer_detail {display: none;}
.entry .customer_detail.selected {display: contents;}
.table.customer_attr { position: relative;}
/*.entry .customer_detail.selected::before {content: ""; border: 2px #30b5ef solid; position: absolute;left: 0; bottom:1px; width:calc(100% - 5px); height:calc(100% - 9.8em);z-index: 2;}
.entry #main .table.customer_attr .industry_type select,
.entry #main .table.customer_attr input,
.entry #main .table.customer_attr label {position: relative; z-index: 10;}*/
.table.mgb10 {margin-bottom: 10px;}
.table th.nopdb, .table td.nopdb {padding-bottom: .35em;}
p.padl6em {padding-left: 6.8em;}
.table > .customer_detail th { background-color: /*rgba(50,180,240,.1)*/ #edf8fc;}

/* 2338 2022.2.15 カートエラー　*/
#cart #aside.incart table th {position: relative;}
#cart #aside.incart table th span {position: absolute; top: 50%; transform: translateY(-50%); left: 0; white-space: nowrap;}
#cart #aside.incart table td.ast_stock {color: #333;font-size: .75rem;}

/* 2338 2022.2.16 お問合せ */
ul.note li::before {content:"\30fb";} /* 中黒「・」*/
#inquiry h4.headline18 span {margin-left: 2em;}
#inquiry .shop th {width: 15%; text-align: center;}
#inquiry .arw-linklistp {margin: 1em auto 2em;}
#inquiry a#mail { display: block; padding-top: calc(59px + 2em); margin-top: calc(-59px - 2em);}
#inquiry #form_inquiry textarea {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    width: 34em;
    height: 10em;
    font-size: 0.8125rem;
    line-height: 1;
    padding: 0.375em 0.5em;}
#form_inquiry select { width: 22em; background-position: center right 1em;}

/* 2842 20220218 product_list_used */
ul.product_list.used {}
.product_list.used.footbtn:not(.line-list) li {padding-bottom: /*2021.10.25 coupon 85px*/155px !important;}
.product_list.used.footbtn:not(.line-list) li .footbox { top: calc(100% - 155px/*2021.10.25 coupon 85px*/);}
.product_list::before, .product_list::after {width: 25%;}

/*---- 2864 2022.3 ボタンスタイルの整理 ----*/

.button.cart,
.button.cart.set {
border: none;
border-radius: 5px;
width: 100%;
color: #fff;
background: url(/images/static/img/ic_cartbutton.svg) no-repeat 10% center, linear-gradient(to bottom, #ffc108 0%, #ffa100 100%);
padding: 0;
text-align: center;}

/*　no-icon */
.button.cart.in,
#cart #main .button.cart.in {background-image: none; /*3784*/
background: linear-gradient(to bottom, #ffc108 0%, #ffa100 100%);} /*3784*/

/* 非活性ボタン */
.button.cart.closed,
.button.cart.in.closed,
#main .button.cart.closed,
#cart #main .button.cart.in.closed,
#detail_tab .button.cart.closed,
#main .button:not(.submit).ss-size.closed,
#detail_area .review .button.cart.closed,
.button.cart.disabled,
.button.cart.in.disabled,
#main .button.cart.disabled,
#cart #main .button.cart.in.disabled,
#detail_tab .button.cart.disabled,
#main .button:not(.submit).ss-size.disabled,
#detail_area .review .button.cart.disabled,
#main .button.cart.checkset.disabled,
.button.cart.disable,
.button.cart.in.disable,
#main .button.cart.disable,
#cart #main .button.cart.in.disable,
#detail_tab .button.cart.disable,
#main .button:not(.submit).ss-size.disable,
#detail_area .review .button.cart.disable,
#main .button.cart.checkset.disable {
background: linear-gradient(to bottom, #dae1e5 0%, #bfbfbf 100%);
pointer-events: none;
padding: 0;}

      /*　contents-page　*/
      #main.contents-page .button.cart {padding: 0;}
      #main.contents-page .product_list .button.cart {padding-left: 1em;}

      /*　review　*/
      #main.review .button.cart:not(.closed) {padding:0;}
      #detail_tab .button.cart {font-size: inherit;}

      /*　Amazon button　*/
      .button.inconfirm.amzn_btn {
      border-color: #a88734 #9c7e31 #846a29;
      background: linear-gradient(to bottom, #f7dfa5, #f0c14b);}  

      .button.submit.ss-size {
        padding: 0.65em 1em 0.65em 1em;
        line-height: 1;}

      /* 会員ページボタン */
      #main a.button.btn_search {border-radius: 5px;}
      #main .button:not(.submit).ss-size {padding-left: 1em;/*background-size: 1.7em; 2973 20221212*/
      background:url(/images/static/img/ic_cartbutton.svg) no-repeat 10% center/1.7em, linear-gradient(to bottom, #ffc108 0%, #ffa100 100%);}
        /* 2034 で追加 */
        .member #main .btn-box a.button.blue.line {background-color: transparent;padding: 0.375em 0;font-size: .875rem; line-height: 2.875;}
        .member #main .btn-box a.button.blue.line.no-arrow {background: transparent;}

        /* 3387 関連商品 */
        #main .button.cart {padding: 0;}
        #main .button.cart.checkset {
        padding-right: 0;
        padding-left: 1.5em;
        background: url(/images/static/img/ic_cartcheckset.svg) no-repeat 10% center, linear-gradient(to bottom, #ffc108 0%, #ffa100 100%);}

      /*　非活性ボタン */
      #main .one-btn-box a.disable,
      #main .one-btn-box a.disabled,
      #main .one-btn-box a.closed,
      #main .table.table.sns a.button.disable,
      #main .table.table.sns a.button.disabled,
      #main .table.table.sns a.button.closed {
        color: #fff; background-color: #ccc; border-color: #ccc; pointer-events: none;}
      #main .table.table.sns a.button.disabled {padding: 0;}
#main .one-btn-box.linebtn a.disabled { background-color: #ebeff1; color: #666; border-color: #ced5d8; pointer-events: none; background-image: none;}/*3097 20230502*/

/*---- 2864 2022.3 ボタンスタイルの整理 end ----*/

/* 2886 2022.3 多言語ページ */
.language_inner .tab_list.select_btn a {
  background-color: #f2f2f2;
  border-style: solid;
  border-width: 1px;
  display: block;
  line-height: 40px;
  color: #066eb3;
  cursor: pointer;}
.language_inner .tab_list.select_btn a:hover {opacity: 0.8;}
.language_inner .tab_list.select_btn {border-bottom: 0;}
.language_inner .tab_list.select_btn a.current { border:1px #30b5ef solid; color: #356bb3; background-color: #fff}
.language_inner .tab_list.select_btn a { line-height: 30px; border:1px #b2b2b2 solid; border-radius: 3px; padding: .3em 0 .15em; font-size: .8125rem;box-sizing: border-box;}
.language_inner .imgbtn-box li a {padding: 0;}
.language_inner .imgbtn-box li.akisof a img {width: auto; height: 50%; margin-top: 1%; padding: 0;}
.language_inner .imgbtn-box li.sofmap a img {width: auto; height: 45%; margin-top: 1%; padding: 0;}


/*　2022.3 新規登録　*/
.steps-3.entry_step .step1 i {
  background-image: url(/images/static/img/ic_pen.svg);
  background-size: auto 55%;}

.steps-3.entry_step .step2 i {
  background-image: url(/images/static/img/ic_confirm.svg);}

.steps-3.entry_step .step3 i {
  background-image: url(/images/static/img/ic_complete.svg);
  background-size: 50% auto;}

.card_box.disabled {pointer-events: none;cursor: none; opacity: .5;}
.btn-box {justify-content: center;}
#main .btn-box span.submit a.button.blue {background-image: none;}

dl.form_box {margin-top: -5px;}
dl.form_box dt {font-size: .75rem;color: #666; margin: 5px 0;}
dl.form_box dd {padding: 0; margin: 5px 0; min-height: 1.5em;} /*　min-height 建物名空欄対策 */
dl.form_box dt:last-of-type,
dl.form_box dd:last-of-type {margin-bottom: 0;}

/* 2775 2022.3 */
body {
-webkit-text-size-adjust: 100%;  /*PC版をスマホで閲覧する際の文字サイズ制御*/
}

#select-view {min-width: 1200px; text-align: center;font-size: .875rem; padding: 1em 0 2em; margin: 0 auto;}
#select-view a {color: #066eb3;}


/*　2338 2022.4 新規登録 */
#cart .entry_form form {display: block;}
#cart h2.noline22 {
    font-size: 1.375rem;
    margin: .5em 0 .75em;
    position: relative;}
.entry .whbox h2.noline22 {margin-top: .5em;}   
span.txtS {font-size: .8125rem;}
#cart form {display: flex; align-items: flex-start;}


/* 2338.2022.4.26〜 */
dl.form_box.in_dot dd {position: relative;}
dl.form_box.in_dot dd::before { content: "："; position: absolute; top: .2em; left: -1em;}
.area_wrap {overflow-y: auto;}
#inquiry a#mail {
padding-top: calc(87px + 1em);
margin-top: calc(-87px - 1em);
pointer-events: none;}
#inquiry #error_list {
display: block;
padding-top: calc(87px + 2em);
margin-top: calc(-87px - 2em);
pointer-events: none;}
#main ul.ast.error-txt li {padding-bottom: 0;}
#main ul.error-txt li > a span {display: block; margin-bottom: .2em;}


/*　member 2022.4.28〜　*/
.pager-box {display: none;}
.order_list .list_set_gray > div {display: flex;}
.member #main .order_list .paging_settings { position: relative; display: flex; justify-content: flex-end; align-items: center; border: none; padding: 0; margin: 0.5em 0 1em;}
.member #main .order_list .paging_settings:nth-of-type(1) {padding: 0 1.5rem 0 0; margin: 0;}
.member #main .order_list .paging_settings:nth-of-type(2),
.member #main .order_list .paging_settings:nth-of-type(3) {justify-content: center;padding: 0.5em 0;border-top: 1px #f2f2f2 solid; border-bottom: 1px #f2f2f2 solid;}
.member #main .order_list .paging_bl{display:flex;justify-content:center;}
.member #main .order_list .paging_bl li{font-size:0.8125rem;}
.member #main .order_list .paging_bl li:last-child a{border-right-color:#c9c9c9;border-right-style:solid;border-right-width:1px;}
.member #main .order_list .paging_bl a{background-color:#fff;border-color:#c9c9c9;border-style:solid;border-width:1px;border-right:none;color:#333;display:block;line-height:2;text-align:center;width:2.7em;}
.member #main .order_list .paging_bl a.current{font-weight:bold;}
.member #main .order_list .paging_bl img{vertical-align:middle;}
.member #main .order_list .paging_bl a.current{background-color:#e1f7ff;}
.member #main .order_list .soat_list { margin: 0 .5em 0 0; min-width: 10em;}
.member #main .order_list .soat_list dd,
.member #main .order_list .count_select dd{position: relative; padding-left: 1em;}
.member #main .order_list .count_select {display: flex;align-items: center;font-size: 0.75rem;}
.member #main .order_list .count_select select {
font-size: inherit; 
font-family: inherit;  
line-height: 1.2;
padding: 0.375em 1em 0.375em 1em;
min-height: 2em;
background-position: 92% center;}
.member dl.order_search dt {margin-right: .3em;} /* 3376 */
.member dl.order_search dd:before,
.member #main .order_list .soat_list dd:before,
.member #main .order_list .count_select dd:before {
  content: "：";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;}
.member dl.order_search dd {position: relative; padding: 0 1em; margin-right: .5em;}
.member dl.order_search:first-of-type dd::after {
  content: "|";
  color: #bbb;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;}
.member .order_list .list_set_gray .checkbox {display: flex; align-items: center;}
.member .order_list .list_set_gray .checkbox label {margin-left: 0.25em;}
.member .order_list .list_set_gray .checkbox label:first-of-type {margin-right: 1.5em;}
.member .order_date dt { position: relative; border: none; padding: 0 0.2em 0 1em;}
.member .order_date dt:first-child {padding-left: 0;}
.member .order_date dd {position: relative; border-right: 1px solid #ddd; padding: 0 1em 0 0.8em;}
.member .order_date dd:before {
  content: "：";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;}
.member .order_date dd:last-child {border: none;}
#main p.pg_number_set.member {
  position: absolute;
  left: 0;
  font-size: .6875rem;
  line-height: 1.2;
  margin-bottom: .5em;}
#main p.pg_number_set.member span {
  font-weight: bold;
  color: #d00;
  padding-right: .25em;
  font-size: .9375rem;}
#main p.pg_number_set.member i {
  font-style: normal;
  padding: 0 .25em;}
#main.member .order_list .product_box fieldset,
#main.member .order_status .product_box fieldset {margin: .5em 0;}/* 3376 2023.1 */

.member .barcode {width: 240px;height: 48px;}


/* 2338 2022.5.10〜 */
.inpurchase .credit_info .register_card.error + div .error_txt {background-color: #ffeeee;padding-left: 2.5em; margin-bottom: 15px;}

/* 3034追加　E2022.5  buyconfirm */
#cart #main .btn-2box {margin: 50px auto;}
#cart #aside a.button.continue { display: block; color: #30b5ef; line-height: 2.6; margin: 15px auto 0;}
#main .modal_bkpage_alert .btn-box a.button.bdr_blue{
  position: relative;
  background-color: #fff;
  border-color: #30b5ef;
  color: #30b5ef;
  font-size: .8125rem;
  width: 210px;
  line-height:2;}
#main .modal_bkpage_alert .btn-box a.button.bdr_blue::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url(/images/static/img/arrow_btn.svg);
  background-size: 6px auto;
  background-position: 96% center;
  transform: scale(-1,1);}
/* 3034 end */

/* 2338 placeholder E2022.6 */
@media screen and (min-width: 769px) {
input[type="text"].address2,
input[type="text"].address3_1,
input[type="text"].address3_2,
input[type="text"].address3_3,
.member_form input[type="text"].address2,
.member_form input[type="text"].address3_1,
.member_form input[type="text"].address3_2,
.member_form input[type="text"].address3_3,
.entry_form input[type="text"].address2,
.entry_form input[type="text"].address3_1,
.entry_form input[type="text"].address3_2,
.entry_form input[type="text"].address3_3 {width: 25em;}
}

/* 3077 */
.stock_shopinfo.mg1em {margin: 1em 0}
.tab_list.col3 { position: sticky; top: 78px; z-index: 1;}
.tab_list.col3 li {width:33%;}
.tab_list.col3 li:nth-child(4) { display: none;}

#purchase_area .shoponly {
border-color: #0075c1; border-style: solid; border-width: 1px; color: #fff; background-color: #0075c1; font-size: 0.8125rem; line-height: 2.15; margin-bottom: 25px; text-align: center;}
#purchase_area .button.forshop,
.button.forshop{border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    display: inline-block; width: 100%;
    font-size: 1rem;
    line-height: 2.875;
    padding: 0 1.8em;pointer-events: none; cursor: none;background-color: rgba(0,117,193,.1);border-color:#fff;color: #0075c1;}
.stock_shopinfo.mgb1em { margin-bottom: 1em;}
#main .cart.button.forshop {background:unset;pointer-events: none; cursor: none;background-color: rgba(0,117,193,.1);border-color: #fff;color: #0075c1;border-style: solid;border-width: 1px; padding: 0 0; text-align: center;}
 /* 20221012 */
.stock_shopinfo .product-info-area > h3 {font-size: .9375em;}
p.stock_shop {letter-spacing: -0.02em;}

/* 3108 2022.7 */
body.fixed {height: auto; min-height: 100%; overflow: scroll;}
body.fixed.noscr {overflow: auto;} /* 念の為auto */
body.fixed.inpurchase #header_center::before {top: 0;}

/* 3113 E2022.7 */
.modal_overlay.modal_zipcode {padding: 28px 0 0;}
.modal_zipcode .modal_box {max-width: none; max-height: 100vh; width: 700px; padding: 8px 0 0 0;}
.modal_zipcode .modal_box .area_wrap {height: 80vh; overflow: hidden; -ms-overflow-style: none; width: 100%; margin-top: 30px; border-radius: 5px;}
#postcode {padding-top: 0;}
#postcode #main.whbox {padding-top: 0;}
#postcode {background: #fff;}
#postcode #main.whbox {box-shadow: none; border: none; width: 100%;}
#postcode h4.headline18 + p {margin: 0 !important; padding: 0.65em 0;}
#postcode .postbox {margin: 0 auto; padding: .5rem 0 1rem;}
#postcode h5.bold16 {margin: 0; padding-bottom: 0.75em;}
#postcode .address-no {width: 8.8rem;}
#postcode p.address-button {width: 4rem;}
#postcode #main .address_list p:not(.address-button) {width: calc(100% - 8.8rem - 4rem - 3rem);}
#postcode p.pg_number_set{ display: inline; font-size:.6875rem; margin-left: .5em; font-weight: normal;}
#postcode h5.bold16 {border-bottom: 1px solid #ddd; padding-top: 0;font-size: .8125em;}
#postcode h5.bold16 p.pg_number_set span{font-weight:bold;color:#d00;padding-right:.25em;font-size: 1rem;}
#postcode .postbox {margin: 0 auto; padding: .5rem 0 2rem;}
#postcode h4.headline18,
#postcode h4.headline18 + p,
#postcode .postbox,
#postcode .hr_wrp,
#postcode h5.bold16 {position: sticky; width: 100%; background: #fff; z-index: 1;}
#postcode h4.headline18 {top: 0;}
#postcode h4.headline18 + p {top: 1.5rem;}
#postcode .postbox {top: 3.5rem;}
#postcode h5.bold16 {top: 6rem;}

/* 3089 regist_thanks E2022.7 */
#main a.button.line.no_arrow {background-image: none;}

/* 3118 buy_confirm E2022.7 */
#aside a.button.inconfirm {color: #666; display: block; margin: 1em auto 0;}
.box-red.error {background: #ffeeee;}
#buy_confirm_payment_info {padding-top: 1em; margin-top: -1em;}

/* 3029 E2022.7 */
#inquiry .shopinfo {column-count: 2;}
#inquiry .shopinfo dl {width: 98%; display: flex; font-size: .875rem; margin-bottom: 5px;}
#inquiry .shopinfo dl.mgb10 {margin-bottom: 10px;} /* 列の折返し位置調整用 */
#inquiry .shopinfo dt {width: 30%;background: #f2f2f2;padding: 1em 2em;}
#inquiry .shopinfo dd {width: 70%; padding: .8em 0;}
#inquiry .shopinfo dl dd ul {display: flex; flex-wrap: wrap;}
#inquiry .shopinfo dl dd li {position: relative; margin: .1em 0;}
#inquiry .shopinfo dl dd li::after {
content: "/";
position: absolute;
right: -.25em;
color: #ccc;
}
#inquiry .shopinfo dl dd li:last-child::after {content: none;}
#inquiry .shopinfo dl dd li a { padding: 0 .75em; display: inline-block;}

#inquiry .telinfo {display: flex; flex-wrap: wrap; justify-content: space-between;}
#inquiry .telinfo > dl {border: 1px solid #ccc; width: 48%; border-radius: 5px; text-align: center; padding: 1.25em 1.5em .75em; box-sizing: border-box; margin: 15px 0;}
#inquiry .telinfo > dl > dt {padding: 0em 0 .75em; border-bottom: 1px solid #dddada;}
#inquiry .telinfo > dl > dt {color: #0075c1;}
#inquiry .telinfo > dl > dd {padding: 1em 0 .5em;}
#inquiry .telinfo > dl > dd > dl dt {font-weight: bold;}
/*#inquiry .telinfo > dl > dd > dl dd .oswald {font-weight: bold; color: #0075c1;}*/
#inquiry .telinfo > dl > dd > dl.mobile dd { margin-top: .2em;}
#inquiry .telinfo > dl > dd > dl.mobile dd span { display:block; font-size: .875rem;}
#inquiry .oswald {font-family: 'Oswald', sans-serif;font-weight: 400;font-size: 1.8em;color: #0075c1;}
#inquiry #form_inquiry textarea.policy_area {
    width: 92%;
    height: 16em;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0em 4%;
    font-size: .75rem;
    color: #333;
    line-height: normal;
    margin-bottom: 0;
    border: 0;
    padding-bottom: 15px;
    box-sizing: content-box;}
#inquiry #shop h4 + p {margin-bottom: 1em;}
#inquiry #shop h4 + p span {padding-left: 4em;}

/* 3201 20220922 */
.w75 {max-width:75%; }
.mg-center {margin-left: auto; margin-right: auto; margin-top: 1.5em; margin-bottom: 1.5em;}
/*20230318*/
.mg-center.nomgt { margin-top: 0;}
.card-box2col {display: flex; flex-direction: row; justify-content: space-between; align-items: stretch;}
.card-box2col > div.box-line {width: calc((100% - 160px) / 2);}
.card-box2col > div.box-line div img {max-width: 320px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 5px;}

/* 3271 E2022.10 */
.modal_payment_info .payment_check {display: flex; align-items: center;}

/* 3214 3216 E2022.10 */
input[type="email"] ,input[type="password"]{width: 25em;}
.member_form td.password span {color: #666;}
.member_form td.password fieldset span.error_txt.ast {text-indent: -1em; padding-left: 1em;}
.member_form td.password fieldset span.error_txt {color: #d00;}

/* 2045とデザイン統一 E2022.10 */
.box-note {padding: 15px;}
ul.noindent li {font-size: .8125rem;}
.one-btn-box a {box-sizing: border-box;}
#main .member_form .btn-box span a.button {font-size: .875rem;}
#main .box-red p.nomgb {margin-bottom: 0 !important;}

/* 3226 E2022.10 */
table.order_status_detail th span.pcOnly {display: inline;}
#main p.pc-nomgb {margin-bottom: 0.25em;}

body.order_questionnaire table select {background-position: right 1.5em center;}
body.order_questionnaire .table.order_td td {padding: 1.25rem 2rem;}
body.order_questionnaire span.error_txt{ color: #d00; font-size: .75rem; display: block; padding-top: 0.15em; margin-left: 15px; width: 100%;}
body.order_questionnaire .order_td .box-red {width: calc(100% - 50px);  padding: 10px 10px 8px; margin-left: auto;margin-right: auto;}
body.box-note p.nomgb {margin-bottom: 0 !important;}
table.order_questionnaire .col2_reverse {display: flex; justify-content: space-between;flex-direction: row-reverse; flex-wrap: wrap; width: calc(100% - 15px);}

table.order_questionnaire img {align-self: flex-start;}
table.order_questionnaire img.Q_03 {width: 30%;}
table.order_questionnaire .radio_list {margin-left: 15px;}
table.order_questionnaire .radio_list:not(.has_img) li { margin: .5em 0; text-indent: -1.5em; padding-left: 1.5em;}
table.order_questionnaire .radio_list li label {position: relative; padding: .5em 3em .5em 0; margin-left: 1.5em;}
table.order_questionnaire .radio_list li label div {display: inline;}
table.order_questionnaire .radio_list.label-nopdr li label {padding-right: 0;}
table.order_questionnaire .radio_list .phrase-mgl {margin-left:1em;}

/* radio button */
table.order_questionnaire .radio_list li input {display: none;}
table.order_questionnaire .radio_list:not(.has_img) li label::before,
table.order_questionnaire .radio_list:not(.has_img) li label::after {
  position: absolute;
  border-radius: 50%;
  content: '';}
table.order_questionnaire .radio_list:not(.has_img) li label::before {
  top: 50%;
  transform: translateY(-50%);
  left: -1.5em;
  width: 1em;
  height: 1em;
  border: 1px solid #333;
  background-color: #fff;
  box-sizing: border-box;}
table.order_questionnaire .radio_list:not(.has_img) li label::after {
  top: 1em;
  transform: translateY(-50%) scale(0);
  left: calc(-1.5em + ((1em - .6em) * 0.5));
  width: .6em;
  height: .6em;
  background-color: #066eb3;
  opacity: 0;}
table.order_questionnaire .radio_list:not(.has_img) li input:checked + label::before {border: 1px solid #066eb3;}
table.order_questionnaire .radio_list:not(.has_img) li input:checked + label::after {opacity: 1;top: 50%; transform: translateY(-50%) scale(1);}
/* end radio button */

table.order_questionnaire .radio_list.has_img {
  display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: 0;}
table.order_questionnaire .radio_list.has_img li {margin: 15px 2%;width: 46%;}
table.order_questionnaire .radio_list.has_img li label {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0px 0px 6px 3px rgba(0,0,0,.05);
    border: 1px #eee solid;
    box-sizing: border-box;
    padding: 1.8rem;
    margin: 0;
    height: 100%;
    cursor: pointer;}

/* radio button */
table.order_questionnaire .radio_list.has_img li input:checked + label {border: 2px solid rgba(0, 117, 193,.8);}
table.order_questionnaire .radio_list.has_img li label::before,
table.order_questionnaire .radio_list.has_img li label::after {
  position: absolute;
  border-radius: 50%;
  content: '';}
table.order_questionnaire .radio_list.has_img li label::before {
  top: calc(30px + .2em);
  left: 30px;
  width: 1em;
  height: 1em;
  border: 1px solid #333;
  background-color: #fff;
  box-sizing: border-box;}
table.order_questionnaire .radio_list.has_img li label::after {
  top: calc(30px + .2em + ((1em - .6em) * 0.5));
  left: calc(30px + ((1em - .6em) * 0.5));
  width: .6em;
  height: .6em;
  background-color: #066eb3;
  opacity: 0;
  transform: scale(0);}
table.order_questionnaire .radio_list.has_img li input:checked + label::before {border: 1px solid #066eb3;}
table.order_questionnaire .radio_list.has_img li input:checked + label::after {opacity: 1;transform: scale(1);}
/* end radio button */

table.order_questionnaire .radio_list.has_img li .upper {padding-left: 1.6em;}
table.order_questionnaire .radio_list.has_img li .lower {margin-top: auto;}
table.order_questionnaire .radio_list.has_img li input {margin-top: .3em;}
#main table.order_questionnaire .radio_list.has_img li p.right {width: 100%;}
table.order_questionnaire .radio_list.has_img li img {display: block;width: 65%;margin: 0 auto;}
table.order_questionnaire .radio_list.has_img li hr {width: 100%;margin: 1rem 0 1.5rem;}
table.order_questionnaire .radio_list.has_img.imgR::after {content:'';width: 100%;}
table.order_questionnaire .radio_list.has_img.imgR li {justify-content: space-between; flex-direction: row; align-items: flex-start;}
table.order_questionnaire .radio_list.has_img.imgR li.noimg {justify-content: flex-start; order:1;}
table.order_questionnaire .radio_list.has_img.imgR li label {width: 100%; flex-direction: row; justify-content: space-between;}
table.order_questionnaire .radio_list.has_img.imgR li img {margin: 0;}
table.order_questionnaire .radio_list.has_img.imgR li p {padding-left: 1.6em;}
table.order_questionnaire .radio_list.has_img.imgR.img_small li img {width: 48%;}
table.order_questionnaire td input.room_area {width:5em; margin-left:15px;}
table.order_questionnaire td.error input.room_area {width:5em; margin:.5em 0 .5em 15px;}
body.order_questionnaire table td.error select {margin-top: .5em;}

#result.whbox {
  position: -webkit-sticky;
  position: sticky;
  bottom: -20px;
  width: 100%;
  padding: 40px calc(2rem + 15px) 20px;
  margin: 1rem auto;
  background: rgba(255, 255, 255, .9);
  box-sizing: border-box;}
#result dl,#result dt,#result dd {box-sizing: border-box;}
#result dl {display: grid;grid-template-columns:1fr 1fr; align-items: center; background: #fff; font-size: .875rem;}
#result dl.result_list dt,#result dl.result_list dd {padding: .5em; height: 100%;}
#result dl.result_list dd {font-size: 1.05em; text-align: right;}
#result dl.result_list:not(.total) dt:nth-of-type(odd),
#result dl.result_list:not(.total) dd:nth-of-type(odd){background-color: rgba(238,238,238,.5);}
#result dl.result_list dd span::after {content: "円(税込)～";font-size: 0.8em;padding-left: 0.2em;}
#main #result p.toggle_txt {
  position: relative;
  width: 100%;
  font-size: .9375rem;
  font-weight: bold;
  margin-bottom: 0;
  border-bottom: 1px solid #ddd;
  padding: 0 0 1em .5em;
  box-sizing: border-box;}
#main #result p.toggle_txt::after {
  position: absolute;
  content: "";
  top: 0;
  right: .5em;
  width: 1.5em;
  height: 1.5em;
  background: center / contain no-repeat url(/images/static/img/arrow_square_down.svg);}
#main #result p.toggle_txt.open::after {transform: scale(1, -1);}
#result .hidecontent {border-bottom: 1px solid #ddd;}
#result dl.result_list.total {display: grid; font-size: 1.125rem;}
#result dl.result_list.total dt{font-weight: bold;}
#result dl.result_list.total dt span {font-size: .8em;}
#result dl.result_list.total dd{font-weight: bold; font-size: 1.5em; color: #d00;}
#result dl.result_list.total dd span::after {font-size: 0.6em;}

.table.tabular th.q_num {width: 2%; text-align: center;}
.table td:before { display: block;float: left;min-height: 1em;content: "";} /* if cell is null */
.table.order_td.order_questionnaire_conf td > span {margin-left: 3rem;}
.table.tabular.order_status_detail tr td:last-of-type dl dd{ color: #999; margin-bottom: 1em;}

/* 3363 breadcrumb */
.wrp_brd.swiper-container {}
.wrp_brd.swiper-container{display: block;
  background-color: #fff;
  padding: 0 1em 0 0;
  color: #333;
  position: relative;
  max-width: 1200px;
  width: 100%;}
.wrp_brd.swiper-container .swiper-slide{width: auto;
  /*padding: 0 .65em; border-right: 1px #ddd solid;*/
  position: relative;
  white-space: nowrap;}
.wrp_brd.swiper-container .swiper-slide.maker-name{border-right: 1px #888 solid;
  padding: 0 .35em;}
.wrp_brd.swiper-container a{display: inline-block;
  text-align: center;}
.wrp_brd.swiper-container a.current{color: #333;}
.wrp_brd.swiper-container .swiper-wrapper{padding: 0 3em 0 0;
  flex-wrap: nowrap;
  display: flex;}
.wrp_brd.swiper-container .breadcrumb.swiper-wrapper::before{width: 1em;}
.wrp_brd.swiper-container .swiper-slide:first-child{padding-left: 0;}
.wrp_brd.swiper-container .swiper-slide:last-child{border-right: 0;
  margin-right: 3em;}

.wrp_brd .swiper-button-next,
.wrp_brd .swiper-container-rtl .swiper-button-prev{background: url(/images/static/img/arrowhead_slick_r.svg) 98% center / .45em auto no-repeat, linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 40%, #fff 100%);
  height: 99%;
  width: 1.75em;
  right: -1px;
  left: auto;
  z-index: 11;}
.wrp_brd .swiper-button-prev,
.wrp_brd .swiper-container-rtl .swiper-button-next{background: url(/images/static/img/arrowhead_slick_l.svg) 2% center / .45em auto no-repeat, linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 40%, #fff 100%);
  left: 0px;
  right: auto;
  z-index: 11;}
.wrp_brd .swiper-button-prev.swiper-button-disabled,
.wrp_brd .swiper-button-next.swiper-button-disabled{display: none;}
.ic_home{width: 1em;
  height: 1em;
  padding-right: .25em;
  display: inline-block;
  position: relative;
  z-index: 12;}
.ic_home img{width: 88%;}
.wrp_brd.swiper-container .breadcrumb::before{display: none;}


/* 3219 E2022.12 */
.clubs_upgrade .upg_box_container {display: flex; flex-direction: column;}
.clubs_upgrade .upg_box_container > div {margin: 0 0 3rem;}
.clubs_upgrade .upg_box_container .upg_pcn_box {margin: 0 0 2rem;}
.clubs_upgrade .upg_box_container.fw_upg_pcc .upg_pcc_box,
.clubs_upgrade .upg_box_container.fw_upg_pcn .upg_pcn_box{
  display:flex; order: -1; flex-wrap: wrap; margin: 0 0 2rem;}
.clubs_upgrade * {box-sizing: border-box;}
.clubs_upgrade input[type="radio"]{display: none;}
.clubs_upgrade .radio_container.whbox {
  border: 2px solid #fff;
  box-shadow: 0px 0px 6px 3px rgba(229, 229, 229, .8);
  margin: 0;
  padding: 30px 30px 30px 0;}
.clubs_upgrade .radio_container {
  display: grid;
  grid-template-columns: 260px 1fr;
  grid-template-areas:
    "img headline"
    "img info"
    "button moreinfo";
  width: 100%;
  margin-left: 0;}
.clubs_upgrade .radio_item_img {grid-area: img;}
.clubs_upgrade .radio_item_headline {grid-area: headline;}
.clubs_upgrade .radio_item_info {grid-area: info;}
.clubs_upgrade .radio_item_button {grid-area: button;}
.clubs_upgrade .radio_item_moreinfo {grid-area: moreinfo;}
.clubs_upgrade .radio_item_img {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 260px;}
.clubs_upgrade .radio_item_img img {width: 200px;margin-bottom: 10px;}
.clubs_upgrade .radio_container .btn_upgrade{
display: block;
width: 180px;
justify-content: center;
font-size: .875rem;
font-weight: bold;
text-align: center;
line-height: 2.43;
border-radius: 6px;
color: #30B5EF;
border: 2px solid #30B5EF;
background: #fff;
margin: 0 auto;}
.clubs_upgrade input + .radio_container {pointer-events: none;}
.clubs_upgrade .radio_container .btn_upgrade {pointer-events: auto;}
.clubs_upgrade .radio_container .toggle_txt {pointer-events: auto;}
.clubs_upgrade input:checked + .radio_container {
border: 2px solid #30b5ef;
background: rgba(48,181,239,0.05);
box-shadow: none;}
.clubs_upgrade .radio_container .btn_upgrade:hover {
   color: #fff;
   border: 2px solid #30b5ef;
   background: #30b5ef;}
.clubs_upgrade .only_upg_pcc input:checked + .radio_container {
border: 2px solid #fff;
background: transparent;
box-shadow: 0px 0px 6px 3px rgba(229, 229, 229, .8);}
/*.clubs_upgrade .only_upg_pcc .radio_container .btn_upgrade {display: none;} 3642 20230522*/
.clubs_upgrade .radio_container.selected .btn_upgrade {
border: 2px solid #30b5ef;
background-color: #30B5EF;
color: #fff;}
.clubs_upgrade .radio_item_headline {
font-size: 1.125rem;
color: #066eb3;
font-weight: bold;
margin-bottom: 20px;}
.clubs_upgrade .table_premium_club {
display: grid;
grid-template-columns: repeat(auto-fill, 25%);
align-items: stretch;
margin-bottom: 24px;}
.clubs_upgrade .table_premium_club > div:nth-of-type(n + 2) {margin-left: -1px;}
.clubs_upgrade .table_premium_club dt {
text-align: center;
font-size: .8125rem;
font-weight: bold;
background: #f2f2f2;
border: 1px solid #c3c3c3;
line-height: 2.5;}
.clubs_upgrade .table_premium_club dd {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: calc(100% - (.8125rem * 2.5));
padding: 10px 0;
background: #fff;
border: 1px solid #c3c3c3;
margin-top: -1px;
font-size: .6875rem;}
.clubs_upgrade .table_premium_club dd .fs-12 {font-size: .75rem;}
.clubs_upgrade .table_premium_club dd em {
display: block;
font-weight: bold;
font-size: 1.6em;}
.clubs_upgrade .table_premium_club dd em.block {display: block;}
.clubs_upgrade .box-line {
background: #fff;
margin-left: 0;
margin-bottom: 0;
padding: 15px;}
.clubs_upgrade ul.box-line.note li {position: relative;}
.clubs_upgrade ul.box-line.note li span {padding: 0;}
.clubs_upgrade ul.box-line.note li::before {
position: absolute;
width: 0.7em;}
#main .clubs_upgrade .box-line p {font-size: .75rem;}
.clubs_upgrade .toggle_inlabel {
  position: relative;
  font-size: .875rem;
  font-weight: bold;
  line-height: 2.5;
  background: #f2f2f2;
  padding: 0 15px;
  margin: 0;}
.clubs_upgrade .toggle_inlabel::after {
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 22px;
  height: 22px;
  background-image: url(/images/static/img/ic_plusBox.svg);
  background-size: 100%;
  background-position: center;}
.clubs_upgrade .toggle_inlabel.open::after {
  background-image: url(/images/static/img/ic_minusBox.svg);}
.clubs_upgrade .dl_moreinfo {display: grid !important;grid-template-columns: 13em auto;font-size: .8125rem;}
.clubs_upgrade .dl_moreinfo dt {font-size: 1.02em;}
.clubs_upgrade .dl_moreinfo dd,
.clubs_upgrade .dl_moreinfo dd * {font-size: .8125rem;}
.clubs_upgrade .dl_moreinfo dd ol.decimal {margin-left: 0;letter-spacing: -.02em;}
.clubs_upgrade .dl_moreinfo dd ol.decimal li {margin-bottom: 0.5em;}
.clubs_upgrade .dl_moreinfo dd ol.decimal li:last-of-type {margin-bottom: 0;padding-bottom: 0;}
.clubs_upgrade .dl_moreinfo dd ol.decimal li span {padding: 0;}
.clubs_upgrade .dl_moreinfo dt, .dl_moreinfo dd {border-bottom: 1px solid #ddd;padding: 15px 0 15px 15px;}
.clubs_upgrade .dl_moreinfo dd {padding: 15px 0;}
.clubs_upgrade .clubs_upgrade .banner_container {width: 700px;margin: 30px auto 60px;}
.clubs_upgrade .mgl01m {margin-left: -1px;}
.clubs_upgrade .modal_box {
  margin: 0 auto;
  width: 880px;
  padding: 30px 30px 10px;}
.clubs_upgrade .banner_container {width: 700px;margin: 30px auto 60px;}
.clubs_upgrade div.policy_wrp {width: 100%;}
.clubs_upgrade textarea.policy_area {width: 100%; font-family: inherit;}
.clubs_upgrade .txt11 {font-size: .6875rem !important;}
.clubs_upgrade .txtXS {font-size: .75rem !important;}
#main .btn-box a.button.no-bgimg,
.btn-box a.button.no-bgimg {background-image: none; cursor: pointer;}

/* 3219 textarea 20230315 */
.modal_box > div.policy_wrp textarea.policy_area {height: 28em; padding-top: 1em;}

/* 2034 */
.relative {position: relative;}
.relative > .absolute-right {position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.normal {font-weight: normal;}
.credit_update label {font-size: .9375rem;}
.credit_update .btn-box {display: none;}
.credit_update .btn-box.show {display: block;}

/* 3394　2023.01.06 */
#commitment_searchbox .pricebox .input_num {padding: 0.25em 1.5em 0.25em 0.5em;}

/* 3414 */
.slick {display: none;} 
.slick.slick-initialized {display: block;} /* ロード時の縦並び回避 */
.recommend_slider_area.col2 {display: flex;/*20230301*/ justify-content: space-between;}
section.recomlist.col2{width: calc(40% - 10px); margin-right: 10px;}  /* 2023.2 */
section.recomlist.col3{width: calc(60% - 10px); margin-right: 10px;}
section.carousel_list.col2 {width: calc(40% - 10px); margin-left: 10px;}
section.carousel_list.col3 {width: calc(60% - 10px); margin-left: 10px;}  /* 2023.2 */
/* 2023.2 */
section.recomlist.col2 ul.product_list.recomlist li,
section.recomlist.col3 ul.product_list.recomlist li,
section.carousel_list.col2 ul.product_list.recomlist li,
section.carousel_list.col3 ul.product_list.recomlist li {width: 150px; max-width: none;}
/* 20230301 */
section.recomlist-new,
section.carousel_list { width: 100%;}
h2.linegray18,
.carousel_list h2.linegray18 {display: block;width: 100%; font-size: 1.125rem;
    border-bottom: 1px #cccccc solid;
    padding-bottom: 0.45em;
    margin-bottom: 0.25em;
    position: relative;}
ul.product_list.recomlist-new{margin: 0 5px;}
ul.product_list.recomlist-new li {width: 190px; max-width: none; border-bottom: none;}
ul.product_list.recomlist-new .product_name {-webkit-line-clamp: 2;height: 3.25em; margin-bottom: 0;}
.recommend_slider_area.col2 section.recomlist-new,
.recommend_slider_area.col2 section.carousel_list {width: calc(50% - 10px); display: inline-flex;flex-direction: column; align-items: flex-start;}
.recommend_slider_area.col2.ratio-1_3 > section.recomlist-new {width: calc(25% - 10px);}
.recommend_slider_area.col2.ratio-1_3 > section.carousel_list {width: calc(75% - 10px);}
.recommend_slider_area.col2.ratio-3_1 > section.recomlist-new {width: calc(75% - 10px);}
.recommend_slider_area.col2.ratio-3_1 > section.carousel_list {width: calc(25% - 10px);}

ul.product_list.recomlist-new.slick li.slick-slide { padding: 10px 15px;}
ul.product_list.recomlist-new.slick .slick-prev, ul.product_list.recomlist-new.slick .slick-next { opacity: 0;transition : all 0.5s ease 0s;}
ul.product_list.recomlist-new.slick:hover .slick-prev,ul.product_list.recomlist-new.slick:active .slick-prev,
ul.product_list.recomlist-new.slick:hover .slick-next, ul.product_list.recomlist-new.slick:active .slick-next {opacity: 1;}
ul.product_list.recomlist-new.slick .slick-next {background-image: url(/images/static/img/slide_btn_right.svg);background-size: cover; width: 15px; height: 30px;}
ul.product_list.recomlist-new.slick .slick-prev {background-image: url(/images/static/img/slide_btn_left.svg);background-size: cover; width: 15px; height: 30px;}
/* 20230315 img flex-center */
ul.product_list.recomlist-new li a:first-child {max-height: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center; padding-bottom: 5px;}
ul.product_list.recomlist-new li a img { max-height: 120px; max-width: 150px;}

/* 3376 member order_list */
.member .product_box span,
.options_list .product_box span {width: auto;}
.member_form.order_list input.order_date {width: 10em;}
#main .orderlist_wrp-head p {margin: 0;}
.orderlist_wrp {display: flex; flex-direction: column; border: 1px #ccc solid; margin-bottom: 20px;}
.orderlist_wrp-head {
  display: grid;
  /*grid-template-columns: 240px 1fr 1fr 1fr; 3503 20230525*/
  /*  grid-template-columns: 300px 1fr 1fr 1fr; 3503 20230613*/
  grid-template-columns: 330px 1fr 1fr 1fr;
  background-color: #fbfbfb;
  border-bottom: 1px #ddd solid;
  /*padding: 15px 25px 15px 20px; 3503 20230525*/
  padding: 15px 10px 15px 10px;}

.orderlist_wrp-head.unpaid {background-color: #ffeeee;}
.member_form.delivery_status .orderlist_wrp-head,
.member_form.order_status .orderlist_wrp-head {/*grid-template-columns: repeat(2, 1fr);*/grid-template-columns:1.5fr 2fr 1fr; align-items: center;border: 1px #ccc solid;margin-bottom: 20px;flex-wrap: wrap;/* padding-top: 15px;padding-bottom: 15px;*/}
.orderlist_wrp-head span {/*padding: 10px 0;*/}
.orderlist_wrp-head span.align-top {align-self: flex-start; flex-wrap: wrap;}
.order_dl_grid { display: grid; grid-template-columns: auto 1fr; font-size: .8125rem; gap: .4em .3em; align-items: center; margin-bottom: .3em; padding-right: .75em; margin-right: .75em; position: relative;}
  .order_guest .order_dl_grid { font-size: .75rem;}
.order_dl_grid dt {position: relative; display: inline-flex; min-height: .75em; white-space: nowrap;} /* 3376 E202304 */
.order_dl_grid dt.enquet-link > p {position: absolute; bottom:-.5em; white-space: nowrap;}
.order_dl_grid dd {position: relative; padding-left: .7em;white-space: nowrap; min-height: 1.5em;} /* 3376 E202304 */

.delivery_status .order_day .order_dl_grid dd {min-width: 10.5em;}  /* 3376 E202304 */

.order_dl_grid dd::before {position: absolute; left: 0; content: ":";}
.member_form.order_list .paging_settings .soat_list dt,
.member_form.order_list .paging_settings .count_select dt {margin-right: .3em;}
#main .orderlist_wrp-head p a.arw-linktxt {margin: .3em 0 0 0;}
#main .member_form.order_status .orderlist_wrp-head p a.arw-linktxt {margin: 0 0 0 .65em;}
#main .orderlist_wrp-head p.one-btn-box {width: 100%;/* 3376 20230413*/ margin-top: .25em; margin-left: auto; margin-right: auto;}
#main .orderlist_wrp-head p.one-btn-box a {font-size: .8125rem; background-color: #fff;padding: .8em 1.5% .8em 1.5%; cursor: pointer; /*width: 180px; 3503 20230613*/width:165px; margin: 0 auto;}
#main .orderlist_wrp-head p.price_info,
#main .orderlist_wrp-head p.delivery_info,
#main .orderlist_wrp-head p.order_status_info {text-align: center; margin-bottom: .6em;}
#main .delivery_status .orderlist_wrp-head p.delivery_info {margin-bottom: 0;}
#main .orderlist_wrp-head p.price_info.right {text-align: right; padding-right: 1em;}
#main .orderlist_wrp-head p.price_info.right > em { /*display: block; min-width: 90px; 20230413 */}/*20230320*/
.orderlist_product > li {padding: 18px 20px 18px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;flex-wrap: wrap; border-bottom: 1px #ddd solid;}
.options_list {margin-bottom: 50px;}
.member_form.order_list .orderlist_product>li:last-child,
.member_form.delivery_status .orderlist_product>li:last-child,
.member_form.order_status .orderlist_product>li:last-child,
.options_list .orderlist_wrp.product .orderlist_product > li:last-child {border-bottom: 0;}
.orderlist_product > li .btn_wrp {width: 225px;padding-right: 10px;padding-left: 15px;/*padding-top: 1.875rem; 20230322*/}
.orderlist_product.options>li .btn_wrp {padding-top:10px;}
.orderlist_wrp.product .orderlist_product>li .btn_wrp {padding-top: 0;}
.options_head .btn_wrp {width: 225px;padding-right: 10px;padding-left: 15px;}
.orderlist_product > li .btn_wrp input {margin-bottom: 10px; /* padding-right: 18%; 3387 E2023.5 */}
#main .orderlist_product>li .btn_wrp .button.cart {line-height: 3.3;}
#main .orderlist_product>li .btn_wrp > p {margin: 0;}
.orderlist_product > li .btn_wrp p a {margin-bottom: 10px;}
.orderlist_product.options>li .btn_wrp > *:last-child a {margin-bottom: 0;}
.orderlist_product > li .btn_wrp p a.fav_btn { font-size: .75rem;display: flex;justify-content: center;align-items: center;}
.orderlist_product>li .btn_wrp p a.fav_btn span {margin-top: .2em; line-height: 2.7;}
.orderlist_product > li .btn_wrp p a.fav_btn.review img {width: 1.25em; height: auto;}
#main .orderlist_product > li .order_status {display: block; border-bottom: 1px #ddd solid; margin-bottom: .75em ; padding-bottom: .5em;}
.orderlist_product > li .product_box { display: grid; grid-template-columns: 156px 1fr; align-items: flex-start; max-width: none; width:100%;/* 3376 20230322*/}
.orderlist_product.ordered>li:last-of-type {border-bottom: none;}
.orderlist_product.ordered>li .product_box {width: calc(100% - 250px);}
.orderlist_product.ordered>li .product_box .product_img {width: 100%; height: auto;}
.delivery_status .orderlist_product >li .product_box{width: calc(100% - 10px);}
.orderlist_product>li .product_box .product_text {width: 430px;}
.delivery_status .orderlist_product >li .product_box .product_text,
.order_status .orderlist_product >li .product_box .product_text {width: auto;}
.orderlist_product > li .product_box > .product_img {margin-top: 40px; width: 156px; height: auto; box-sizing: border-box;}
.member_form.order_status .orderlist_product > li .product_box .product_img {margin-top: 0; padding: 0;}
.options_list .orderlist_product > li .product_box .product_img {margin-top: 10px; padding: 0;}
.orderlist_product > li .order_status i { font-style: normal;}
fieldset.order_detilinfo {width: 100%;}
.order_detilinfo > dl {font-weight: bold;font-size: .75rem;}
.product_box .order_detilinfo dt {width: 5.5em; /*3376 20230502*/ font-weight: normal;}
.product_box .order_detilinfo dd {position: relative;width: calc(100% - 5.5em);}/*3376 20230502*/
.product_box .order_detilinfo dd > i {font-style: normal;font-weight: normal; font-size: .85em; padding: 0 .25em;}/*3376 20230502*/
.product_box .order_detilinfo dd::before {content: ":"; position: absolute; left: -.7em; font-weight: normal;}/*3387 20230413*/
.raku-uru_box {display: flex; justify-content: space-between; align-items: center;width: 660px; background-color: #f3f3f3; padding: 10px 15px; margin-left: auto; margin-right: 10px; margin-top: 8px;}
.raku-uru_box p > i {display: inline-block; padding-left: 1em; font-style: normal;}
.raku-uru_box .r-price {display: inline-flex;color: #d00; padding: 0 .4em;}
a > img.ic_right {display: inline-block; padding-left: .35em;}
.orderlist_wrp .btn_wrp span.point {color: #ff9000; display: block; text-align: center; margin-top: -5px;}
.member #main .order_list .paging_settings.j-center {justify-content: center;}
.fav_btn img.writeinfo {display: inline-block;height: auto;width: 16px;margin: .1em .5em 0 0;}
#main .orderlist_wrp-head p.delivery_info.txt-right {text-align: right;}
.table.delivery_status {
  display: grid;
  grid-template-columns: 220px 1fr;
	grid-template-areas: 
	"order_head order_day"
	"order_num order_detail";}
.table.delivery_status .order_head {grid-area: order_head;}
.table.delivery_status .order_day {grid-area: order_day;}
.table.delivery_status .order_num {grid-area: order_num;}
.table.delivery_status .order_detail {grid-area: order_detail;}
.table.delivery_status {border: none;}
.table.delivery_status > div {padding: 1em 0; border: 1px solid #c8c8c8;}
.table.delivery_status>div.order_day {padding: 1em 1.4em;}
.table.delivery_status .order_head {display: flex; justify-content: center; align-items: center; font-size: .8125rem; background: #f2f2f2;}
.table.delivery_status .order_day {font-size: .8125rem;}
.table.delivery_status .order_day .order_information {display: flex; align-items: center;}
.table.delivery_status .order_num {display: flex; justify-content: center; align-items: center;}
#main .table.delivery_status .order_num p {font-size: .8125rem;margin-bottom: 0;text-align: center;}
.table.delivery_status>div.order_detail {padding: 0;}
.table.delivery_status,
.table.delivery_status div,
.table.delivery_status ul.orderlist_product li {border-color: #c8c8c8;}
.table.delivery_status div:nth-child(2n) {border-left: none;}
.table.delivery_status div:nth-child(n + 3) {border-top: none;}
.table.delivery_status .order_day  {background: #fbfbfb;}
.table.delivery_status .order_day > dl {display: flex; gap: normal;}
.table.delivery_status .order_day>dl dt {padding-right: .4em;}
.table.delivery_status .order_day > dl dd:nth-of-type(1) {border-right: 1px solid #ddd; padding-right: .5em; margin-right: .5em;}
.member_form.order_status .orderlist_wrp-head > span { display: flex; align-items: flex-start;}
.member_form.order_status .orderlist_wrp-head .order_amount {align-items: center; justify-content: flex-end; flex-wrap: wrap;}
.member_form.order_status .orderlist_wrp-head .order_amount > .order_invoice {display: flex; flex-direction: column; justify-content: center;/*3376 200230413*/ align-items: center; padding: 0;}
#main .member_form.order_status .orderlist_wrp-head>span>p.one-btn-box {margin: 0; width: auto;}
#main .orderlist_wrp-head p.one-btn-box a.disabled {
  color: #999; background-color: #ebeff1; border: 1px #ced5d8 solid; background-image: none; pointer-events: none;}
#main .member_form.order_status .orderlist_wrp-head>span>p.cancel_btn {width: 100%; display: flex; justify-content: flex-end;}
#main .member_form.order_status .orderlist_wrp-head>span>p.cancel_btn a {
  display: block;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background-color: #fff;
  line-height: 2.2;
  text-align: center;
  background-image: url(/images/static/img/ic_cancel.svg);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: .8em auto;
  color: #666;
  width: 180px;
  font-size: .6875rem;
  margin-bottom: 1em;
  cursor: pointer; }
#main .member_form.order_status .box-red {padding: 15px 20px;}
#main .member_form.order_status .orderlist_wrp .arw-linktxt {margin: 0 0 0 2em;}
.orderlist_wrp fieldset a.arw-linkp + span.point {color: #ff9000;margin-left: 1em;}
.member_form.order_status .payment_details {
  display: grid;
  grid-template-columns: repeat(2, minmax(310px, auto));
  gap: 90px;
  justify-content: right;
  padding: 20px 30px 5px 0;
  border-top: 1px solid #ddd;}
.member_form.order_status .payment_details .incart table {width: 100%;}
.member_form.order_status .payment_details .incart table td.left {text-align: left;}
.member_form.order_status .payment_details .payment_details .warrantyM h4 {font-weight: bold;}
.member_form.order_status .payment_details .warrantyM table ul.note {margin: .2em 0 0;}
.member_form.order_status .payment_details .warrantyM table ul.note li {padding-bottom: 0;}
.member_form.order_status .payment_details .incart table .sum td,
.member_form.order_status .payment_details .incart table .point td {color: #333;}
.member_form.order_status .payment_details .incart table th,
.member_form.order_status .payment_details .incart table td {padding: 0 2px;}
.member_form.order_status .payment_details .incart table th.head_sum,
.member_form.order_status .payment_details .incart table th.head_sum + td {padding: .35em 2px;} /* 3803 20230831*/
.member_form.order_status .payment_details .incart table tr.border-bottom > * {padding-bottom: 8px;border-bottom: 2px solid #ddd;} /* 3803 20230831*/
.member_form.order_status .payment_details .incart table tr.border-bottom + tr > *  {padding-top: 8px;}
.payment_details .warrantyM h4 {font-size: .8125rem; font-weight: bold; margin-top: .2em;}
.order_dl_grid .pcOnly {display: block !important;}
.order_dl_grid .spOnly {display: none !important;}

/* 3387 E2023.2 */
.options_list span {padding: 0;}
.options_list .orderlist_wrp-head span {padding: 10px 0;}
.options_head {display: flex; justify-content: space-between; align-items: center; padding: 20px 20px 13px 0;}
.options_list .order_dl_grid {margin-bottom: 0;}
#main.member .options_head {padding: 20px 0 13px 0;}
.options_list .options_head.pcOnly {display: flex !important;}
#main .options_head > p {width: calc(100% - 250px - 10px); margin-bottom: 0;}
.options_head .cartbtn {width: 100%;}
.orderlist_product.options .checkbox_field {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
  border: 1px #ffc108 solid;
  border-radius: 6px;
  padding: 0.683em 0;
  margin-bottom: 10px;}
#main.member .options_list .orderlist_product > li {padding:20px 0;}
.orderlist_product > li.bg-red { background-color: #ffeeee;}/* 3376 20230502 */
#main .orderlist_wrp .orderlist_product.ordered .product_box .product_name {font-size: .9375rem;}
.options_list .orderlist_product.options > li .product_box .product_name {font-size: .875rem; margin-bottom: .4em;}
.options_list .product_box .order_detilinfo > dl {font-size: .875rem;}
.orderlist_product.options>li .product_box span.date {font-size: 0.6875rem;}
.breadcrumb.options_list {width: calc(100% - 1em);}
.breadcrumb.options_list li {white-space: nowrap;}
.orderlist_product .checkbox_field input + label {color: #ff7000;}
.orderlist_product .checkbox_field.closed input + label {color: #333;}
.orderlist_product .checkbox_field input + label {position: relative;}
.orderlist_product .checkbox_field input[type="checkbox"] {display: none;}
.orderlist_product .checkbox_field input[type="checkbox"] + label::before{
border-color: #ffc108;
position: absolute;
top: 50%;
transform: translateY(-50%);  
left: -2em;
border-radius: 3px;
border-style: solid;
border-width: 1px;
content: "";
display: inline-block;
height: 0.75rem;
margin-right: 0.75em;
width: 0.75rem;}
.orderlist_product .checkbox_field input[type="checkbox"]:checked + label::before {background-color: #ffc108;
background-image: url(/images/static/img/ic_check.svg);
background-position: center center;
background-repeat: no-repeat;}
#main .options_head .button.checkset {
background: url(/images/static/img/ic_cartcheckset.svg) no-repeat 10% center, linear-gradient(to bottom, #ffc108 0%, #ffa100 100%);
padding-left: 1.5em; line-height: 3.3; transition: none;}
.orderlist_product .checkbox_field.closed input[type="checkbox"] + label::before{border-color: #ccc;}
.orderlist_product .breadcrumb {padding-left: 0; width: calc(100% - 250px); flex-wrap: wrap;}
.orderlist_product .breadcrumb::before {content: none;}
.options_list .orderlist_wrp.product .orderlist_product>li:last-child {border-bottom: none;}
.options_list .orderlist_wrp.options {border: none;}
.options_head.pcOnly {border-bottom:  1px solid #dadada;}
.options_list .orderlist_product.options>li {padding: 20px 20px 20px 30px;}
.options_list .orderlist_wrp.product .orderlist_product.options > li:nth-of-type(1) {border-top: none;}
.options_list .orderlist_wrp.product .orderlist_product.options>li {padding: 25px 20px 20px 25px;}
#main.member .options_list .orderlist_product > li .btn_wrp {padding-top: 0;}
#main.member .options_list .orderlist_product.options > li .btn_wrp {margin-top: 15px;}
#main.member .options_list .orderlist_product > li .btn_wrp p {margin-top: 0;}
.options_list .orderlist_product > li .btn_wrp p.one-btn-box a{width: 100%;font-size: .8125rem; line-height: 2.93; padding: 0;}
.member_form span.br, span.br{display: inline; font-size: inherit;}
.member_form span.br::before, span.br::before{content: "\A";white-space: pre;}
.orderlist_product.options > li .product_box {grid-template-columns: 160px 1fr;gap: 0 30px;width: calc(100% - 250px - 10px); margin-top: 5px;}
.orderlist_product.ordered >li .product_box {width: calc(100% - 250px - 10px);}
.orderlist_product.ordered >li .product_box .product_text {width: auto;}
.orderlist_wrp.product .orderlist_product.options>li .product_box {margin-top: 0;}
.orderlist_product.options > li .product_box .product_text {width: auto;}
.orderlist_product.options > li .product_box .product_img {display: flex;justify-content: center; align-items: center; width: 160px; height: auto; padding: 0; margin-top: 26px;}
.orderlist_wrp.product .orderlist_product.options>li .product_box .product_img {margin-top: 10px;}
.orderlist_product.options > li .product_box span.product_img img {max-height: 160px;max-width: 160px;width: auto; margin: 0;}
.orderlist_product.options > li .product_box .price {color: #d00;font-size: 0.75rem;}
.orderlist_product.options > li .product_box .price strong {font-weight: bold;margin-right: 0.2em;font-feature-settings: "palt" 1;letter-spacing: .02em;font-size: .9375rem;word-break: keep-all;display: inline-flex; justify-content: flex-start;align-items:baseline;}
.orderlist_product.options > li .product_box .price strong i{font-weight: normal; font-size: 0.75em; font-style: normal; padding-left: .2em;}
.orderlist_product.options > li .product_box .point {display: block;font-size: .75rem;color: #ff9000;font-weight: bold; margin-bottom: .5em;}
.orderlist_product.options > li .product_box span.ic.stock {width: 6.3em; margin-bottom: 0;}
.orderlist_wrp .orderlist_product.ordered>li .product_box .product_img img {max-width: 100px;max-height: 100px;}
.orderlist_wrp.product .orderlist_product.options>li .product_box {grid-template-columns: 160px 1fr;gap: 0 25px;}
.orderlist_wrp.product .orderlist_product.options>li .product_box .product_img img {max-width: 130px; max-height: 130px;}
#main .orderlist_wrp .product_box p.brand {font-size: .75rem; margin-bottom: 0.35em;}
#main .orderlist_wrp.product .product_box .product_name {font-size: 1rem; width: calc(100% - 10px);}
.orderlist_wrp.product .orderlist_product.options>li .product_box .price strong {font-size: 1rem;}
.orderlist_wrp.product .orderlist_product.options>li .product_box .point {font-size: .875rem; margin-bottom: 0;}
.orderlist_product.options > li .product_box .review {display: inline-flex;margin:0 0.2em 0 0.5em ; vertical-align: middle;}
.orderlist_product.options > li .product_box .review .reputation {display: flex; justify-content: space-between; width: 65px;align-items: center;}
.orderlist_product.options > li .product_box .review .reputation img {width: 12px; vertical-align: middle;}
.orderlist_product.options > li .product_box .reputation_txt {font-size: .625rem; padding: 0 .2em; width: auto;}
.orderlist_product.options > li .product_box .reputation_txt a {margin-bottom: -1px;}
.options_list .paging_settings { position: relative; display: flex; justify-content: center; align-items: center; border: none; padding: 0; margin: 0.5em 0 1em;}
.options_list .paging_bl{display:flex;justify-content:center;}
.options_list .paging_bl li{font-size:0.8125rem;}
.options_list .paging_bl li:last-child a{border-right-color:#c9c9c9;border-right-style:solid;border-right-width:1px;}
.options_list .paging_bl a{background-color:#fff;border-color:#c9c9c9;border-style:solid;border-width:1px;border-right:none;color:#333;display:block;line-height:2;text-align:center;width:2.7em;}
.options_list .paging_bl a.current{font-weight:bold;}
.options_list .paging_bl img{vertical-align:middle;}
.options_list .paging_bl a.current{background-color:#e1f7ff;}
.wrp_brd.swiper-container.options {max-width: 900px; width: calc(100% - 250px); padding: 0; margin: 0;}
#main .options_list .orderlist_product > li .btn_wrp p {max-width: 100%}
#main .orderlist_product  >li .btn_wrp .button.cart {padding: 0;}
/* 3387 label 追加 20230302*/
.orderlist_product.options > li .product_box .ic.item-type.used {  background-color: #33b6a0;}
.orderlist_product.options > li .product_box .ic.item-type.sale {  background-color: #dd0000;}
.orderlist_product.options > li .product_box .ic.item-type.r18 {background-color: #FE6484;}
.orderlist_product.options > li .product_box .ic.item-type.new {  background-color: #d00;}
.orderlist_product.options > li .product_box .ic.item-type.newitem {  background-color: #30b5ef;}
.orderlist_product.options > li .product_box .ic.item-type.recomend,
.orderlist_product.options > li .product_box .ic.item-type.special {  background-color: #f76948;}
.orderlist_product.options > li .product_box .ic.item-type.reserve {  background-color: #0075c1;}
.orderlist_product.options > li .product_box .ic.item-type.setitem {  background-color: #40627c;}
.orderlist_product.options > li .product_box .ic.item-type.wrapping {  border: 1px #f2707c solid; color: #f2707c; background-color: #fff;}
.orderlist_product.options > li .product_box .ic.item-type.disabled {  background-color: #ccc;}

/* 3052 E2023.2 */
body.footer_fixed {display: flex; flex-direction: column; min-height: 100vh;}
body.footer_fixed .bg_wrp {flex: 1;}
body.footer_fixed.inpurchase #header_center::before {top: 0;}
.inpurchase #logo_wrap img {vertical-align: middle;}
.order_guest * {box-sizing: border-box;}
.order_guest #wrapper,
.order_guest #wrapper #main {padding: 0;}
.order_guest .whbox {
  width: 980px;
  background-color: #fff;
  border-radius: 7px;
  padding: 0;
  margin: 50px auto 120px;
  box-shadow: 0px 0px 6px 3px #e5e5e5;}
.order_guest .whbox_inner {width: 880px; margin: 35px auto 55px;}
.order_guest .order_number_box {background: rgba(243, 243, 243,.6);border-radius: 7px;padding: 1.5em 45px;margin-bottom: 2.5rem;;}
.order_guest .order_number_box dl {display: flex; flex-wrap: wrap; width: 100%;}
.order_guest .order_number_box dt {width: 150px;padding: 0.15em 0;}
.order_guest .order_number_box dd {position: relative; width: calc(100% - 150px);padding: 0.15em 0 0.15em 32px;}
.order_guest .order_number_box dd::before {content: ":"; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.order_guest #main .loginbtn.blue.l-size {width: 410px; margin: 0 auto;}
.order_guest.login .table.tabular th {width: 195px;padding: 2em 20px;}
.order_guest.login .table.tabular td {vertical-align: middle; padding-left: 20px;}
.order_guest  .orderlist_product>li .product_box .product_text {/*width: 460px; 20230322*/ width: 100%;}
.order_guest .orderlist_wrp {margin-bottom: 10px;}
.order_guest .orderlist_wrp + .box-gray {margin-top: 10px;}
.order_guest .member th a.error_point {padding-top: .9375rem; margin-top: -.9375rem;}    /* 2023.2.14 */

/* 3488 product_list flex */
ul.product_list.flexcartbtn:not(.line-list).ftbtn li .mainbox {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;flex-grow: 2;}
ul.product_list.flexcartbtn:not(.line-list).ftbtn li .footbox {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
ul.product_list li .footbox .fav_btn {width: 100%;}
ul.product_list.flexcartbtn:not(.line-list).ftbtn li .mainbox a.itemimg {width: 100%; justify-content: center;}
ul.product_list li .coupon-label { width: 100%;}
ul.product_list li a.product_name { width: 100%;}/*3488 20230404*/

/* 3488　item fav btn 20230208 */
#js_favbtn {cursor: pointer;}
#js_fav_balloon {display: none; pointer-events: none;}
#js_fav_balloon.on {display: block;}
#modal_favauth {pointer-events: auto;}
#js_favbtn:hover,
#modal_favauth:hover {opacity: .8;}
.modal_overlay.modal_favauth {padding-top: 30vh;}
.modal_favauth .modal_box {width: 600px;box-sizing: border-box;padding: 50px 55px 50px;}
#main .modal_favauth .modal_box > .loginbtn.blue.l-size {max-width: 95%; width: 370px; margin: 0 auto;}
a.loginbtn.blue:hover,a.loginbtn.blue:active,a.loginbtn.blue:visited {color: #fff;}

.btn_3box {display: flex; justify-content: space-between; border-top: 1px #ddd solid; padding: 10px 0;}
.btn_3box > span,.btn_3box > div { display: inline-flex; width: 98%; margin: 0 1%;}
.btn_3box span .btn {display: flex; background-color: #30b5ef; border-radius: 4px; min-height: 50px; width: 100%; align-items: center; justify-content: center; border: 1px #30b5ef solid;}
.btn_3box .favbtn_wrp {position: relative;}
.btn_3box span.favbtn {position: static; position: flex; align-items: center; justify-content: center; width: 100%;}
.btn_3box span.favbtn .fav {display: flex;flex-direction: column; background-color: #f7f7f7; color: #066eb3; border-radius: 4px;  min-height: 50px;width: 100%; align-items: center; justify-content: center; border: 1px #e5e5e5 solid;  font-size: .625em;}
.btn_3box span.favbtn .fav img { margin: .45em auto .5em;width: 2em;height: auto;}
.btn_3box .fav_balloon {position: absolute;
    top: 55px;
    left: 50%;
transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);background-color: #fff; box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 10%); font-size: .625em; font-style: normal; width: auto;white-space: nowrap; padding: .5em 1em; z-index: 10;}
.btn_3box .fav_balloon::before{content: "";
    display: block;
    position: absolute;
    top: -12px;
    right: 0;
    left: 0;
    width: 0;
    height: 0;
    margin-right: auto;
    margin-left: auto;
    border-style: solid;
    z-index: 2;
    border-width: 0 5px 10px 5px;
    border-color: transparent transparent #fff transparent;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);}

#aside .sns_list { justify-content:center; padding-left: 0; margin-left: -2.5em;}

/* 3523 20230215 */
.details_list li { align-items: stretch;}
.details_list .info {display: flex; flex-direction: column; justify-content: space-between;}
.details_list .product_name {padding-bottom: 1em; margin-bottom: auto;}
.details_list .detail { margin-top: auto;}
.cart .details_list .detail tr.warranty th, .details_list .detail tr.warranty td {padding: 0 0 5px 0;}

/* 3494 body の直下にある計測用imgタグによるスペース防止 */
body > img {position:fixed;z-index: -1;}

/* 3533 中古注意書き　used_caution */
#aside .used_caution { padding-bottom: 15px; margin-top: -10px;}
#main .used_caution a,
#aside .used_caution a {display: flex; align-items: center; justify-content: center; padding: .65em 1%; border: 1px #ff5500 solid; font-size: .8125rem; color: #ff5500;transition : all 0.5s ease 0s;}
.used_caution a:hover,.used_caution a:active { background-color: rgba(255,85,0,.15);}


.used-free_area a:link,.used-free_area a:visited,.used-free_area a:hover,.used-free_area a:active {color: #066eb3;}
.used-free_area {width: 100%; margin:0 0 25px 0; border-top: 1px #eee solid; padding-top: 25px;}
.used-free_area > .usedrank-box {width:  calc(100% - 70px); background-color: #f7f7f7; padding: 25px 35px; border-radius: 6px;}
.used-free_area  .usedrank_info li { background-color: rgba(0,0,0,.03); padding-left: 1.5em; opacity: .55;}
.used-free_area.s-rank  .usedrank_info > li.s-rank { background-color: #fff; opacity: 1;border: 1px #33b6a0 solid;}
.used-free_area.a-rank  .usedrank_info > li.a-rank { background-color: #fff; opacity: 1;border: 1px #33b6a0 solid;}
.used-free_area.b-rank  .usedrank_info > li.b-rank { background-color: #fff; opacity: 1;border: 1px #33b6a0 solid;}
.used-free_area.c-rank  .usedrank_info > li.c-rank { background-color: #fff; opacity: 1;border: 1px #33b6a0 solid;}
.used-free_area.d-rank  .usedrank_info > li.d-rank { background-color: #fff; opacity: 1;border: 1px #33b6a0 solid;}
.used-free_area.e-rank  .usedrank_info > li.e-rank { background-color: #fff; opacity: 1;border: 1px #33b6a0 solid;}

.attention-box {display: flex; flex-direction: row; align-items: center; justify-content: center; width: calc(100% - 70px); padding: 15px 35px; border: 2px #eee solid; border-radius: 6px; margin: 25px 0;}
.attention-box span {width: 2em; margin-right: 10px;}
.attention-box span img { max-height: 1.5em; width: auto;}

.usedwarranty-box {display: flex; flex-direction: row;width: 58%;}
.usedwarranty-box > .pdl-img { width: 20%; margin-right: 20px;}
.usedwarranty-box > .pdl-img img {width: 90%; height: auto;}
.usedwarranty-box h3 {display: inline-flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: .25em}
.usedwarranty-box h3 > em {font-weight: bold; padding-right: .5em;}
.usedwarranty-box ul li > em {font-weight: bold; padding-right: .5em; width: 6em; display: inline-block;}

.usedcheck-box {display: flex; flex-direction: column; justify-content: flex-start; width: 40%; border: 1px #33b6a0 solid;background-color: rgba(51,182,160,.075); padding: 15px 20px;}
.arw-linklist.left { margin-left: 0; margin-right: auto;}
.arw-linklist.mgt0 { margin-top: 0;}
.col2box.stretch {align-items: stretch;} 

/* 3503 / 3632 #login.order_guest 20230426 */
#login.order_guest input[type="text"],
#login.order_guest input[type="number"],
#login.order_guest .order_number {   border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    font-size: 0.9375rem;
    padding: 0.375em 0.5em;
    height: 2.08em;width: 20em;}
/* 3376 order_status_detail */
.boxwith_btn { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%;}
.boxwith_btn > span {display: block;}
.boxwith_btn .btn_wrp p a.fav_btn span {color: #066eb3;}

/* 3201 iframe */
.credit-frame { min-height: 800px; overflow-y: auto;}
iframe #main.main {margin-bottom: 0 !important;}

/* 3376 20230502 */
.ank_point {padding-top: 100px;margin-top: -100px;}

/* 2916 */
  /* top-slider-mv */
.top-slider-mv-area {margin-bottom: 24px;}
#top-slider-mv.swiper-container {height: 220px;}
#top-slider-mv-thumbnail.swiper-container {height: calc((.875rem * 1.5) + (.26rem * 2)) ;}
#top-slider-mv.swiper-container .swiper-slide,
#top-slider-mv .swiper-slide > a,
#top-slider-mv .swiper-slide > a picture {display: block;}
#top-slider-mv *,
#top-slider-mv-thumbnail * {box-sizing: border-box;}
#top-slider-mv img {vertical-align: middle;}
.top-slider-mv-wrapper {position: relative;}
#top-slider-mv-thumbnail.swiper-container {margin-top: 5px; overflow: visible;}
#top-slider-mv-thumbnail .swiper-wrapper {transform: none !important;}
#top-slider-mv-thumbnail .swiper-slide{
  position: relative;
  width: calc((100% - (10px * 2)) / 3);
  cursor: pointer;
  padding: .26em .5em .26em .75em;
  background: #f2f2f2;
  border-radius: 3px;}
 #top-slider-mv-thumbnail .swiper-slide-thumb-active {
  color: #fff;
  background: #999;}
 #top-slider-mv-thumbnail .swiper-slide-thumb-active::after {
  content: "";
  position: absolute;
  display: block;
  border: 10px solid transparent;
  border-bottom-color: #999;
  border-top-width: 0;
  top: -5px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;}
 #main #top-slider-mv-thumbnail .swiper-slide p {
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  margin-bottom: 0;}

    /* top-slider-small */
.top-slider-small-area {margin-bottom: 15px;}
.top-slider-small-area .swiper-container {height: 108px;}
.top-slider-small-area .swiper-slide {display: none;}
.top-slider-small-area .swiper-container-initialized .swiper-slide {display: block;}
.top-slider-small-area .swiper-slide > a,
.top-slider-small-area .swiper-slide > a picture {display: block;}
.top-slider-small-area * {box-sizing: border-box;}
.top-slider-small-area img {vertical-align: middle;}
.top-slider-small-col2 {display: flex;justify-content: space-between; padding-bottom: 24px;}
.top-slider01-wrapper,.top-slider02-wrapper,
.top-slider03-wrapper,.top-slider04-wrapper,
.top-slider05-wrapper,.top-slider06-wrapper {
  position: relative ; width: calc(50% - 10px);}
.top-slider-small-area .swiper-pagination {position: absolute; left: 50%; transform: translateX(-50%);}

/* 3601 20230516 */
#purchase_area .warranty_area a {background-position: left .35em;}
#purchase_area .warranty_area .limit {text-align: left;}

/* 3503 20230525 */
.ic-1em { max-width:1.5em; padding-right: .25em; margin-bottom: -.15em;}

/* 3625 E202306 */
.modal_overlay.modal_creditform_error {padding-top: 10vh;}
.modal_creditform_error .modal_box {
  max-width: 500px;
  min-width: 400px;
  padding: 30px 30px 10px;}
.modal_creditform_error .modal_box .message_box {display: flex; align-items: center;}
.modal_creditform_error .modal_box .message_box_inner {display: inline-block;margin: 0 auto 1rem;}
.modal_creditform_error .modal_box .message_box_inner p  {font-size: .8125rem;}
.button.blue.modal_creditform_error_close {
  display: block;
  width: 200px;
  line-height: 2;
  font-size: .8125rem;
  margin: 0 auto;}

/* 3803 20230823*/
.member_form.order_status .payment_details .incart table tr.line_bottom > * {padding-bottom: 8px;border-bottom: 1px solid #ddd;}
.member_form.order_status .payment_details .incart table tr.cart-shippingGrp > * {padding-bottom: .35em;}
.incart table .sum_1 th, .incart table .sum_1 td {padding-bottom: .75em; border-color:#ddd;}
.member_form.order_status .payment_details .incart table tr.border-top > * {padding-top: 8px;border-top: 2px solid #ddd;}
.member_form.order_status .payment_details .incart table tr.usepoint > * {padding-bottom: 8px;}
@media screen and (min-width: 812px) {
.incart table .usepoint th, .incart table .usepoint td {
    border-top-color: #fff;
    border-top-width: 0 !important;}
}

/* 3831 20230907 canceled */
.orderlist_wrp-head.canceled { background: repeating-linear-gradient(135deg, #eee, #eee 5px, #f3f3f3 5px, #f3f3f3 10px); opacity: .75;}
.orderlist_product.canceled,
.delivery_status.canceled,
.payment_details.canceled {background: repeating-linear-gradient(135deg, #fafafa, #fafafa 5px, #fff 5px, #fff 10px);}

.table.delivery_status.canceled .order_head {background: repeating-linear-gradient(135deg, #eee, #eee 5px, #f3f3f3 5px, #f3f3f3 10px); opacity: .75;}
.table.delivery_status.canceled .order_day {background: repeating-linear-gradient(135deg, #fafafa, #fafafa 5px, #fff 5px, #fff 10px);}