@charset "UTF-8";
/* CSS Document */


body { color: #000000;font-feature-settings : "palt"; letter-spacing: .04em;}
a { color: #000; cursor: pointer; text-decoration: none;}

input[type="submit"]{ -webkit-appearance: none;}

.wrp .container {padding: 3rem 1.5rem;}
.wrp .container-full { padding: 0 0 3rem 0; width: 100%;}
.wrp .container-full:first-child {padding-top: 3rem;}
.wrp .container-full.gray { background-color: #ededed; padding-bottom: 1rem;}
.wrp .container-full.nopdb { padding-bottom: .5rem;}
.container-full .inner {padding: 0 1.5rem;}
.colinner { padding-bottom: 1rem;}

h2.title:not(:first-child),h3.stitle {padding-top: .8em;}
h4.sstitle {margin-top: 1.6em;}
h2.title,h2.title:not(:last-child){font-size: 1.25rem;margin-bottom: .5em;}
h2.title:before { display: inline-block; margin-right: .2em; content: url(../images/icons/h2.svg);width: 1em; vertical-align: middle; }
h2.title.imgttl:before { content: none;}
h2.title.imgttl img {width: 2.8em; display: inline-block; vertical-align:text-bottom;}
h3.stitle { font-size: 1rem; font-weight: bold;border-bottom-color: #cccccc;border-bottom-style: solid;border-bottom-width: 3px;position: relative; margin-bottom: .5em; padding-bottom: .3em;}
h3.stitle:after {background-color: #df4525;content: '';height: 3px;position: absolute;left: 0;bottom: -3px;width: 23.5%;}
h4.sstitle {background-color: #f9edd4; padding: .2em .2em .2em .4em;font-size:.9375rem;margin-bottom: .5em; position: relative;}
h4.sstitle em {border-left: 4px #fff solid; font-style: normal; padding-left: .4em;}
h4.sstitle.num {padding-left: 2.5em;}
h4.sstitle.num i { display: block; width: 1.5em; height: 1.5em; border-radius: 3em; background-color: #f9edd4; font-weight: bold; font-size: 1.5rem; font-style: normal; position: absolute; left: -.2em; top: -.2em; text-align: center; vertical-align: middle;}
h5,h6 {font-size: 1rem ; font-weight: bold;}

p {font-size: .875rem; margin-bottom: .8em; line-height: 1.6;}
p.lead {font-size:1rem;}
p.lead_L {font-size:1.125rem;}
p.nomgb { margin-bottom: .3em;}
p.ast { font-size: .6875rem; text-indent: -1em; padding-left: 1em;}
p.notice {font-size: .75rem; text-indent: -1em; padding-left: 1em; color: #999999; line-height: 1.3; margin-bottom: 2em;}
.cap {font-size: .6875rem;}
.txtS {font-size: .8125rem;}
.txtXS {font-size: .75rem;}
.txtXXS {font-size: .6875rem;}
.txt_NS {font-size:.9375rem;} ul.txt_N li {font-size:.9375rem !important;}
.txt_N {font-size:1rem;} ul.txt_N li {font-size:1rem !important;}
.txt_MS {font-size:1.125rem;}
.txt_M {font-size:1.25rem;}
.txt_L {font-size:1.5rem;}
.txt_XL {font-size:2rem;}

a.txtlink, a.txtlink:link, a.txtlink:visited {color: #3273dc; text-decoration: underline; padding: 0 0.2em;}
a.txtlink:hover, a.txtlink:active {text-decoration: none;}

.mgb05em {margin-bottom: .5em !important;}
.mgb1em {margin-bottom: 1em !important;}
.mgb15em {margin-bottom: 1.5em !important;}
.mgb2em {margin-bottom: 2em !important;}

.mgt1em {margin-top: 1em !important;}
.mgt15em {margin-top: 1.5em !important;}
.mgt2em {margin-top: 2em !important;}
.mgt3em {margin-top: 3em !important;}
.mgt4em {margin-top: 4em !important;}

.bold {font-weight: bold;}
.red { color:#df4525;}
.blue { color: #5b9d2a;}
.center {text-align: center !important;}
.right {text-align: right !important;}

.linebox-gray {display: block; margin: .3rem auto; border: 2px #ccc solid; padding:.5em 5% ;}

ul,ol {margin-bottom: 1em;padding-left: 1.5em; }
li {font-size: .875rem; margin-left: 0; padding-left: 0;}
ul.disc li { text-indent: -.8em; padding-left: 0;}
ul.disc li:before { display: inline-block; content: url(../images/icons/h2.svg);width: .8em; vertical-align: bottom;}

ul.ng li { text-indent: -.8em; padding-left: 0;}
ul.ng li:before { display: inline-block; content: url(../images/icons/ng.svg);width: .8em; vertical-align: bottom;}


ul.circle li { text-indent: 0; padding-left: 1em;}
ul.circle li:before { display: inline-block; content: "●"; color: #888; font-size: .8em; margin-left: -.8em;padding-right: .2em; vertical-align: middle;}

ul.ast-li {display: block; margin-bottom: .8em;}
ul.ast-li li {display: block;font-size: .75rem; text-indent: -1em; padding-left: 1em; background-image: none;}
ul.disc ul.ast-li li:before { display: inline-block; margin-right: .2em; content: " ";width:0; vertical-align: bottom;}

ul.list_alphabet {display: block; letter-spacing: -.5em; margin-right: -.5em; padding-left: 0;}
/*ul.list_alphabet li {display: inline-block; letter-spacing: normal; width: 13%; padding: 1%; color: #ccc;}*/
ul.list_alphabet li a {color:#000;}

ul.list_alphabet li {
    display: inline-block;
 background-color: #EFEFEF;
    letter-spacing: normal;
    width: 14%;
    border: 1px #ccc solid;
    border-radius: 4px;
    padding: 2% 0;
    margin-right: .5em;
    margin-bottom: .5em;
    text-align: center;
    vertical-align: middle;}


ul.list-brand li {display: block; line-height: 1.3; padding: .4em 0;}
ul.list-brand li span {display: block; color: #999; font-size: .8125rem;}

.imgC {display: block; margin:0 auto .5rem; text-align: center;}.imgC img {}
.imgC.w80{width: 80%;}
.col2 {display: flex; margin-bottom: .5rem;}
.col2 span { display: inline-block; padding: 0 0 0 2%;}
.col2 span.half { display: inline-block; width: 48%;}
.col2 span:first-child {padding-left: 0;}
.col2 span img {display: block; margin-bottom: 3px;}
.col3 {display: flex; margin-bottom: .5rem;}
.col3 span { display: inline-block; padding: 0 0 0 2%;}
.col3 span:first-child {padding-left: 0;}
.col3 span img {display: block; margin-bottom: 3px;}
.col4 {display: flex; margin-bottom: .5rem;}
.col4 span { display: inline-block; padding: 0 2% 0 2%;}
.col4 span:first-child {padding-left: 0;}
.col4 span img {}

table {margin-bottom: 1.25rem; font-size: .875rem; width: 100%; border-bottom: 1px #e5e5e5 solid;}
table th { padding: .4em .6em; vertical-align: middle;background-color: #e6e6e6; border-bottom: 2px #ccc solid; font-weight: bold;}
table td { padding: .6em .6em; vertical-align: middle;}
.redtd th,th.bgred { background-color: #fcece9; border-bottom: 2px #df4525 solid;}
.rowtd th {width:30%;border-bottom: 1px #fff solid;border-right: 2px #df4525 solid; padding: .6em .6em;}
.rowtd td {border-top: 1px #e5e5e5 solid;}
.linetd th {border-right: 1px #fff solid; text-align: center;}
.linetd td {border-bottom: 1px #e5e5e5 solid;border-right: 1px #e5e5e5 solid; text-align: left;}
.linetd th:last-child,.linetd td:last-child {border-right: none;}
.greentd th,th.bggreen { background-color: #e2f4d4; border-bottom: 2px #5b9d2a solid;}

.linkTxt_red .icon{ display: inline-block;width: 1em; max-height: .9em; margin-right: .2em;}
p.linkTxt_red { margin-bottom: .2em;}
.lheight {line-height: 2.2;}

table em.txtL { font-size: 1.5rem; font-weight: bold; font-style: normal; padding-right: .2em;}

span.mark img { display: inline-block;max-width:1em; max-height: 1em; margin: 0 .2em;}

.arrow{
  width:  1em; /* ( 横幅(px) / 高さ(px) ) */
  height: 1em; /* ( 高さ(px) / 高さ(px) ) */
  display: inline-block;
  vertical-align: middle;
  background-image: url('../images/icons/arrow.svg');
  background-repeat: no-repeat;
  background-size: 1em auto; /* (SVG全体の横幅 / width * 100%) (SVG全体の高さ / height * 100%) */}
 
/* background-position: ( 横オフセット(px) / 高さ(px) ) ( 縦オフセット(px) / 高さ(px) ) */
.arrow.Lsize_left { background-position: 0em  0em; }
.arrow.Lsize_right { background-position: 0em -1em; }
.arrow.Msize_left { background-position: 0em  0em; }
.arrow.Msize_right { background-position: 0em -1em; }
.arrow.Ssize_left { background-position: 0em  0em; }
.arrow.Ssize_right { background-position: 0em -1em; }
.arrow.XSsize_left { background-position: 0em  0em; }
.arrow.XSsize_right { background-position: 0em -1em;}


.arrow_img img { width: 1em; margin-right: .3em;}
.arrow_img.XLsize img{width:1.125rem;}
.arrow_img.Lsize img {width:.875rem;}
.arrow_img.Ssize img {width: .65rem;}
.arrow_img.XSsize img {width: .6rem; padding-left: .3em;}
.arrow_img.Wsize img { width: 1.2em;}

.menu_list { margin: 0 0 1.5em 0; padding: 0;width: 100%;border-top: 1px #b5b5b5 solid;}
.menu_list li { display: block; border-bottom: 1px #b5b5b5 solid;padding-left: .8em; font-size: 1rem;}
.menu_list li a {display: block;padding: .9em  .5em  .9em  15%; background-position: 95% center; background-attachment: scroll; background-image: url(../images/icons/arrow_right.svg); background-repeat: no-repeat; background-size: .75em; position: relative;}
.menu_list.small li{ font-size: .8125rem;}
.menu_list.small li a {padding: 1.3em .5em 1.3em 15%;}


.menu_list li a:before {display: inline-block; content:" ";width: 8%; position: absolute; 
top: 55%; left: 2.5%; -webkit-transform: translate(-0%,-50%); transform: translate(-0%,-50%); max-height: 2em;}
.menu_list li.tradelist a:before { content: url("../images/icons/rakuda_mono.svg")}
.menu_list li.profile a:before { content: url("../images/icons/profile.svg")}
.menu_list li.account a:before { content: url("../images/icons/account.svg")}
.menu_list li.identity a:before { content: url("../images/icons/identity.svg")}
.menu_list li.bankaccount a:before { content: url("../images/icons/bankaccount.svg")}
.menu_list li.sns a:before { content: url("../images/icons/sns.svg"); left: 1.5%;}
.menu_list li.regulation a:before { content: url("../images/icons/regulation.svg")}
.menu_list li.faq a:before { content: url("../images/icons/faq.svg"); left: 4%;}
.menu_list li.inquiry a:before { content: url("../images/icons/inquiry.svg")}
.menu_list li.other a:before { content: url("../images/icons/other.svg"); top: 45%; width: 6%; left: 3%;}
.menu_list li.histry a:before { content: url("../images/icons/note.svg"); width: 1.2em; margin-left: 1em;}
.menu_list li.check a:before { content: url("../images/icons/check_seet.svg"); width: 1.2em; margin-left: 1em;}
.menu_list li.noico a {padding-left: 1em;}
a.exclamation_s:after { display: inline-block;background-color: #df4525; border-radius: 1.2em; width: 1em; height: 1em; padding: .2em; content: " "; background-attachment: scroll; background-image: url(../images/icons/exclamation_s.svg); background-position: center center; background-repeat: no-repeat; background-size: 18%; margin-left: .5em; vertical-align: baseline; margin-bottom: -.1em;}
.menu_list li.logout { background-color: #eeeeee; text-align: center;}
.menu_list li.logout a {background-image: none; padding: 1.5em  .5em  1.5em  .5em; }


.attention_link {margin: 0 0 .8em 0; width: 100%; background-color: #fcece9; border-bottom: 1px #b5b5b5 solid; border-top:1px #b5b5b5 solid;padding: 1.3em  .5em  1.3em  15%; background-position: 95% center; background-attachment: scroll; background-image: url(../images/icons/arrow_right.svg); background-repeat: no-repeat; background-size: .75em; position: relative; line-height: 1.3; font-size: .875rem;}
.attention_link span:before {display: inline-block;width: 6%; position: absolute; 
top: 50%; left: 5%; -webkit-transform: translate(-0%,-50%); transform: translate(-0%,-50%); content: url(../images/icons/attention_y.svg);}

.error_ttl {margin: 0 0 1.5em 0; padding: 0;width: 100%; background-color: #fcece9; font-size: .875rem; color: #df4525;padding: .45em  .5em  .45em  15%; position: relative;}
.error_ttl:before {display: inline-block;width: 1.2em; position: absolute; 
top: 55%; left: 8%; -webkit-transform: translate(-0%,-50%); transform: translate(-0%,-50%); content: url(../images/icons/exclamation.svg);}

.open_box {margin: 0 0 1.5em 0; padding: 0;background-color: #fcf6e9; border-bottom: 1px #b5b5b5 solid;padding: .9em  .5em  .9em  10%; position: relative;}
.item_list .open_box {margin-bottom: 0;}
.hide_content {clear: both; display: none;}
.item_list {border-top: 1px #b5b5b5 solid; border-bottom: 1px #b5b5b5 solid; margin-top: -1px;}

.toggle_txt { display: inline-block;
padding-right: 1.8em; font-size: 1rem; font-weight: bold; cursor: pointer;background-image: url( ../images/icons/arrow_down.svg);background-position: 96% center;background-repeat: no-repeat; background-size: 1.2rem;}
.toggle_txt.open {background-image: url( ../images/icons/arrow_up.svg);}
ul.icons_list { margin: .5em auto; padding: 0;}
ul.icons_list li { display: inline-block; width: 15%; padding: 0 1%;}
ul.icons_list li img {max-height: 2.6em;}
ul.icons_list li.note {display: block; margin: .5em auto; text-align: left; font-size: .75rem; width: auto;}

h5.price {display: block;font-size:  1.75rem; font-family: Arial, Helvetica, "sans-serif"; letter-spacing: .02em; text-align: right; padding-right: 1.4em;position: relative; font-weight: bold;}
h5.price span {font-size:1.125rem;}
.resultbox {padding:0 1em;}
.resultbox p {margin-bottom: 0 !important;}
h5.price.Lsize {font-size: 2.75rem; padding-right: 0; line-height: 1.2; margin-bottom: .25em;}
h5.price em {margin-left: 45%; font-size: .8125rem; border: 2px #df4525 solid; padding:.3em .4em; display: block; width: 9em; text-align: center;font-style: normal; line-height: 1.2;}


.item_list.disabled { background-attachment: scroll; background-image: url(../images/bg/disabled_cover.png); background-position: left top; background-repeat: repeat; color: #c5c3c3;}





.btnbox {display: table; width: 100%; margin-bottom: 1rem;}
.btnbox.mgt { margin-top: 1.5rem;}
.btnbox span {display: table-cell; padding: 0 2%; width: 46%;}
.btnbox span.half { display: block; margin: 0 auto; width: 50%; min-width: 10em;}
.btnbox.small {display: block; width: 38%;}
.btn-canceled {display: block; margin: 0 auto 1rem; width: 86%;}
.btn-rakuda {display: block; margin: 0 auto 1rem; width: 100%;}
.btn-inner {display: block; margin: 0 auto ; width: 100%;}


.btn { width: 100%; margin: 0 auto; font-weight: bold; line-height: 1.2;
-webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem; letter-spacing: .04em;
    height: 2.25em;
	position: relative;
    vertical-align: top;
background-color: #e5e5e5;
    cursor: pointer;
    justify-content: center;
    padding-bottom: calc(2em - 1px);
    padding-left: .75em;
    padding-right: .75em;
    padding-top: calc(2em - 1px);
    text-align: center;
    white-space: nowrap;}
.btn.next,.btn.confirm,.btn.snslink {background-color: #83ba5a;}
.btn.undo,.btn.snsremove { background-color: #df4525;}
.btn.mypage {padding-left: 1.25em;}
.btn.snslink,.btn.snsremove {padding-left: 2em}.btn.snslink{ letter-spacing: .5em;}
.btn.disabled {background-color: #FFF; border: 3px solid #e5e5e5;}
.btn.attention {background-color: #FFF;}
.btn.check_seet {background-color: transparent; font-size: .8125rem; font-weight: normal;padding-bottom: calc(.5em - 1px);padding-top: calc(.5em - 1px);}
.btnbox.small .btn {padding-bottom: calc(1.6em - 1px);padding-top: calc(1.6em - 1px);font-size: .875rem;}

.btn-s_right { text-align: right; display: block;}
.btn-s_right .btn.adult {background-color: #fe6484; color: #fff;width: auto; height: 1.5em; font-size: .8125rem;padding-bottom: calc(1.2em - 1px);padding-top: calc(1.2em - 1px);}
.btn-canceled .btn.canceled {background-color: #b2b2b2; height: 1em;    padding-bottom: calc(1.5em - 1px);    padding-top: calc(1.5em - 1px);font-size: .875rem; }
.btn-golist .btn.golist {height: 1em;padding-bottom: calc(1.5em - 1px);padding-top: calc(1.5em - 1px);font-size: .875rem; }
.btn-gotop .btn.gotop,.btn-go .btn.go {background-color: #83ba5a; height: 1em; padding-bottom: calc(1.5em - 1px); padding-top: calc(1.5em - 1px);font-size: .875rem; }
.btn-rakuda .btn.rakuda {background-color: #fff; border: 3px #e2a326 solid; height: 1em; background-attachment: scroll; background-image: url(../images/icons/arrow.svg); background-position: 96% center; background-repeat: no-repeat; background-size: .75em;padding-bottom: calc(1.75em - 1px);padding-top: calc(1.75em - 1px);}
.btn-charge .btn.charge {background-color: #83ba5a; border: 3px #83ba5a solid; height: 1em; background-attachment: scroll; background-image: url(../images/icons/arrow.svg); background-position: 96% center; background-repeat: no-repeat; background-size: .75em;padding-bottom: calc(1.75em - 1px);padding-top: calc(1.75em - 1px);}
.btn.attention {background-color: #fff;background-attachment: scroll; background-image: url(../images/icons/arrow_right.svg); background-position: 96% center; background-repeat: no-repeat; background-size: .75em;padding-bottom: calc(1.75em - 1px);padding-top: calc(1.75em - 1px);}
.w80 {width:80%; margin: 0 auto;}
.btn-search {background-color: #83ba5a; width: 2.6em;}

.btn .icon{ height: 1.3em;   width: 1.3em;}
.linktxt .icon{ width: .5em;margin-left: calc(-.375em - 1px); margin-right: .1875em;}
.asttxt .icon { width: 1.4em;margin-left: calc(-.375em - 1px); margin-right: .1875em; vertical-align: bottom;}
.btn.back .icon,.btn.mypage .icon{ position: absolute ;left: .4em;}
.btn.cancel .icon {margin-left: calc(-.375em - 1px); margin-right: .1875em; width: 1.2em;}
.btn.confirm .icon {margin-left: calc(-.75em - 1px);width: 1.2em;}
.btn.undo .icon {margin-left: calc(-.95em - 1px);width: 1.5em; padding-right: .2em;}
.btn.next .icon, .btn.disabled .icon{ position: absolute ;right: .4em;}
.btn.canceled .icon {position: absolute ;left: 1em;width: .875em;}
.btn.golist .icon {position: absolute ;left: 1em;width: .875em;}
.btn.rakuda .icon {margin-left: calc(-.375em - 1px); margin-right: .5em; width: 1.5em;}
.btn.charge .icon { position: absolute ;left: .8em; width: 1.7em;}
.btn.attention .icon {position: absolute ;left: 1em;width: 1.2em;}
.btn.check_seet .icon {margin-left: calc(-.375em - 1px); margin-right: .5em; width: 1em;}
.btn-search .icon {width: 2em; height: 2em;}
.btn.snslink .icon, .btn.snsremove .icon{ position: absolute ;left: .65em; width: 1.8em;}

.bkbox {display: block; border: 3px #000 solid; border-radius: 6px; background: #fff;margin:0 auto 1.5rem;}
.bkbox-inner { background-color: #ecebeb; padding: .5em .5em 0em .5em; border-top:2px #d8d7d7 solid;border-bottom:2px #d8d7d7 solid; margin-bottom: .5em;}

ul.icon_list {display: table; width: 94%; padding: 0; margin: 0 auto 1rem auto;}
ul.icon_list li {display: table-cell;  padding:0 1.5%; font-size: .6875rem; text-align: center; line-height: 1;}
ul.icon_list li a { line-height: 1;}
ul.icon_list li i {display: block; background-color: #fff; border-radius: 200%; max-width: 100%; width: 4rem; height: 4rem; position: relative; margin: 0 auto;}
ul.icon_list li i img {max-width: 2.5rem; max-height: 2.5rem; margin: auto auto; position: absolute; top: 50%;left: 50%;
transform: translate(-50%,-50%);}


.whbox {display: block; width: 88%; padding:1.5rem 1.5em 1rem 1.5em; border-radius: 8px; background: #fff; margin:0 auto 1.5rem;box-shadow:0px 0px 6px 3px #e5e5e5; border:1px #dddada solid;}
.whbox.w100 {width: 98%; padding: 1.5rem 1% 1rem 1%;}
form {font-size: 1rem;}
select {min-width: 14em;}
.select{ margin-bottom: .5em;}
.select:not(.is-multiple):not(.is-loading)::after {border-color: #959595;right: 1.125em;z-index: 4;}

.w90 {display: block; width: 90%; margin: 0 auto 1rem;}
.whbox-img {display: block; width: 100%; margin: 0 auto 1rem;box-shadow:0px 0px 6px 3px #e5e5e5; border:1px #dddada solid; padding: 2%;}

.astbox {display: block; width: 100%; margin: 0 auto 2rem; border: 6px #e5e5e5 solid; background-color: #f6f4f4; border-radius: 6px; padding:.8em 5%;}

.checkLsize {font-weight: bold;}
.checkLsize input[type="checkbox"] {}

.box_select {display: table;}
.box_select span {display: table-cell; width: 43%; padding-right: 2%; vertical-align: top;}
.box_select span:last-child {padding-right: 0; width: 55%;}
.box_select dl {font-size: .75rem;}
.box_select dt,.box_select dd {display: block;}
.box_select dt {font-weight: bold;}

.trade_list {display: block; margin-bottom: 1rem; padding: 0;}
.trade_list li {display: table; width: 100%; font-size: .875rem; position: relative; padding-right: 1em; border-bottom:1px #b5b5b5 solid;}
.trade_list li.canceled {background-color: #f1efef; color: #7d7d7d;}
.trade_list li:not(.headline) { background-attachment: scroll; background-image: url(../images/icons/arrow_right.svg); background-position: 97% center; background-repeat: no-repeat; background-size: .65em;}
.trade_list li span {display: table-cell; vertical-align: middle; text-align: center; padding: .6em 1em; width: 31%; }
.headline { background-color: #f9edd4; font-weight: bold;}
.trade_list li span.status i {
    display: block; 
    width: 9.8em; 
    font-size: .75rem; 
    color: #fff; 
    font-style: normal;
    line-height: 1.2;
    font-weight: bold; 
    position: relative;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-flex;
    height: 2.25em;
	position: relative;
    vertical-align: top;
    background-color: #a7a7a7;
    cursor: pointer;
    justify-content: center;
    padding-bottom: calc(1.75em - 1px);
    padding-left: .75em;
    padding-right: .75em;
    padding-top: calc(1.75em - 1px);
    text-align: center;
    white-space: nowrap;
}

.trade_list li span.status i {padding-top: 0; padding-bottom: 0; line-height: 1; height: 2.9em;justify-content: start;}

.trade_list li span.status.closed i{ background-color: #7f7f7f;}
.trade_list li span.status.wtg_delivery i{ background-color: #00aed9; padding-left: 2.6em;}
.trade_list li span.status.wtg_assessed i{ background-color: #fe6484;padding-left: 2.6em;}
.trade_list li span.status.assessed i{ background-color: #df4525;padding-left: 2.6em;}
.trade_list li span.status.success i{ background-color: #39af6f;padding-left: 2.6em;}
.trade_list li span.status.reserved i{ background-color: #f75523;padding-left: 2.6em;}
.trade_list li span.status.cancel i{ padding-left: 1em;}
.trade_list li span.status i {background-image: url(/themes/images/web/arrowhead_r_wh.svg); background-position: right .45em center; background-repeat: no-repeat; background-size: .5em;}

.trade_list li span.status i img.icon { width: 1em; height: auto;position: absolute; left: 1em;}
.trade_list li span.status.assessed i img.icon { width: .8em; }

.trade_data {display: block; font-size: .875rem; margin-bottom: 1em;}
.trade_data dt,.trade_data dd {display: inline-block;}
.trade_data dt { width: 28%; font-weight: bold;}
.trade_data dd { width: 72%;}

.price_col {display: table; padding: 1em;}
.price_col div {display: table-cell; padding: 0 .5em 0 .2em; vertical-align: top;}
.price_col div.num,.price_col div.item_name {font-weight: bold; font-size: .9375rem;}
.price_col div.item_name {min-width: 14em;}
.price_col div.item_name.sSize {min-width: auto;}
.price_col div.btn_right {text-align: right; padding: 0 1.2em 0 1.8em; }

.item_calculate {display: block; padding: 1.5em 0;width: 80%; margin: 0 auto;}
.item_calculate h5.price { display: block;margin:0 auto .5em auto; border-bottom: 3px #df4525 solid; font-weight: bold; font-size:2rem; padding:0 .2em;}
.item_calculate h5.price span.txt {margin-right: 2em; font-size: 1rem;  position: absolute; left: .2em; bottom: .5em;}
.item_calculate h5.price span.txt img.icon { padding-right: .3em;    vertical-align: sub;}

h4.comment { display: block; text-align: center; margin: 3em auto; font-weight: bold; font-size: .9375rem;}
h4.comment i {display: block; margin: .5em auto; position: relative; background-color: #df4525; border-radius: 6em; width: 3.8em; height: 3.8em;}
h4.comment i img {max-width: 1.8em; max-height: 1.8em; margin:auto auto; position: absolute; top: 50%;left: 50%;
transform: translate(-50%,-50%);}
h4.comment i.icon_gray { background-color: #d3d1d1; }
h4.comment i.icon_trp {background-color: transparent;}
h4.comment i.Lsize img {max-width: 3.8em; max-height: 3.8em;}


h3.mark {display: block; text-align: center; margin: 2em auto .3em; font-weight: bold; font-size: 1.5rem;}
h3.mark i.icon_mark {background-color: transparent; width: 5.8em; height: 4.8em;display: block; margin: .5em auto;}


.wallet_list {display: block; margin-bottom: 1rem; padding: 0;}
.wallet_list li {display: block; letter-spacing: -.5em; width: 100%; font-size: .875rem; position: relative; padding-right: 1em; border-bottom:1px #b5b5b5 solid;}
.wallet_list li:not(.headline):nth-child(odd){background-color: #f1efef;}
.wallet_list li:not(.headline) { background-attachment: scroll; background-image: url(../images/icons/arrow_right.svg); background-position: 97% center; background-repeat: no-repeat; background-size: .65em;}
.wallet_list li span {display: inline-block; letter-spacing: normal;vertical-align: middle; text-align: center; padding: .6em .3em; width: 27%; }
.wallet_list li span.date {width:36%; font-size: .75rem; text-align: left; padding-left: 1em;}
.wallet_list li span.price { width: 33%; text-align: right; white-space: nowrap; z-index: 30; position: relative;}
.wallet_list li.headline span {width: 33%;}
.wallet_list li p {display: block; letter-spacing: normal;padding:0 1em 0 1em; }
.wallet_list li span.status i {display: block; width: auto; min-width: 9em; font-size: .6875rem; color: #fff; font-style: normal;line-height: 1.2; font-weight: bold; position: relative;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-flex;
    height: 1.25em;
	position: relative;
    vertical-align: top;
background-color: #a7a7a7;
    cursor: pointer;
    justify-content: center;
    padding-bottom: calc(1.2em - 1px);
    padding-left: 1.75em;
    padding-right: .5em;
    padding-top: calc(1.2em - 1px);
    text-align: center;
    white-space: nowrap;}
.wallet_list li span.status i img.icon { width:  1.2em;height: auto;position: absolute;left: .5em;}
.wallet_list li span.status.charge i { background-color: #df4525;}
.wallet_list li span.status.error i { background-color: #a7a7a7;}
.wallet_list li span.status.payment i { background-color: #83ba5a;}

#wrapper {    margin: auto;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;}
#wallet_circle.second {
  background-color: #df4525;
  border-radius: 50%;
  content: '';
  display: block;
  overflow: hidden;
  position: absolute;
  left: -100vw;
  top: -258vw;
  height: 300vw;
  width: 300vw;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);}
#price {
  color: #fff;
  font-size: 1.5625rem;
  margin-left: -50vw;
  position: absolute;
  left: 50%;
  bottom: 5vw;
  text-align: center;
  width: 100vw; }
#price span { display: inline-block; padding: 0 1em 0 .3em; font-size: .875rem;}
.wallet_ico {display: block; margin: 0 auto; width: 2.5rem;}

.chage_box {display: block; margin-top: 42vw; background-color: #fcece9; padding:2.5rem 2rem 2rem 2rem;}
.chage_form {display: table; width: 100%; margin-bottom: .8em;}
.chage_form dt,.chage_form dd {display: table-cell; vertical-align: middle;}
.chage_form dt {width: 38%; text-align: right; font-weight: bold; padding-right: .5em; font-size: .875rem;}
.chage_form dd { vertical-align: middle; text-align: right; line-height: 1;}

.disabled { color: #666666;}
.chage_form dd.yen {width: 5%;}
.chage_form dd span {padding-left: .3em; font-size: 1rem;}
.price_text {font-size: 2rem;font-family: Arial, Helvetica, "sans-serif";}


.item_cat {display: block; letter-spacing: -.5em; margin:1rem auto 0 auto; padding: 0 1%; text-align: left;}
.item_cat li {display: inline-block; letter-spacing: normal; width:25%; padding:.3em 1.5%; font-size: .625rem; text-align: center; vertical-align: top;position: relative;}
.item_cat li img {display: block; text-align: center; margin: 0 auto 5px;}
img.btndown { position: absolute; top: 68%; width: 1em; left: 50%;transform: translate(-50%,-0%);}

ul.link_tag {display: block; text-align: left; margin: 0 0 0; padding-left: 0;}
ul.link_tag li {display: inline-block; width: auto; padding: .4em .6em; background-color: #e5e5e5; border: 1px #bfbfbf solid; font-size: .6875rem; margin: 0 1.2% .8em; vertical-align: top; border-radius: 3px; text-align: left;}

p.result {text-align: right; font-size: .875rem; margin-bottom: .2em;}
p.result em {font-weight: bold; font-size: 1rem; font-style: normal;}

.result_inner {margin:0 auto 0 auto; width: 94%;}
ul.result_item { display: block; padding: 1rem 0 0 0;}
ul.result_item li {display: block; background-color: #fff; margin-bottom: 2px;}
ul.result_item li a {display: block;padding: .5em 6% .5em 2%; cursor: pointer;
    background-position: 97% center;
    background-attachment: scroll;
    background-image: url(../images/icons/arrow_right.svg);
    background-repeat: no-repeat;
    background-size: .75em;
    position: relative;}
ul.result_item li img { float: left; margin-right: 3%; width: 35%; border: 1px #ccc solid;}
ul.result_item li span { display: block; margin-left: 38%;}
ul.result_item li:after {content: ""; clear: both; height: .5em; display: block;}
p.result_genre { margin-bottom: .3em;}
h3.result_name {font-weight: bold;  font-size: 1rem; margin-bottom: 1em; line-height: 1.4;}
p.result_maker { color: #999999; font-weight: bold; font-size: .75rem;margin-bottom:0;}


ul.pager {display: table; width: 88%; margin: 0 auto .5rem; padding: 0;border-right: 1px #c9c9c9 solid;}
ul.pager li {display: table-cell; width: auto; padding: 0; margin: 0;border-top: 1px #c9c9c9 solid;border-bottom: 1px #c9c9c9 solid;border-left: 1px #c9c9c9 solid;width: 2rem; height: 2rem; vertical-align: top; text-align: center;}
ul.pager li a { display:inline-block;width: 2rem; height: 2rem;padding: .5em 0 .65em 0; color: #999999; }
ul.pager li.current { background-color: #999999;}
ul.pager li.current a { color: #fff;}
ul.pager li img {width:.65em;}
p.pager_txt {font-size: .75rem; color: #999999; }

.search_itembox {display: block; width: 88%; margin: 0 auto 1rem;}
.item_img {width:78%; margin: 0 auto 2rem; text-align: left;}
.item_img img {display: block; border: 1px #ccc solid; margin-bottom: .5rem;}

ul.linkAnk {display: block; letter-spacing: -.5em;}
ul.linkAnk li {display: inline-block; letter-spacing:normal; width: 48%; padding: 0 2% 0 0;}
ul.linkAnk li a {display: block; background-attachment: scroll; background-image: url(../images/icons/arrow_red_down.svg); background-position: left .65em; background-size: 1.1em; padding-left: 1.4em; background-repeat: no-repeat;}
ul.linkAnk li:nth-child(2n) { padding-right: 0;}
ul.linkAnk li.oneside {display: inline-block; letter-spacing:normal; width: 98%; padding: 0 2% 0 0;}


dl.faq_list {margin-bottom: 2rem;}
dl.faq_list dt {display: block; font-weight: bold; font-size: .9375rem; margin-bottom: .5em; position: relative; padding-left: 2em;}
dl.faq_list dd {display: block; border-bottom: 1px #b5b5b5 solid; padding-bottom: .8em; margin-bottom: .8em; font-size: .875rem; padding-left: 3em;position: relative;}
dl.faq_list dt i ,dl.faq_list dd i { position: absolute;  display: inline-block;border-radius: 3em; font-size: 1rem; color: #fff; font-weight: bold; width: 1.5em; height: 1.5em; text-align: center; font-style: normal;}
dl.faq_list dt i {background-color: #df4525;left: 0em;}
dl.faq_list dd i {background-color: #83ba5a;left: .8em;}




/*** form ***/
.button, .input, .textarea, .select select, .file-cta, .file-name, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis {    font-size: .9375rem;}
.field {position: relative; width: 98%; margin: 0 auto;padding-left: 2%;}

/* 5012 - 2024/01/29 */
/* .field.required::before {content: "必須";color: #df4525;position: absolute;left: -1.5em;top: 2.8em;font-size: 0.750rem;font-weight: bold;} */
.field.required::before { content: "*" ; color: #df4525; position: absolute; left: -.3em; top: 1.1em; font-size: 1.625rem; font-weight: bold;}

/* 5012 - 2024/01/29 */
/* @media screen and (max-width: 660px) {
.field.required::before {    content: "必須";
    color: #df4525;
    position: absolute;
    left: -1.6em;
    top: 3.8em;
    font-size: 0.650rem;
    font-weight: bold;}
} */

.is-grouped {width: 100%;display: flex;justify-content: flex-start;}
.is-grouped > .control:not(:last-child) {margin-bottom: 0;margin-right: 0.75rem;}
.input.half {width:48%; margin-right: 2%;}
.input.half:nth-child(2n) {margin-right: 0;}
.label {font-size: .875rem;}
.label:not(:last-child) {margin-bottom: 0.3em;}
.error { border-color: #df4525; border-width: 2px;}
.error_txt {font-size: .75rem; color: #df4525;}
.button.is-dark.is-small { background-color: #959595; margin-top: .4em; border-radius: 3px; padding: .4em;}

.field.search { margin: 2rem auto;}
.field.search input.box-shadow {box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4);;}
.icon_search {position: absolute; right: .3em; top: .5em; width: 2.5em;}
.icon_search img {max-height: 1.2em;}
.btn_search { position: absolute; right: .2em; top: 0; width: 4em; height: 100%; z-index: 20; background-color: transparent; color: transparent; border: 0 !important;}

.select {width:100%;}
.select select { min-width: auto; display: block; width: 100%;}
.birth_box {display: flex;}
.birth_box .select { margin-right: .2em;}
.year {width: 33%;}
.month {width: 30%;}
.day {width: 30%;}
.birth_box  select, .prefectures select {width:100%;}
p.disabled { color:#666666; padding-left: .4em;}

input[type="radio"] { margin-right: .2em;}
input.input.price_text { text-align: right !important; font-size: 1.5rem;}

label {-webkit-tap-highlight-color: transparent;}

.w75 {width: 75%;}
.mgt30 {margin-top: 3rem;}

/*** switch ***/
.switch__label {
	width: 6em;
	position: relative;
	display: inline-block;}
.switch__content {
	display: block;
  cursor: pointer;
  position: relative;
  border-radius: 30px;
  height: 2.4em;
	overflow: hidden;
	font-size: .9375rem;
		color: #fff;
		font-weight: bold;}
.switch__content:before {
	content: "";
	display: block;
	position: absolute;
/*	width: calc(100% - 3px);
	height: calc(100% - 3px);
	border: 1.5px solid #E5E5EA;*/
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 40px;
	background-color: #b5b5b5;}
.switch__content:after {
	content: "やめる";
	color: #fff;
	display: block;
	position: absolute;
	background-color: transparent;
	width: auto;
	height: auto;
	top: 0%;
	left: 30%;
	border-radius: 30px;
	-webkit-transition: all .0s;
	        transition: all .0s;
			padding: .4em .2em 0em .8em;}
.switch__input {
	display: none;}


.switch__circle {
	display: block;
	top: 2px;
	left: 2px;
	position: absolute;
	-webkit-box-shadow: 0 2px 6px #999;
	        box-shadow: 0 2px 6px #999;
	width: 2em;
	height: 2em;
	-webkit-border-radius: 30px;
	        border-radius: 30px;
	background-color: #fff;
	-webkit-transition: all .0s;
	        transition: all .0s;}
.switch__input:checked ~ .switch__circle {
	left: auto;
	right: .2em;}
.switch__input:checked ~ .switch__content:after {
	background-color: #83ba5a;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "売る"; 
	color: #fff;
	padding: .4em .2em 0 1.5em;
	    text-align: left;}
.switch__label.txtout { width: 4em;}
.txtout .switch__content {overflow: visible;}

/* 5012 - 2024/01/29 */
/* .txtout .switch__content:after {color: #555; left: -75%; white-space: nowrap;content: "返却";} */
.txtout .switch__content:after {color: #555; left: -75%; white-space: nowrap;content: "返却";    padding: 0.4em 0.2em 0em 0.6em;}

.txtout .switch__input:checked ~ .switch__content:after {color: #83ba5a; text-indent: 3em;}


/*** switch 2 ***/
.switch_btn { display: block; margin: 0;}
.switch_btn input {
    display: none;}
.switch_btn label { display: block; letter-spacing: -.5em; width: 8em;
    padding:0 0 1em 0;
    font-size: .9375rem; letter-spacing: normal;
    font-weight: bold;
    cursor: pointer; background-color: transparent !important;}
.switch_btn label:hover,.switch_btn label:active{ background-color: transparent !important;}
.switch_btn label:before {
display: inline-block; text-align: center;
    padding: .6em .4em;
    content: '売る';
	min-width: 3.5em;
    border-radius: 6px 0 0 6px;
    background: linear-gradient(to bottom, #F0F0F0 0%, #DDD 100%);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2) inset;
    color: #333;
}
.switch_btn label:after {
display: inline-block; text-align: center;
    padding: .6em .4em;
    content: 'やめる';
	min-width: 3.5em;
    border-radius: 0 6px 6px 0;
    background: #b5b5b5;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2) inset;
    color: #FFF;}
.switch_btn input + label:hover:before { background-color: transparent;}
.switch_btn input:checked + label:before {
    background: #9C0;
    color: #FFF;
    opacity: 1;}
.switch_btn input:checked + label:after {
    background: linear-gradient(to bottom, #F0F0F0 0%, #DDD 100%);
    color: #333;}
.switch_btn input:checked + label:hover:after { background-color: transparent;}




/*** input number  ***/
.yamatobox_select {display: block; margin: .5em 0; text-align: right; float: right;}
.yamatobox_select::after {clear: both;}
.number-style {border: 1px #b5b5b5 solid; border-radius: 6px; display:table; width: auto;}
.number-style input[type="number"]{
    display: table-cell;
    width: 2.2em;
	height: 2.5em;
    vertical-align: middle;
    text-align: center;
    border: none;
    font-size: 1rem;
    color: #000000;}

.number-style i{
    position: relative;
    display:  table-cell;
    vertical-align: middle;
    width: 2.5em;
    height: 2.5em;
    margin: 0;
    cursor: pointer; font-style: normal;}
.number-style i.number-minus{
    border-right: 2px solid #b5b5b5;}
.number-style i.number-plus{
    border-left: 2px solid #b5b5b5;}
.number-style i.number-minus::after{
    content: ' - ';
    position: absolute;
    left: 50%;
    top: 45%;
	transform: translate(-50%,-50%);
	font-size: 1.75rem;}
.number-style i.number-plus::after{
    content: ' + ';
    position: absolute;
    top: 45%;
    left: 50%;
	transform: translate(-50%,-50%);
	font-size: 1.5rem;}
.number-style i.number-plus::before{}
.number-style i.disabled{}
.number-style i.disabled::after,
.number-style i.disabled::before{
    color: #a4a3a0;}
.number-style input[type='number'] {
    -moz-appearance:textfield;}
.number-style input::-webkit-outer-spin-button,
.number-style input::-webkit-inner-spin-button {
    -webkit-appearance: none;}
	
/*** progress bar  ***/
.progressbar {margin:1rem auto;padding: 0;z-index: 0;position: relative; display: block; letter-spacing: -.5em;}
.progressbar li {
		  list-style-type: none;
		  width: 25%;
		  display: inline-block; letter-spacing: normal; vertical-align: top;
		  font-size: .75rem; line-height: 1.2;
		  position: relative;
		  text-align: center;
		  text-transform: uppercase;
		  color: #666666;}
.progressbar li:before {
		  width: 30px;
		  height: 30px;
		  content: counter(step);
		  counter-increment: step;
		  line-height: 0px;
		  display: block;
		  text-align: center;
		  margin: 0 auto 10px auto;
		  padding: .6em;
		  border-radius: 50%;
		  background-color: #d3d1d1;}
.progressbar li:after {
		  width: 100%;
		  height: 4px;
		  content: '';
		  position: absolute;
		  background-color: #d3d1d1;
		  top: 15px;
		  left: -50%;
		  z-index: -1;}
.progressbar li:first-child:after {content: none;}
.progressbar li.active {color: #df4525;}
.progressbar li.active:before,.progressbar li.pass:before {background-color: #df4525;color:#fff;}
.progressbar li.pass + li:after {background-color: #df4525;}
.progressbar li.step1:before { content: url(../images/icons/prgbar_box.svg);}
.progressbar li.step2:before { content: url(../images/icons/prgbar_search.svg);}
.progressbar li.step3:before { content: url(../images/icons/prgbar_yen.svg);padding: .6em .8em;}
.progressbar li.step4:before { content: url(../images/icons/prgbar_check.svg);padding:.8em .6em;}
.progressbar.entry li.step1:before { content: url(../images/icons/prgbar_box.svg);}
.progressbar.entry li.step2:before { content: url(../images/icons/prgbar_pen.svg);padding: .65em;}
.progressbar.entry li.step3:before { content: url(../images/icons/prgbar_mail.svg);padding:.8em .6em;}
.progressbar.entry li.step4:before { content: url(../images/icons/prgbar_check.svg);padding:.8em .6em;}



ul.bank_list {display: block; width: 100%; margin: .5rem auto 0;border-top: 1px #b5b5b5 solid; padding: 0; }
ul.bank_list li {display: block; margin: 0; font-size: .9375rem; position: relative; border-bottom: 1px #b5b5b5 solid; vertical-align: text-top;}
ul.bank_list li a { display: block;padding: .7em 0 .7em; line-height: 2;}
ul.bank_list li img.logo {width:7em; display: inline-block; padding:0 1em; vertical-align: bottom;}
ul.bank_list li img.icon {width: 1em; position: absolute; right: 5%; top: 32%;}

.bg-gray { background-color: #e5e5e5; padding-top: 1rem !important;padding-bottom: 1rem !important;}

ul.sns_list {display: block; width: 100%; margin: .5rem auto 0;border-top: 1px #b5b5b5 solid; padding: 0; }
ul.sns_list li {display: block; margin: 0; font-size: .9375rem; position: relative; border-bottom: 1px #b5b5b5 solid; vertical-align: text-top;padding-top: calc(1.6em - 1px);padding-bottom: calc(1.6em - 1px);}
ul.sns_list li img.logo {width:4em; display: inline-block; padding:0 1em; vertical-align: bottom;}
ul.sns_list li img.icon {width: 1em; position: absolute; right: 5%; top: 32%;}
ul.sns_list li div.btnbox {position: absolute; right: 5%; top: 50%;transform: translate(0%,-50%);}

/* linebox_col2 */
.linebox_col2 {display: block; letter-spacing: -.5em; margin-bottom: 30px; text-align: center; padding-left: 0;}
.linebox_col2 li {display: inline-block; letter-spacing: normal; width: calc(48% - 2px); border: 1px #ccc solid; border-radius: 6px; padding: 5px 5px 0px 5px ; margin:0 4% 15px 0 ; vertical-align: top;}.linebox_col2 li:nth-child(2n){margin-right: 0;}
.linebox_col2 li p { text-align: left;}
.linebox_col2 li p.cap {line-height: 1.3; margin-bottom: .3em; min-height: 2.6em;}

/* open_container */
.open_container {border-bottom: 2px #e2e2e2 solid;}
.open_container .inner {background-color: #FFF;} 
.open_container h2.toggle_txt{background-color: #f3f3f3;
    border-top: 1px #e2e2e2 solid;
    padding: .9em .5em .9em 10%;
display: block;
    padding-right: 1.8em;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    background-image: url(../images/icons/arrow_down.svg);
    background-position: 96% center;
    background-repeat: no-repeat;
    background-size: 1.2rem;}
.open_container h2.toggle_txt.open {background-image: url( ../images/icons/arrow_up.svg);}
/* pgtop */
.pagetop {position: fixed;bottom: 28%;right: 0; width: 10%; z-index: 100;}



/* fb追加 20190418 */
ul.circle2 {margin-bottom: 0em;}
ul.circle2 li { text-indent: -.2em; padding-left: 0em; margin-left: -.5em;}
ul.circle2 li:before { display: inline-block; content: "●"; color: #888; font-size: .8em; margin-left: -.8em;padding-right: .2em; vertical-align: middle;}

ul.imgList-col2 {display: block;letter-spacing: -.5em;margin-bottom: 30px;}
ul.imgList-col2 li {display: inline-block; width: 52%; padding-right: 4%; letter-spacing: normal; vertical-align: top; margin-bottom: 10px;}
ul.imgList-col2 li img {width: 100%; height: auto;}
ul.imgList-col2 li:nth-child(2n) { width: 48%; padding-right: 0;}

.linebox_col2 li p.cap2 {display: inline; line-height: 1.3; margin-bottom: .3em; min-height: 2.6em;}

.mgb0 {margin-bottom: 0em;}

/* fb追加 20190918 */
.pdgL_zero { padding-left: 0;}
ul.imgList-col2.mgb_zero { margin-bottom: 0;}
ul.imgList-col2 li.mgb_zero { margin-bottom: 0;}
.pdgL_2em { padding-left: 2em;}

/* fb追加 20191210*/
@media screen and (max-width:360px) {
ul.imgList-col2 {display: block;letter-spacing: 0em;}
ul.imgList-col2 li {display: inline-block; width: 100%; padding-right: 0%; text-align: center;}
ul.imgList-col2 li img {width: 100%; height: auto;}
ul.imgList-col2 li:nth-child(2n) { width: 100%;}
}
/* CSS W_GUIDE_POINTCARD */
.pointcard {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.columnPointcard img,  .columnPointcard1 img{
    width: 100%;
}

.columnPointcard1, .columnPointcard {
    width: 90%;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    margin: 20px 0;
}
.columnPointcard2{
    margin-top: 15px;
}

@media screen and (min-width: 613px){
    .columnPointcard1, .columnPointcard {
        width: 45%;
        display: flex;
        justify-content: start;
        align-content: center;
    }

    .columnPointcard1 #Pointcard,.columnPointcard2 #Pointcard,.columnPointcard #Pointcard{
        font-size: .8em !important;
        height: 40px;
        vertical-align: top;
        margin-bottom: -2px;
    }
}
/* CSS W_GUIDE_POINTCARD */