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

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .toggle_txt { background-image: url(../../images/icons/arrow_down.png);} /* IE11 */
  *::-ms-backdrop, .toggle_txt.open {background-image: url(../../images/icons/arrow_up.png);}
  *::-ms-backdrop, .input.half {display: inline-block;}
}

 .IEshow {display: none;}
 .IEhide {display: block;}
@media all and (-ms-high-contrast: none) {
 .IEshow {display: block;}
 .IEhide {display: none;}
}

#logo_footer ul {margin-bottom: .35em; padding-left: 0;}
#logo_footer ul li:last-child{margin-bottom: 0;}
#logo_footer .copy {font-size: .75rem;}

input[type="text"]:focus,
input[type="search"]:focus,
select {outline: 0;}

#header_nav #nav_for_SP img {max-width: 1.75em;}
#header_nav #nav_for_SP ul.submenu { border: 0;}
#header_nav #nav_for_SP ul.submenu li { font-size: .8125rem; padding: 0 0 0 3rem;}
#header_nav #nav_for_SP li a.logout_inmenu { padding-left: 3.2em; color: #666; font-size: .85em;}
#header_rakuuru {padding-left: 20px; height: 82px;}
#header_panel {width: 55px; position: relative;align-self: stretch;
    display: flex;
    align-items: center;
    padding-right: 1rem;
    position: relative;}

#btn_panel {
    cursor: pointer;
    width: 24px;
}

#header_panel .panel-list {
    display: none;
    position: absolute;
    left: -20px;
    top: 70px;
    margin-bottom: 0;
    padding-left: 0;
    border: 1px #ccc solid;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
    background: #fff;
    z-index: 2000;
}

#header_panel .panel-list.open {
    display: block;
}
#header_panel .panel-list::before {content: "▲"; position: absolute; left: 24px;top: -18px; color: #ccc;}
#header_panel .panel-list li {border-bottom: 1px #ccc solid;}
#header_panel .panel-list li a { min-width:320px; display: flex; align-items: center; justify-content: flex-start; font-size: .875rem; min-height: 4em; padding: 1em 1em .8em 1em; }
#header_panel .panel-list li:last-child {border-bottom: 0;}
#header_panel .panel-list li img {height: 1.5em; margin-right: 1em; }
#header_panel .panel-list li img.logo_recore {height: 2.2em; margin-right: 1em; }

#header_panel::after {
    background-color: #9e9e9e;
    content: '';
    display: block;
    position: absolute;
    right: 10px;
    top: 5%;
    height: 90%;
    width: 1px;}
#header_nav {/* min-height: 94px; min-height: 82px;*/}
#header_nav .guide,
#header_nav .before,
#header_nav .login,
#header_nav .logout {display: flex;align-items: flex-end !important; height: 60px;}
#header_nav .guide img,
#header_nav .before img,
#header_nav .login img,
#header_nav .logout img {height: 24px;width: auto;}

#header_nav .for_first,#header_nav .wallet_box {margin-left: 10px;}
#header_rakuuru h1 {align-self: stretch; margin-right: auto; /*width: 250px;*/ width: 180px;
    display: flex;
    align-items: center;}
#header_rakuuru h1 img {margin-bottom: -.5em;}
#header_nav #nav_for_SP nav {width: 24%;}
#header_nav #nav_for_SP li {font-size: 1rem; padding: .35em 0;}
#header_nav .logout {
    display: flex;
    align-items: center;
    padding: 12px 10px 0;
    text-align: center; }#header_nav .logout p {min-width: 6em;}#header_nav .logout img {padding-right: .4em;}
@media screen and (max-width: 768px) {#header_nav #nav_for_SP li {font-size: .875rem;}
}/* end @media screen and (max-width: 768px) */
@media screen and (max-width: 660px) {
#header_nav #nav_for_SP li {font-size: 3.6vw;}
#header_nav #nav_for_SP ul.submenu li{font-size: 3.2vw;}
} /* end @media screen and (max-width: 660px) */

#header_nav .burger i {height: 3px;}
#header_nav .burger::before, #header_nav .burger::after{height: 3px;}
#header_nav .burger i,#header_nav .burger::before, #header_nav .burger::after {display: none;}
#header_nav .burger { width: 27px;}
#header_nav .burger img {margin-top: 5px;}
#header_nav .for_first { text-align: center;}
#header_nav .for_first p {font-size: .625rem; font-weight: normal; display: block;}
#header_nav .for_first img {height: 27px; margin: 0 auto;text-align: center;}
#header_nav .entry p {display: inline-block;
      font-size: 1rem;
      margin: 0 .5em 0 0;
      vertical-align: middle;}
#header_nav .entry p strong {
        color: #d44316;
        display: inline-block;
        font-size: .875rem;
        font-weight: normal;
        margin: 0 .5em 0 0; } 
#header_nav .wallet_box::before {
    background-color: #9e9e9e;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 5%;
    height: 90%;
    width: 1px;}
#header_nav .wallet_box {
    align-self: stretch;
    display: flex;
    align-items: center;
    padding-left: 1rem;
    position: relative;}
#header_nav .wallet_box span { background: rgba(223,69,37,0.1); display: flex; border-radius: 6px; padding:0 5px; width: 180px; align-items: center;justify-content: center;}
#header_nav .wallet_box div {display: inline-block; text-align: center;    padding: 12px 12px 0 0;}
#header_nav .wallet_box em { border-bottom: 2px #df4525 solid; padding: .3em 0;display: inline-block;font-size:1rem;font-weight: bold; font-style: normal; margin: 0 .5em 0 0; } #header_nav .wallet_box em i {font-weight: normal; font-size: .8125rem; font-style: normal;}

#header_nav .apply {padding: 10px 35px 6px;}
#header_sofmap img.bc_g { width: 90px;}
#search_area {padding: .5rem 0; margin-bottom: 0;/*20210816*/}
#search_area select {border-color: #9e9e9e; border-top-left-radius: 8px;border-bottom-left-radius:8px;}
#search_area .search_text {border-color: #9e9e9e;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
#search_area label {font-size: .9375rem; font-weight: normal;}

#search_area .buttons:last-child { margin-bottom: 0;}

#slider { height: 335px;}
#slider .inner article {width: 820px;}
#slider article a img {/*max-width: 820px;*/}
#slider::before {height: 335px; margin-left: 425px;}
#slider::after {height: 335px;    margin-right: 425px;}
#slider .arrow.prev {margin-left: -480px;}
#slider .arrow.next {margin-right: -480px;}


p {font-feature-settings: 'palt';}



strong {color: #333;}
ol {list-style-type: decimal;}
li {font-size: .875rem;margin-left: 0;}
.btn_apply { z-index: 100;}
/* 20201203 mypage */
/*.wrp .container { padding: 1rem 0;}*/
.wrp .container {padding: 0 0 1rem;}
.contents {margin: 1rem auto 60px;}

.ic_list li{  background-image: url(../../images/web/arrow_down.svg); background-size: 2rem; background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 2rem;
    padding-bottom: 1.3em;}
.ic_list li.open {  background-image: url(../../images/web/arrow_down_r.svg);background-size: 2rem;}
.list_campaign {justify-content: flex-start;}
.list_campaign li { margin-right: 2.66%;}
.list_campaign li:nth-child(4n) {margin-right: 0;}
.list_campaign li span{height:auto; min-height: 2.4em; overflow: visible;}
.second #search_area { margin-bottom: 0;}
#search_area .inner {max-width: 1100px;}
#search_area .popular_word_list dt::after{    vertical-align: text-bottom;}
#search_area .search_wrap {justify-content: center; margin-bottom: 0;}
#search_area .popular_word_list{justify-content: center; margin-top: .8rem;}
#search_area label {padding-right: 0;}
#search_area .field_wrap {padding: 0 .6em;}
#search_area .buttons {padding: 0 2rem 0 0; max-width: 180px;cursor: pointer;}
#search_area .buttons img {width: 148px; height: 40px; display: block;}
#search_area .popular_word_list dd a {white-space: nowrap;}
.download_belt .inner {background-image: url(../../images/web/download.png);}
.relation_word_list { display: flex;align-items: center;justify-content: flex-start; margin-bottom: 1em;}
.relation_word_list dd {background-color: #e5e5e5;
    border-color: #bfbfbf;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    font-size: .75rem;
    margin-right: 1em;}
.relation_word_list dd a {white-space: nowrap;line-height: 1.625rem;padding: 0 .5em;}

.item_list .open_box {display: block;}
.item_list .price_col,.hide_content {letter-spacing: normal;}
.open_col {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_col {margin-bottom: 0;}

.contents.nomgb {margin-bottom: 10px;}
#search-cat .contents { margin-left: 0; margin-right: auto;padding-left: 40px;width: 100%;min-width: 900px; padding-top: 1rem;}

#search-cat {width: 100%; display: flex; min-width: 1160px;}
#left-menu {border-right: 2px #e1e1e1 solid; width: 240px; padding-top: 2rem;}
#left-menu h4 {display: block;margin-left: auto; margin-right: auto; text-align: center;}
ul.left-category-list {border-top: 2px #e1e1e1 solid; padding-left: 0;}
ul.left-category-list li a { display: flex; align-items:center; justify-content:center; text-align: center;min-height: 5em; border-bottom: 2px #e1e1e1 solid; padding: 0 2.6rem; width: 100%;}
ul.left-category-list li a.current { background: linear-gradient(90deg,#db9077 0%,#db9077 6%,#e1e1e1 6%,#e1e1e1 100%);}

ul.cat-s-box {display: block; letter-spacing: -.5em; margin: 0 auto 1.5rem; padding: 0;}
ul.cat-s-box li {display: inline-block; width: 220px; padding: 0 10px; letter-spacing: normal; margin-bottom: 20px; vertical-align: top;}
ul.cat-s-box li a {display: flex;  flex-wrap: wrap; justify-content: center; align-items: center;border: 1px #e1e1e1 solid; min-height: 200px; padding:20px 5px 10px; text-align: center;}
ul.cat-s-box li a img {width:90%; padding: 10px 10%; }

ul.item-list-box {display: block; letter-spacing: -.5em; margin: 0 auto 1.5rem; padding: 0;}
ul.item-list-box li {display: inline-block; width: 25%; padding: 0 10px; letter-spacing: normal; margin-bottom: 20px; vertical-align: top;}
ul.item-list-box li a {display: block; border: 1px #e1e1e1 solid; min-height: 340px; padding:10px 20px 10px; text-align: left; }
ul.item-list-box li h4 {font-weight: bold; line-height: 1.4;}
#web p.cat-name { font-size: .8125rem; color: #666;}

.second h4.sttl { display: inline-block;margin-left: auto; margin-right: auto;font-size: 1rem; border-left: 6px #df4525 solid; padding-left: 8px; line-height: 1.2; margin-bottom: .8em;}
.second #left-menu h4.sttl { border-left: 0; margin-left: -.4em;}
.second #left-menu h4.sttl::before { content: ""; display: inline-block; vertical-align: text-bottom; width: 6px; background-color: #df4525; margin-right: .2em; height: 1em;}

.second #left-menu h4.sttl {position: relative; padding-left: 0;}
.second #left-menu h4.sttl::before { display: block; position:absolute; left: 50%; top: 0; height: 1.2em; margin-right: 0; margin-left: -3.8em;}

h2.cat-ttl { font-size: 1.875rem; display: flex;align-items: center; margin-bottom: .6em;}
h2.cat-ttl:first-of-type {margin-top: -.6em;}
h2.cat-ttl img {margin-right: 1rem;}
h3.link-ttl { font-size: 1.375rem; margin-bottom: .2em;display: flex;align-items: center; justify-content: flex-start; padding-left: 10px; }
h3.link-ttl::after {content:  url(../../images/web/arrow_gray.svg); margin-left: .5em;}

#web ul.pager { width: 50%; max-width: 450px;}
/* #web ul.pager li.current {
    background-color: #f9d2c7;
}
#web ul.pager li { vertical-align: middle;width: 11.11%; height:45px !important;}
#web ul.pager li a { padding: 0; display: inline-flex;
    align-items: center;
    justify-content: center;}
#web ul.pager li img { width: auto; height: 12px !important;}
#web ul.pager li.disabled img { opacity: .3 !important;}*/
#web p.pager_txt {font-size: .8125rem;}

.item-detail {display: block; position: relative;}
.item-ph {display: block;position: absolute; left: 0 ;top: 0;min-width: 440px;}
.item-ph img {border: 1px #e1e1e1 solid; padding: 30px 60px;}
.item-info { display: block; padding-left: 440px;}

.btn-more { background: rgba(200,145,41,0.2); padding-left: 2em;   padding-right: 2em; min-width: 220px;width: 220px; display: flex; align-items: center; margin-left: auto; margin-right: auto;}
.btn-more::before {content: "+"; display: inline-block; padding-right: .2em; color: #727272; font-size: 1.5em; margin-top:0;}
.note-box {display: block; width: 100%; border-top: 1px #e1e1e1 solid;border-bottom: 1px #e1e1e1 solid; padding: 1rem 0;}

  /* font-size */
#web h2.title,h2.title:not(:last-child){font-size: 1.375rem;}
#web h3.stitle { font-size: 1.25rem; margin-bottom: .8em;position: relative;}
#web h3.stitle span {font-size: .875rem; font-weight: normal;position: absolute; text-align: right; right: 0; bottom: .5em; letter-spacing: 0em;}
#web h3.stitle span em { font-size: 1.25rem; font-weight: bold; font-style: normal;}
#web h5 {font-size: 1.0625rem;}
#web p {font-size: 1rem;margin-bottom: .8em;line-height: 1.6;}
#web p.lead {font-size:1.125rem;}
#web p.lead_L {font-size:1.25rem;}
#web p.nomgb {}
#web p.ast { font-size: .75rem;}
#web p.notice {font-size: .875rem;}
#web li {font-size: .9375rem;}
#web .numlist li {font-size: .875rem;}/*3956 2021.11.15*/
#web .cap,#web .cap li {font-size: .75rem;}
#web .txtS,#web .txtS li {font-size: .825rem;}
#web .txtXS,#web .txtXS li {font-size: .75rem;}
#web .txtXXS,#web .txtXXS li {font-size: .6875rem;}
#web .txt_NS,#web .txt_NS li {font-size:.9375rem;} ul.txt_N li {font-size:.9375rem !important;}
#web .txt_N,#web .txt_N li {font-size:1rem;} ul.txt_N li {font-size:1rem !important;}
#web .txt_MS,#web .txt_MS li {font-size:1.125rem;}
#web .txt_M,#web .txt_M li {font-size:1.25rem;}
#web .txt_L,#web .txt_L li {font-size:1.5rem;}
#web .txt_XL,#web .txt_XL li {font-size:2rem;}

#web table {font-size: 1rem;}
#web .attention_link {font-size: 1rem;border: 1px #b5b5b5 solid; border-radius: 12px; width: 90%; margin: 0 auto 15px; padding-left: 12%;}
#web .attention_link span:before {display: inline-block;width: 5%;position: absolute;top: 50%;left: 5%;-webkit-transform: translate(-0%,-50%);transform: translate(-0%,-50%);content: url(../../images/icons/attention_y.svg);}
#web .toggle_txt {padding-right: 2em;}
#web h5.price {padding-right: 2.2em;font-size: 1.75rem;}
#web h5.price.Lsize { font-size: 2.50rem; padding-right: 0;}
#web h5.price em { margin-left: auto; margin-right: 0; }
#web .btnbox {width: 80%; margin: 0 auto 15px ;}
#web .btn {/*font-size: 1.125rem;*/ font-size: 1rem;}
#web .btn .icon {height: 1em;width: 2em;}
#web .btn.cancel .icon{ width: 1.5em;}
#web .btn.confirm .icon,
#web .btn.undo .icon{ width: 1.8em;}
#web .btn-canceled {max-width: 80%;}
#web .btn.canceled .icon {width: 1rem;}
#web .btn-rakuda,
#web .btn-charge {max-width: 80%; margin: 0 auto 1rem;}
#web .btn.check_seet .icon {width: 1.2em;}


#web .btnbox span.w80 {width: 80%;}
#web .btnbox span.w70 {width: 70%;}
#web .btnbox {display: table;table-layout: fixed;}
#web span.icon { display: inline-block;}
#web .btn {display: flex;flex-wrap: wrap;}


#web .bkbox {max-width: 80%; border: 1px #000 solid; margin-bottom: 3rem;}
#web ul.icon_list li {max-width: calc(25% - 3%);}
#web .whbox {max-width: 80%; margin-bottom: 3rem;}
#web .whbox-img {text-align: center; margin-bottom: 3rem;}
#web .astbox {width: 80%; margin-bottom: 3rem;}
#web .box_select { width: 100%;}
#web .box_select dl {font-size: .875rem;}
#web .box_select img {display: block; margin: 0 auto;}
#web .whbox-img.w80 {width: 80%;}


/* 202011 */
#search_area .buttons {padding-right: 0;}
.btn_song {text-align: right;}
#search_area label.search_text {padding-left: 1rem;}


/* breadcrumb 20.04.10 */
.breadcrumb {
  display: flex;
  margin: 0 0 1rem 0;
  width: 100%; }
  .breadcrumb li {
    font-size: 0.75rem;
    margin-right: .5em; }
  .breadcrumb a {
    color: #066eb3;
    margin-right:.5em; padding: 0;}
.breadcrumb::before {content: ""; width: 1em; height: 1em; display: inline-block; margin-left: -1.5em;/*20210118*/ background-attachment: scroll; background-image: url(/themes/images/web/brd_home.svg); background-position: left .2em; background-repeat: no-repeat; background-size: 12px;}
.breadcrumb li + li::before  { content: "";}

@media screen and (max-width: 660px) {
.breadcrumb li {font-size: 2.6vw;margin-right: .65em !important; display: inline-flex; white-space: nowrap;}
} /* end @media screen and (max-width: 660px) */

@media screen and (max-width: 440px) {
ol.breadcrumb {display: flex;  padding:.3em 3vw .3em 7vw; border-bottom: 1px #ddd solid; background-color: #fff;min-width: 90vw;}
ol.breadcrumb li {font-size: 2.6vw !important ;margin-right: .65em !important; display: inline-flex; white-space: nowrap;}
.wrp_brd {width: 100%;overflow-x: hidden; position: relative;border-bottom: 1px #ddd solid;} 
.wrp_brd::before{background: linear-gradient(to left, rgba(252, 252, 252, 0) 0%, #fcfcfc 100%);
    content: "";
    display: block;
	height: 99%;
    width: 5vw;
	left: 0; top: 0;
    position: absolute;z-index: 10;}
.wrp_brd::after{background: linear-gradient(to right, rgba(252, 252, 252, 0) 0%, #fcfcfc 100%);
    content: "";
    display: block;
	height: 99%;
    width: 5vw;
	right: 0; top: 0;
    position: absolute;z-index: 10;}
	
.scroll_brd {width: 100%;overflow-x: scroll; position: relative; background-color: #fff;}
.scroll_brd ol.breadcrumb {display:flex;flex-wrap: nowrap;  padding:.4em 3vw .4em 7vw;min-width: 90vw; border-bottom: 0; line-height: 2; margin-bottom: 0;}
.scroll_brd ol.breadcrumb li {font-size: 2.6vw !important ;margin-right: .65em !important; display:inline-flex; white-space: nowrap;}
.scroll_brd ol.breadcrumb li:last-child {padding-right: 2em;}
.breadcrumb::before {vertical-align: text-bottom; z-index: 100; position: relative;margin-left: -1em;/*20210118*/}
.scroll_brd .breadcrumb::before {position: absolute;}
.breadcrumb a {color: #066eb3;margin-right: .65em; }
ol.breadcrumb.gray {background-color: #666;color: #fff;}
#main ol.breadcrumb.gray a {color: #fff; line-height: 1;}
} /* end @media screen and (max-width: 440px) */
/* breadcrumb */




@media screen and (max-width: 768px) {
#web .whbox-img.w80 {width: 100%; padding: 3vw 6vw;}
} /* end @media screen and (max-width: 768px) */


#web .price_col {width: 100%;}
#web .price_col div.btn_right{ width: 160px;}

#web .trade_data dt {padding: .4em .6em;background-color: #e6e6e6;border-right: 2px #ccc solid;border-bottom: 1px #fff solid;}
#web .trade_data dd {padding: .4em .6em;border-top: 1px #e5e5e5 solid;}
#web .trade_data dd:last-child {border-bottom: 1px #e5e5e5 solid;}
#web .item_col {border-top: 1px #b5b5b5 solid;border-bottom: 1px #b5b5b5 solid;margin-top: -1px;}
#web .item_col .open_col { margin-bottom: 0px;}
#web .trade_list {width: 100%; max-width: 80%; margin: 0 auto 1rem;}
#web .trade_list li {}
#web .trade_list li span { padding: .6em 1.75%;}
#web .progressbar {max-width: 80%;}
#web .progressbar li {font-size: .8125rem;}
#web .breadcrumb ol { padding-left: 0; margin-bottom: .5rem;}
#web .breadcrumb li {font-size: .8125rem;}#web .breadcrumb li img {width: 12px;}
#web .breadcrumb li + li::before{ color: transparent; content: none;}


#web .field { width: 88%;}
.field.search input.box-line {border-color: #000;
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px; height: 3em;}
#web .control.has-icons-right .icon_search {height: 2.65em;}

.col2imgbox {display: block; letter-spacing: -.5em; margin:0 auto 25px; width: 90%;}
.col2imgbox span {display: inline-block; letter-spacing:normal; width: 48%; margin-right: 4%; margin-bottom: 15px; text-align: center;}
.col2imgbox span:nth-child(2n) {margin-right: 0;}
.col2imgbox span img {max-width: 100%;}

.col3imgbox {display: block; letter-spacing: -.5em; margin:0 auto 25px; width: 90%;}
.col3imgbox span {display: inline-block; letter-spacing:normal; width: 31%; margin-right: 3.5%; margin-bottom: 10px; text-align: center;}
.col3imgbox span:nth-child(3n) {margin-right: 0;}
.col3imgbox span img {max-width: 100%;}

ul.ph3col {display: block; letter-spacing: -.5em; text-align: center; margin-top: 20px; margin-left: auto; padding-left: 0;}
ul.ph3col li {display: inline-block; width: 30%; padding: 0 1.5%; text-align: center; letter-spacing: normal;}
ul.ph3col li i img {display: block; margin: 0 auto; text-align: center;border-radius: 100%; display: block; margin-bottom: 10px;}

.id_list {display: block;letter-spacing: -.5em;  width: 100%; padding: 0; margin: 0;}
.id_list li {display: inline-block; letter-spacing: normal; width: 48%; padding: 0 1%; text-align: center; vertical-align: top;}


#web ul.icon_list {display: flex; width: 100%; padding: 0; margin: 0 auto 1rem auto; align-items: flex-start; justify-content: center;}
#web ul.icon_list li {width: 22%;  padding:0 1.5%; font-size: .6875rem; vertical-align: top; align-items: center;text-align: center; line-height: 1;}
#web ul.icon_list li a { line-height: 1; text-align: center;}
#web ul.icon_list li i {display: block; background-color: #fff; border-radius: 200%; max-width: 100%; width:5rem; height: 5rem; position: relative; margin: 0 auto;}
#web 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%);}

.item-slider {display: block; margin-bottom: 3rem; width: 100%; overflow: hidden; min-height: 130px; margin: 0; padding: 0; white-space: nowrap;}
.item-slider ul {
    padding:0;
    position: relative;}
.item-slider li {display: inline-block;font-size: .8125rem; font-weight: bold; vertical-align: top; text-align: center; margin-bottom: 1rem;padding: 0 20px;}
.item-slider li a,.item-slider li a:link,.item-slider li a:visited,.item-slider li a:hover,.item-slider li a:active { color: #df4525; }
.item-slider li span {display: flex;position: relative;width: 100px; height: 100px; align-items: center; justify-content: center;}
.item-slider li span img {display: block; width: 70%; height: auto; border-radius: 50px; z-index: 10; margin-bottom: 0;opacity: 1;}

.item-slider li span::after {content: ""; width: 100px; height: 100px; border-radius: 50px; background: rgba(223,69,37,0.2); position: absolute; left: 0; top: 0; z-index: 30;mix-blend-mode:multiply ;}

.line-red span {display: inline-block;border-bottom: 3px #df4525 solid; padding-bottom: .3em;padding-left: .2em; padding-right: .2em;}

.category-menu {display: block; margin-bottom: .6rem; border: 1px #CCC solid;}
.category-menu h3.l-category {display: block; padding: .3em; position: relative; padding-left: 80px; line-height: 2.8; font-weight: normal;}
.category-menu h3.l-category a {color: #333;}
.l-category {font-size: 1.625rem;}
.m-category {font-size: 1.375rem; position: relative; padding: .375em .5em .375em 0/*65px*/;}
.l-category i {width: 70px; position: absolute; left: .3em; top: .3em;}
/*3592*/
.m-category a {line-height: 1.2; display: flex; justify-content: flex-start; align-items: center;flex-direction: row;}
.m-category i { width: 55px; /*position: absolute; left: 0; top: -.25em;*/ display: inline-flex; margin-right: 10px;}

.l-category-top { font-size: 1rem; position: relative; padding: 0em .5em 0 50px; line-height: 1.2; height: 3em; display: flex; align-items: center;justify-content: flex-start;vertical-align:  middle;}
.l-category-top i { width: 45px; position: absolute; left: 0; top: 50%;}
.l-category-top i img {display: block; margin-top: -1.5em; height: 45px;}

/*3592*/
.col3-box {/*display: block;width: 100%;letter-spacing: -.5em;padding-left: 2px;padding-bottom: 2px;*//* height: 100%; */
 display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; flex-direction: row;}
.category-box {display: inline-block;background: #f4f4f4;border: 2px #fff solid;width:calc(33.3333% - 0%);letter-spacing: normal;padding:20px 2% 0 2%;vertical-align: top;/* height: auto; */}
.category-box.is-2box {  width:calc(66.6666% - 0%);}
.category-box.is-1box {  width:calc(100% - 0%);}
.category-box:nth-child(3n) {}
.s-category {padding-left: 70px; min-height: 5.5em;}
.category-linebox {display: inline-block;background: #fff; border: 1px #ccc solid; width:calc(33.3333% - 10px); letter-spacing: normal;padding:15px 2% 0 2%; vertical-align: top; margin-right: 10px; margin-bottom: 10px; /*min-height: 167px;*/ min-height: 160px;}
.category-linebox:nth-child(3n) { margin-right: 0;}
.s-category-top { padding-left: 20px;}
.s-category-top a {white-space: nowrap;}
.s-category-top li { display: inline-block; padding:0;}
.s-category-top li+li::before {color: #b5b5b5;content: "\0002f"; padding-right: .3em; padding-left: .3em;}

.half-colums {display: flex; align-items: flex-start;}


a.linktxt_blue::before{ content: url(../../images/icons/arrow_right.svg); width: .65em; display: inline-block; padding-right: .3em;}
a.linktxt_blue,a.linktxt_blue:visited { color: #004899;}
a.linktxt_blue:hover,a.linktxt_blue:active { color: #0371d6;}

a.linktxt_txtblue,a.linktxt_txtblue:visited { color: #004899;}
a.linktxt_txtblue:hover,a.linktxt_txtblue:active { color: #0371d6;}


.btn.apply {background-color: #df4525; margin: 1rem auto;}


.mypage-list .menu_list {display: block; margin: 0 auto; border-top: none; text-align: center;}
.mypage-list h3 {display: none;}
.mypage-list .menu_list li {display: inline-block; border-bottom: none; padding: 0 1% 15px; }
.mypage-list .menu_list li.regulation {margin-top: 40px;}
.mypage-list .menu_list li a {display: flex;  width: 200px; min-height: 200px; align-items: flex-end; justify-content: center; border: 1px #ccc solid; border-radius: 6px; background: none; padding:2rem 0;}
.mypage-list .menu_list li.regulation a { width: 425px; height: 53px; min-height: auto; align-items: center; padding: 0;}
.mypage-list .menu_list li a:before {
    display: block;
    content: " ";
    width: 55px;
    position: absolute;
    top: 25%;
    left: 50%;
    -webkit-transform: translate(-50%,-0%);
    transform: translate(-50%,-0%);}
.mypage-list .menu_list li.wallet a:before { content: url("../../images/icons/wallet.svg")}
.mypage-list .menu_list li.mochimono a:before { content: url("../../images/icons/mochimono.svg")}
.mypage-list .menu_list li.shop a:before { content: url("../../images/icons/shop.svg")}
.mypage-list .menu_list li.tradelist a:before { content: url("../../images/icons/rakuda_mono.svg")}
.mypage-list .menu_list li.profile a:before { content: url("../../images/icons/profile.svg")}
.mypage-list .menu_list li.account a:before { content: url("../../images/icons/account.svg")}
.mypage-list .menu_list li.identity a:before { content: url("../../images/icons/identity.svg"); padding-top: 3%;}
.mypage-list .menu_list li.bankaccount a:before { content: url("../../images/icons/bankaccount.svg")}
.mypage-list .menu_list li.sns a:before { content: url("../../images/icons/sns.svg")}
.mypage-list .menu_list li.regulation a:before { content: url("../../images/icons/regulation.svg");width: 44px;}
.mypage-list .menu_list li.regulation a:before { content: none;}
.mypage-list .menu_list li.faq a:before { content: url("../../images/icons/faq.svg");width: 33px;}
.mypage-list .menu_list li.inquiry a:before { content: url("../../images/icons/inquiry.svg")}
.mypage-list .menu_list li.other a:before { content: url("../../images/icons/other.svg"); padding-top: 6.5%; width: 45px;}
.mypage-list .menu_list li.histry a:before { content: url("../../images/icons/note.svg"); width: 1.2em; margin-left: 1em;}
.mypage-list .menu_list li.check a:before { content: url("../../images/icons/check_seet.svg"); width: 1.2em; margin-left: 1em;}
.mypage-list .menu_list li.noico a {padding-left: 1em;}
.mypage-list .menu_list li a:hover ,.mypage-list .menu_list li a:active {background-color: #ffece9;}
#web .mypage-list .menu_list li p.txtlink {padding-bottom: 0; margin-bottom: 0; background-attachment: scroll; /*background-image: url(../../images/icons/arrow_red.svg) */; background-position: left center; background-size: .5em; /*padding-left: .8em;*/ background-repeat: no-repeat;}
#web .mypage-list a.exclamation_s:after {margin-bottom: .4em;}

#mypage-sec { display: block; position: relative;}
#mypage-cont {display: block; padding-left: 300px;}
#localmenu { display: block; position: absolute; left: 0; top: 0; width: 260px; border:1px #dddada solid; padding: 5px 0 0 0;}
#localmenu .menu_list {display: block; margin: 0 auto; border-top: none; text-align: center;}
#localmenu h3 {display: flex; background-color: #efefef; padding:.8em .6em; margin: 0 5px; align-items: center; justify-content: flex-start;}
#localmenu h3 img { margin-right: 5px; width: 1.5em;}
#localmenu .menu_list li {display: block;  padding: 0; border-bottom: 0;}
#localmenu .menu_list li a {display: flex;  width: 100%; min-height: 2em; align-items: center ; justify-content: flex-start;border-bottom: 1px #dddada solid; border-top:0;border-left:0;border-right:0;border-radius: 0; background: none; padding: 1em .9em .9em 18%;}
#localmenu .menu_list li a:hover,#localmenu .menu_list li a:active {background-color: #f4f4f4;}
#localmenu .menu_list li a:before {
    display: block;
    content: " ";
    /*width: 8%;*/
    width: 22px;
    position: absolute;
    top: 50%;
    left: 5%;
    -webkit-transform: translate(-0%,-50%);
    transform: translate(-0%,-50%);}
#localmenu .menu_list li.wallet a:before { content: url("../../images/icons/wallet.svg")}
#localmenu .menu_list li.mochimono a:before { content: url("../../images/icons/mochimono.svg")}
#localmenu .menu_list li.shop a:before { content: url("../../images/icons/shop.svg");width: 2.25em; margin-left: -.5em; margin-bottom: -.25em;}
#localmenu .menu_list li.tradelist a:before { content: url("../../images/icons/rakuda_mono.svg")}
#localmenu .menu_list li.profile a:before { content: url("../../images/icons/profile.svg")}
#localmenu .menu_list li.account a:before { content: url("../../images/icons/account.svg")}
#localmenu .menu_list li.identity a:before { content: url("../../images/icons/identity.svg");}
#localmenu .menu_list li.bankaccount a:before { content: url("../../images/icons/bankaccount.svg")}
#localmenu .menu_list li.sns a:before { content: url("../../images/icons/sns.svg")}
#localmenu .menu_list li.other a:before { content: url("../../images/icons/other.svg");}
#localmenu .menu_list li.regulation a:before { content: url("../../images/icons/regulation.svg");width: 18px;margin: 3px;}
#localmenu .menu_list li.faq a:before { content: url("../../images/icons/faq.svg");width: 15px;margin: 4px;}
#localmenu .menu_list li.inquiry a:before { content: url("../../images/icons/inquiry.svg")}
#localmenu .menu_list li.noico a {padding: 1em .9em .9em 1rem; background-attachment: scroll; background-image: url(../../images/web/arrow_gray.svg); background-position: 95% center; background-repeat: no-repeat;}

#localmenu .menu_list li:last-child a {border-bottom: 0;}
#localmenu .menu_list li p.txtlink { font-size: 1rem; background: none; margin-bottom: 0; padding: 0;}
#web .mypage-list .menu_list li.regulation p.txtlink { margin-bottom: 0;}
#localmenu a.exclamation_s:after {margin-bottom: .2em;}

#web #wallet-wrp {display: block; position: relative; width: 90%; margin: 0 auto;overflow: hidden; border: 1px #ccc solid; border-radius: 12px;}
#web #wallet_circle {width: 1260px; height: 600px; left: -315px; top: -290px;}

#web .item_cat li { width: 15%;}
/* visit 追加 20200402*/
#web .item_cat li span.red {font-size: .8125rem; line-height: 1.2;}

.phRbox {display: block; letter-spacing: -.5em;}
.phRbox span {display: inline-block; letter-spacing: normal; padding-right: 2%; vertical-align: top; width: 58%;}
.phRbox span:nth-child(2n) { padding-right: 0%;width: 40%; text-align: center;}
.phRbox span:nth-child(2n).txtleft {text-align: left;}

.phLbox {display: block; letter-spacing: -.5em;}
.phLbox span {display: inline-block; letter-spacing: normal; padding-right: 2%; vertical-align: top; width: 48%; text-align: center;}
.phLbox span:nth-child(2n) { padding-right: 0%;width: 50%; text-align: left;}

.phLlist {display: block; letter-spacing: -.5em; margin: 0; padding: 0;}
.phLlist li {display: inline-block; letter-spacing:normal; width: 100%; padding: 0 1%; vertical-align: top;}
.phLlist li img { display: block; float: left; margin-right: .5%; margin-bottom: 2em;}
.phLlist li::after{ content: ""; height: 1; clear: both;}

.shadow-box {
    display: block;
    width: 90%;
    padding: 25px 15px 0 15px;
    border-radius: 8px;
    background: #fff;
    margin: 30px auto 30px;
    box-shadow: 0px 0px 6px 3px #e5e5e5;
    border: 1px #dddada solid;}

.ankLink {display: block; margin: 0 auto; letter-spacing: -.5em;padding:15px 0;}
.ankLink li {display: inline-block; width:32%; padding: 0 1%; letter-spacing:normal; margin-bottom: 10px;}
.ankLink li a { display: block;background-color: #fff;border: 1px #df4525 solid; border-radius: 20px; text-align: center; padding: .3em 1em; background-attachment: scroll; background-image: url(../../images/web/arrow_ank.svg);  background-size: .8em; background-position: 92% center; background-repeat: no-repeat; font-size: .9375rem;}
.ankLink li a:link,.ankLink li a:hover,.ankLink li a:visited,.ankLink li a:active {color: #000;}

.bkbox-inner {margin-bottom: 2rem;}
.col-inner {padding-bottom: 2rem;}

.box-container { display: block; margin-bottom: 3rem; letter-spacing: -.5em;}
.box-container section {display: inline-block; letter-spacing: normal; width: 48%; margin-right: 4%; vertical-align: top; 
box-shadow: 0px 0px 6px 3px #e5e5e5;border: 1px #dddada solid; margin-bottom: 15px;}
.box-container section:nth-child(2n) {margin-right: 0;}
.help-content-head {display: block; padding: 1.3em 0; text-align: center; border-bottom: 1px #dddada solid;}
.help-content-head h4 {display: flex; align-items: center; justify-content: center; height: 2.5em;}
.help-content-head h4 img.icon {margin-right: .6em;}
.help-content-list {display: block; padding: 15px 10px;}
.help-content-list li {display: block; font-size: .9375rem;padding: .6em 0 .6em 0; background-attachment: scroll; background-image: url(../../images/web/arrow_gray.svg); background-position: 95% center; background-repeat: no-repeat;}

#web h2.reaf {font-size: 1.50rem; font-weight: bold; text-align: center;}
#web h2.reaf:before {    display: inline-block;
    margin-right: .6em;
    content: url(../../images/web/guide/ico_reaf.png);
    width: 1em;
    vertical-align: middle;}
	
.water {
  margin-left: 0;
  position: absolute;
  left: 0%;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 110%;
  transform: translate(0, 100%);
  background: transparent; }

#web #wallet_num {bottom: 6%;}
#web #info { padding-top: 320px;}
#web #wallet-wrp .menu_list {border-top: 0;}
#web #wallet-wrp .menu_list li { border-bottom: 0; text-align: center;}
#web #wallet-wrp .menu_list li a { display: inline-block;padding: .9em 2em .9em 8%;background-size: .5em;}

.txt-mdl { display: flex; align-items: center;}
em.yl {border-bottom: solid; 
    border-color: #f3c126;
    border-width: .2em;font-style: normal;font-weight: bold;}

.movbox {
    display: block;
    max-width: 1000px;
    margin: 10px auto 3rem;
    position: relative;
    text-align: center;
    letter-spacing: -.5em;}
.movbox span {
    display: inline-block;
    width: 48%;
    padding: 30px 1% 10px;
    text-align: center;
    letter-spacing: normal;}
.movbox span iframe {
    display: block;
    height: auto;
    min-height: 300px;}

.btn_apply_sp {display: none;}

.center {text-align: center !important; margin-left: auto;margin-right: auto;}
br.sp {display: none;}
.spOnly {display: none;}

  /* 単独スクロール用 */
#search_scr {}
#search_scr #header_sofmap {display: none;}


.pager-box { max-width: 600px; margin: 0 auto;}
.pager-box ul.pager-list { border: 1px #DBDBDB solid; background-color: #F2F2F2; display: table; height: 36px; padding-left: 0;width: 100%;}
.pager-box .pager-list li { width: 36px; display: table-cell; vertical-align: middle; text-align: center; padding: 0;}
.pager-box .pager-list li a {display: block;}
.pager-box .pager-list li:nth-child(2),.pager-box .pager-list li:last-child {border-left: 1px #DBDBDB solid;}
.pager-box .pager-list li img {height: 12px;}
.pager-box .pager-list li.pager_text { text-align: center; width: auto; font-size: .75rem;}
.pager-box .pager-list li.pager_text:not(:first-child) {border-left: 1px #DBDBDB solid;}
.pager-box .pager-list li:nth-last-child(2) {border-left: 1px #DBDBDB solid;}

#header_rakuuru h1 img[src$=".svg"],
.burger img[src$=".svg"] {
    width: 100%;}

  /* 出張買取用 */
.ttl-box {display: flex; max-width:500px; margin: 2rem auto; width: 80%; align-items: center; justify-content: center;}
.ttl-img {width: 120px; height: 120px; margin-right: 1rem;}

dl.circle2 {margin-bottom: 0em; padding-left: 1.5em; font-size: .875rem;}
dl.circle2 dt { text-indent: -.2em; padding-left: 0em; margin-left: -.5em; font-weight: bold;}
dl.circle2 dt:before { display: inline-block; content: "●"; color: #888; font-size: .8em; margin-left: -.8em;padding-right: .2em; vertical-align: text-bottom;}
dl.circle2 dl { margin-left: -.5em;}
ul.circle2 li:before {margin-top: -.2em;}

.size-box {display: flex; align-items: center;}
.size-box span {display: inline-block; width: 50%;}

h4.sstitle.nomgt {margin-top: 0;}
h4.sstitle.txt-left {text-align: left;}
.columns.al-center {align-items: center;}
h6.title {line-height: 1.7;}

#web div.attention_link {padding-right: 2em;}

/* button color */
.btn {height: 1.8em;padding-bottom: calc(1.75em - 1px);padding-top: calc(1.75em - 1px);}
.btn.next,.btn.confirm,.btn.snslink {background-color: #96dc5f;}
.btn-gotop .btn.gotop,.btn-go .btn.go {background-color: #96dc5f; }
.btn-charge .btn.charge {background-color: #96dc5f; border: 3px #96dc5f solid;}
.btn-search {background-color: #96dc5f;}
/* button color */


@media screen and (max-width: 768px) {
    /* font-size */
  #web h2.title,h2.title:not(:last-child){font-size: 1.25rem;margin-bottom: .5em;}
  #web h3.stitle { font-size: 1rem;}
  #web h4.sstitle.num i {font-size: 1.5rem; }
  #web h5,h6 {font-size: 1rem ;}
  
  #web p {font-size: .875rem; margin-bottom: .8em; line-height: 1.6;}
  #web p.lead {font-size:1rem;}
  #web p.lead_L {font-size:1.125rem;}
  #web p.nomgb { margin-bottom: .3em;}
  #web p.ast { font-size: .6875rem; text-indent: -1em; padding-left: 1em;}
  #web p.notice {font-size: .75rem; text-indent: -1em; padding-left: 1em; color: #999999; line-height: 1.3; margin-bottom: 2em;}
  #web li {font-size: .8125rem;}
  #web .cap,#web .cap li {font-size: .6875rem;}
  #web .txtS,#web .txtS li {font-size: .8125rem;}
  #web .txtXS,#web .txtXS li {font-size: .75rem;}
  #web .txtXXS,#web .txtXXS li {font-size: .6875rem;}
  #web .txt_NS,#web .txt_NS li {font-size:.9375rem;} ul.txt_N li {font-size:.9375rem !important;}
  #web .disc li {font-size:.9375rem;}
  #web .txt_N,#web .txt_N li {font-size:1rem;} ul.txt_N li {font-size:1rem !important;}
  #web .txt_MS,#web .txt_MS li {font-size:1.125rem;}
  #web .txt_M,#web .txtM,#web .txt_M li  {font-size:1.25rem;}
  #web .txt_L,#web .txt_L li {font-size:1.5rem;}
  #web .txt_XL,#web .txt_XL li {font-size:2rem;}
  
  #web table {font-size: .8125rem;}
  #web .attention_link {font-size: .875rem;}
  
  #web .col2imgbox,
  #web .col3imgbox {width: 100%;}
  #web .attention_link {border-left: none; border-right: none; border-radius: 0; width: 100%;}
  #web .btnbox {width:100%;}
  #web .btn {font-size: 1rem;}
  #web .btn .icon {height: 1em;width: 1.5em;}
  #web .btn.cancel .icon{ width: 1em;}
  #web .btn.confirm .icon{ width: 1.2em;}
  #web .btn.undo .icon{ width: 1.5em;}
  #web .btn-canceled {max-width: 100%;}
  #web .btn.canceled .icon {width: 1rem;}
  #web .btn-rakuda,
  #web .btn-charge {max-width: 100%; margin: 0 auto 1rem;}
  #web .btn.check_seet .icon {width: 1.2em;}
  #web .bkbox {max-width: 100%;}
  #web ul.icon_list li {font-size: .6875rem;}
  #web .whbox {max-width: 100%; width: 90%;}
  #web .whbox.nosp {width: 100%; padding: 0 0; box-shadow: 0px 0px 0px 0px #fff;border: none;}
  #web .astbox {width: 100%;}
  
  #web .box_select dl {font-size: .75rem;}
  #web .progressbar li {font-size: .625rem;}
  #web .trade_data {font-size: .75rem;}
  } /* end @media screen and (max-width: 768px) */

  @media screen and (max-width: 660px) {
  /* font-size */
#web h2.title,h2.title:not(:last-child){font-size: 3.9vw;margin-bottom: .5em;}
#web h3.stitle { font-size: 3.4vw;}
#web h4.sstitle.num i {font-size: 4.2vw; }
#web h5,h6 {font-size: 3.4vw ;}

#web p {font-size: 3.2vw; margin-bottom: .8em; line-height: 1.6;}
#web p.lead {font-size:3.4vw;}
#web p.lead_L {font-size:3.6vw;}
#web p.nomgb { margin-bottom: .3em;}
#web p.ast { font-size: 2.4vw; text-indent: -1em; padding-left: 1em;}
#web p.notice {font-size: 2.6vw; text-indent: -1em; padding-left: 1em; color: #999999; line-height: 1.3; margin-bottom: 2em;}
#web li {font-size: 2.9vw;}
#web .cap,#web .cap li {font-size: 2.4vw;}
#web .txtS,#web .txtS li {font-size: 2.9vw;}
#web .txtXS,#web .txtXS li {font-size: 2.6vw;}
#web .txtXXS,#web .txtXXS li {font-size: 2.4vw;}
#web .txt_NS,#web .txt_NS li {font-size:3.2vw;} ul.txt_N li {font-size:3.2vw !important;}
#web .disc li {font-size:3.2vw;}
#web .txt_N,#web .txt_N li {font-size:3.4vw;} ul.txt_N li {font-size:3.4vw !important;}
#web .txt_MS,#web .txt_MS li {font-size:3.6vw;}
#web .txt_M,#web .txtM,#web .txt_M li {font-size:3.9vw;}
#web .txt_L,#web .txt_L li {font-size:4.2vw;}
#web .txt_XL,#web .txt_XL li {font-size:4.6vw;}

#web table {font-size: 2.9vw;}
#web .attention_link {font-size: 3.2vw;}

#web .col2imgbox,
#web .col3imgbox {width: 100%;}
#web .attention_link {border-left: none; border-right: none; border-radius: 0; width: 100%;}
#web .btnbox {width:100%;}
#web .btn {font-size: 3.4vw;}
#web .btn .icon {height: 1em;width: 1.5em;}
#web .btn.cancel .icon{ width: 1em;}
#web .btn.confirm .icon{ width: 1.2em;}
#web .btn.undo .icon{ width: 1.5em;}
#web .btn-canceled {max-width: 100%;}
#web .btn.canceled .icon {width: 3.4vw;}
#web .btn-rakuda,
#web .btn-charge {max-width: 100%; margin: 0 auto 3.4vw;}
#web .btn.check_seet .icon {width: 1.2em;}
#web .bkbox {max-width: 100%;}
#web ul.icon_list li {font-size: 2.4vw;}
#web .whbox {max-width: 100%; width: 90%;}
#web .whbox.nosp {width: 100%; padding: 0 0; box-shadow: 0px 0px 0px 0px #fff;border: none;}
#web .astbox {width: 100%;}
.w80 {width: 100%;}
.w80 .columns {margin-left: 0;
    margin-right: 0;
     margin-top: 0;}
#web .box_select dl {font-size: 2.6vw;}
#web .progressbar li {font-size: 2.4vw;}
#web .trade_data {font-size: 2.6vw;}
} /* end @media screen and (max-width: 660px) */

@media screen and (max-width: 768px) {
#web .price_col div.btn_right {width: auto;}
#web .price_col {padding: 1rem 0;}
#web .price_col div.item_name {min-width: 0;}
#web .trade_list {width: 100%; max-width: 100%;}
#web .progressbar {max-width: 100%;}

  /* TOP */
.list_campaign li:nth-child(2n) {margin-right: 0;}
.list_campaign li strong {font-size: .875rem;}
.list_campaign li span{font-size: .8125rem; height:auto; min-height: 2.4em; overflow: visible;}
#footer_nav .list_terms li {font-size: .75rem;}
#footer_nav dt,
#footer_nav dd li{font-size: .6875rem; padding-left: .25em; letter-spacing: .02em;}
#header_nav .guide {display: none;}
#header_nav .login,
#header_nav .for_first { align-self: center;}


#header_rakuuru {padding: 0; height: 60px;border-bottom-color: #dddddd; margin-bottom: 0;}
#header_sofmap {padding: 5px 10px;}
#header_sofmap img.bc_g {max-width: 70px;}
#header_sofmap a {max-width: 22%;}
#search_area{ }
#search_area .search_wrap {margin-bottom: 0;}
#search_area .field_wrap {margin: 0 0; padding: 0; max-width: 100%;}
#search_area .select_wrap,
#search_area select { display: none;}
#search_area .search_text {border-left-width: 1px;border-radius: 8px;}


#search_area {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1000;
	border-bottom-color: #ddd;
	border-bottom-style: solid;
    border-bottom-width: 1px;
    }
	#search_area {
    background-color: #fff;}
    #search_area .search_text { min-height: 35px;
        border-color: #9e9e9e;
        border-radius: 8px;
        border-style: solid;
        border-width: 1px;
        box-sizing: border-box; 
        color: #9e9e9e;
        font-size: .75rem !important;
        line-height: 2.375rem !important;
        margin: 0 auto;
        padding: 0 10%;
        width: 85vw !important;
    }
    #search_area.category_search .search_text {
        background-color: #f2f2f2;
        background-image: url(/images/web/ico_loupe_category.svg);
        background-repeat: no-repeat;
        background-position: 5% center;
        background-size: 15px 15px;
        border:none;
    }
    #search_area .search_wrap {
        padding: 12px 4vw; height: 60px;
    }
	.icon_search {top: .35em;}
    #search_area {
        padding: 0;
        margin-bottom: 0;
    }
    #search_area .popular_word_list {
        max-width: 85vw;
    }

#header_nav {align-items: center;min-height: auto; justify-content: flex-end; min-width: 160px;}
#header_nav .login,#header_nav .logout {display: block;}
#header_nav .before {display: none;}
#header_nav .for_first {display: block; padding: 5px 0 0 3px; margin-left: 0;}
#header_nav .for_first img,#header_nav .logout img  {height: 19px; padding-right: 0;}
#header_nav .login,#header_nav .logout {display: block; padding: 5px 0 0 3px; margin-left: 0; margin-right: 0;}
#header_nav .login img {width: 19px; height: auto;}
#header_nav .guide, #header_nav .before, #header_nav .login, #header_nav .logout {height: auto;}
#header_nav p {letter-spacing: -.06em;font-size: .5625rem !important; white-space: nowrap; margin-bottom: 0;}
} /* end @media screen and (max-width: 768px) */
@media screen and (max-width: 660px) {#header_nav p {font-size: 2vw !important;}
} /* end @media screen and (max-width: 660px) */

#header_panel { width: auto; padding:0 .5rem 0 .5rem; margin-left: 2%;}
#header_panel img#btn_panel { width: 20px;}
#header_panel ul.panel-list {top: 45px; left: -8px;}
#header_panel ul.panel-list::before {left: 4.8vw;}
#header_panel::after {display: none;}
#header_rakuuru h1 {width: 30%; max-width: 180px; padding-left: 0px; justify-content: flex-start; margin-right: auto;}
#header_rakuuru h1 img {margin-top: 0;}


@media screen and (max-width: 768px) {
#header_nav {padding-right: /*2%*/ 0;}
#header_nav .wallet_box div {padding: .65vw .65vw .65vw 0;}
#header_nav .wallet_box div img {width: 2.5vw;}
#search_area label {display: none;}
#search_area .buttons {display: none;}

#slider {height: 32.8vw;}
#slider {padding-bottom: 8vw;} 
#slider .inner article {max-width: 100%; width: auto;}
#slider .inner article img {height: 32.8vw;}
      #slider::before {
          height: 32.8vw;
          margin-left: calc(40vw + 5px); }
      #slider::after {
          height: 32.8vw;
          margin-right: calc(40vw + 5px); }
      #slider .arrow.prev {
        margin-left: -46vw; }
       #slider .arrow.next {
        margin-right: -46vw; }
       #slider .arrow {
        top: 12.75vw;
        width: 3vw;}
} /* end @media screen and (max-width: 768px) */

@media screen and (max-width: 660px) {
#header_nav .burger {margin: 0 .25rem;}
#header_nav .entry { display: none;}
#header_nav {padding-right: 5vw;}
#header_nav .wallet_box::before {    display: none;}
#header_nav .wallet_box {padding-left: 0; margin-left: 0;}
#header_nav .wallet_box span { padding: 5px; width: auto;}
#header_nav .wallet_box div {display:none;}
#header_nav .wallet_box em { padding: .3em 0;font-size:.8125rem;font-weight: bold; font-style: normal; margin: 0 .25em; }
#header_nav .wallet_box em i {font-weight: normal; font-size: .625rem; font-style: normal;}
		#slider {
		height: 32.8vw;}
		#slider::before {
		height: 32.8vw;
		margin-left: calc(40vw + 5px); }
		#slider::after {
		height: 32.8vw;
		margin-right: calc(40vw + 5px); }
		#slider .arrow {top: 12.5vw;}
		#slider .arrow.prev {
		margin-left: -46vw; }
		#slider .arrow.next {
		margin-right: -46vw; }
#header_nav .logout {display: none;}

.slider_wrap .arrow {top:27.5%;}
.slider_wrap .slider_dot li {width:8px;height: 8px;margin: 0 3px;}
.ic_list {width: 80%;}
.ic_list li {width: 28%;font-size: .875rem;    background-size: 1.5em;}
#logo_footer {margin: 1.5rem 0;}
#logo_footer ul {margin: 0 auto; width: 40%; padding: 0;}
#logo_footer li {margin-bottom: 10px;}
#footer_rakuuru {max-width: 100%;}
#footer_bic {max-width:70%;}
#footer_nav .inner { padding-top: 15px;}
#footer_nav .list_banner {margin-top: 5px;}
#footer_nav .list_terms {margin-bottom: 4vw;}
.anime_box {height: 20vw;min-height: 20vw;}
.anime_box svg {max-height: 20vw;}

.category-linebox {display: block; min-height: auto; width: 100%; border: 1px #E0E0E0 solid;}
.category-menu h3.l-category {padding-left: 55px; line-height: 1.2; min-height: 3em; display: flex; align-items: center;}
.l-category {font-size: 1.125rem;}
.l-category i {width: 45px;}
.m-category {font-size: 1rem; padding-left: 50px;}
.m-category i {width: 40px;}
.category-box.is-2box,.category-box.is-1box,
.category-box {display: block; min-height: auto; width: 100%;}
.s-category {min-height: auto;}
.half-colums {display: block; }
.half-colums ul {margin-bottom: 0;}

#search_area {background-color: #fff;}


#search-cat .breadcrumb {display: none;}
#search-cat.bc_on .breadcrumb { display: block;}
#web .breadcrumb:not(:last-child) {margin-bottom: 0;}
#web .breadcrumb ol {margin-bottom: .5em; margin-top: .25em;}
#search-cat #web .breadcrumb ol {padding-left: 1em; padding-right: 1em;}
#web .breadcrumb li {font-size: .75em;}
#search-cat { display: table; background-color: #f4f4f4; min-width: auto;}
#search-cat .container { margin: 0;display: table-cell; padding-top: .3rem;}
#search-cat .contents { display: block;padding-left: 1%;max-width: 100%; min-width: auto;width: auto;/*overflow-y: scroll; height: 75vh;*/}
#left-menu { display: table-cell;width: 100px !important; padding-top: .5rem; background-color: #f4f4f4;border-right: 1px #f4f4f4 solid; vertical-align: top;}
#left-menu.pcOnly {display: none;}
ul.left-category-list {border-top: 1px #f4f4f4 solid;/*overflow-y: scroll; height: 72vh;*/}
ul.left-category-list li {border-bottom: none;}
ul.left-category-list li a {padding: 0 .5em; font-size: .65rem; text-align: center; letter-spacing: -.1em;justify-content: center; background-color: #fff;    border-bottom: 2px #f4f4f4 solid;}
#left-menu h4 {margin-left: auto;}
.second #left-menu h4.sttl { margin-left: auto;}
.second #left-menu h4.sttl::before {display: inline-block;position: relative; left: 0; margin-left: 0;margin-right: 2px;}

h2.cat-ttl { font-size: 1rem;}.second h2.cat-ttl img {width: 2.2em; margin-right: .5em;}
h2.cat-ttl:first-of-type {margin-top: 0;}
h3.link-ttl { font-size: .875rem;}
h3.link-ttl::after {content: ""; width: 1em; background-image: url(../../images/web/arrow_gray.svg);background-size: 50%;height: 1em; background-position: left center; background-repeat: no-repeat;}
.second h4.sttl {font-size: .75rem; border-left: none; padding-left: 0;letter-spacing: 0;}
#web ul.cat-s-box li p { font-size: .6875rem; line-height: 1.2;}

/*ul.cat-s-box {display: block; letter-spacing: -.5em; margin: 0 0 .5rem; padding: 0 2%; width:96%;}
ul.cat-s-box li {display: inline-block; width: calc( 33.33% - 1px ); padding: 0 0; vertical-align: top; letter-spacing: normal; margin-bottom: 0; border-right: 1px #e9e9e9 solid;}
ul.cat-s-box li a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin:0 auto 1px; min-height: 120px; padding:3px 5px 0;  background-color: #fff; border: none; width: 100%;}
ul.cat-s-box li a img {max-width: 90%;}
ul.left-category-list li a.current {background: linear-gradient(90deg,#db9077 0%,#db9077 6%,#e9e9e9 6%,#e9e9e9 100%);}*/
ul.cat-s-box {display: block; letter-spacing: -.5em; margin: 0 0 15px 0; padding: 0; width:100%;}
ul.cat-s-box li {display: inline-block; width: calc( 33.33% - 2px ); padding: 0 0; vertical-align: top; letter-spacing: normal; margin-bottom: 0; border-right: 2px #f4f4f4 solid;border-bottom: 2px #f4f4f4 solid;}
ul.cat-s-box li a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin:0 auto ; padding:3px 5px 0;  background-color: #fff; border: none; width: 100%; min-height: 120px;}
ul.cat-s-box li a img {max-width: 90%;width: 90%; padding: 10px 0;}
ul.left-category-list li a.current {background: linear-gradient(90deg,#db9077 0%,#db9077 6%,#f4f4f4 6%,#f4f4f4 100%);}


ul.item-list-box {display: block; letter-spacing: -.5em; margin: 0 auto 1.5rem; padding: 0;}
ul.item-list-box li {display: block; width: 100%; padding: 0 ; letter-spacing: normal; margin-bottom: 5px; }
ul.item-list-box li a {display: block; background: #fff; position: relative; padding-left: 31%; min-height: 26vw; border: none; width: 100%;}
ul.item-list-box li a img {width: 24%; position: absolute; left: 10px; top: 10px;}
ul.item-list-box li h4 {font-weight: bold; line-height: 1.4;}
#web p.cat-name { font-size: .8125rem; color: #666;}
ul.ph3col {margin-top: 20px;}
ul.ph3col li {display: block; width:90%; padding: 0 1% 25px; }

.item-slider li {font-size: .625rem;margin-bottom: .5rem;padding: 0 8px;}
.item-slider li a,.item-slider li a:link,.item-slider li a:visited,.item-slider li a:hover,.item-slider li a:active { color: #df4525; }
.item-slider li span {width: 80px; height: 80px; border-radius: 40px;}
.item-slider li img {}
.item-slider li span::after {content: ""; width: 80px; height: 80px; border-radius: 40px;}
.title.is-5 span {font-size: .9375rem;}

.relation_word_list {display: none;}
.result-area {padding: 1rem;}
#web ul.pager { width: 80%; background-color: #fff;}
/* #web ul.pager li a {width:auto; padding-left: .3em; padding-right: .3em;}
#web ul.pager li img { width: auto; height: .65em;} */

.detail-area {background-color: #fff; width: 92%; margin: 0 auto; padding: 1rem 4%;}
.item-detail {display: block; position: relative;}
.item-ph {display: block;position: relative; min-width: 100px; width:70%; margin: 0 auto;}
.item-ph img {border: 1px #e1e1e1 solid; padding: 5vw 5%;}
.item-info { display: block; padding-left: 0;}
.mypage-list .menu_list li a {    width: 22vw;min-height: 20vw;}
} /* end @media screen and (max-width: 660px) */

@media screen and (max-width: 768px) {
#mypage-sec { display: block; position: relative;}
#mypage-cont {display: block; padding-left: 0;}
#localmenu { display: none;}
#localmenu.guide { display: block; width: 100%; max-width: 90vw;margin-left: auto;margin-right: auto; position: relative;}
#localmenu.guide h3 {display: none;}

#web #wallet-wrp {display: block; position: relative; width: 100%; margin: 0 auto;overflow: hidden; border: 1px #ccc solid; border-radius: 12px;}
#web #wallet_circle {width: 300%; height: 96%; left: -100%; top: -45%;}
} /* end @media screen and (max-width: 768px) */

@media screen and (max-width: 660px) {
.mypage-list {display: block; border:1px #dddada solid; padding: 2vw 0 0 0;}
.mypage-list .menu_list {display: block; margin: 0 auto; border-top: none; text-align: center;}
#web .mypage-list h3 {display: block; background-color: #dddada; padding:.8em .6em; margin: 0 2vw; font-size: 3.6vw;}
.mypage-list .menu_list li {display: block;  padding: 0; }
.mypage-list .menu_list li.regulation {margin-top: 0;}
.mypage-list .menu_list li a {display: flex;  width: 100%; min-height: 2em; align-items: center ; justify-content: flex-start;border-bottom: 1px #dddada solid; border-top:0;border-left:0;border-right:0;border-radius: 0; background: none; padding: 1.125em .9em 1em 18%;}
.mypage-list .menu_list li.regulation a {display: flex;  width: 100%; min-height: 2em; height: auto; align-items: center ; justify-content: flex-start;border-bottom: 1px #dddada solid; border-top:0;border-left:0;border-right:0;border-radius: 0; background: none; padding: 1.125em .9em 1em 18%;}
.mypage-list .menu_list li:last-child a {border-bottom: 0;}
.mypage-list .menu_list li a:before {
    display: block;
    content: " ";
    width: 2em;
    position: absolute;
	top: 50%;
    left: 6.5%;
    -webkit-transform: translate(-0%,-50%);
    transform: translate(-0%,-50%);}
.mypage-list .menu_list li.regulation a:before {
    display: block;
    content: " ";
    width: 2em;
    position: absolute;
    top: 50%;
    left: 6.5%;
    -webkit-transform: translate(-0%,-50%);
    transform: translate(-0%,-50%);}  
.mypage-list .menu_list li.identity a:before {padding-top: 0;}
.mypage-list .menu_list li.regulation a:before { content: url("../../images/icons/regulation.svg");width: 44px;}
.mypage-list .menu_list li.regulation a:before {  width: 1.8em;padding-left: 3px;}
.mypage-list .menu_list li.faq a:before {  width:1.65em;padding-left: 3px;}
.mypage-list .menu_list li.other a:before { padding-top: 0%; width: 1.65em; top: 45%;}
#web .mypage-list .menu_list li p.txtlink { font-size: 4vw; background: none;}
#web .mypage-list a.exclamation_s:after {margin-bottom: .2em;}

.box-container {display: none;}
#header_nav .wallet_box em {font-size:3vw;}
.water {
  margin-left: 0;
  position: absolute;
  left: 0%;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 110%;
  transform: translate(0, 100%);
  background: transparent; }

#web #wallet_num {bottom: 6%;}
#web #info { padding-top: 68vw;}
#web #info h1 { margin: 1rem 0;}
#web #wallet-wrp .menu_list {border-top: 0;}
#web #wallet-wrp .menu_list li { border-bottom: 0; text-align: center;}
#web #wallet-wrp .menu_list li a {padding: .9em 2em .9em 13%;}
.btnwrap {width: 90%; margin: 0 auto;}

#web .id_list { width: 90%; padding: 0; margin: 0 auto;}
#web .id_list li {display: block; text-align: center;width: 100%;}

#web ul.icon_list li i {width:18vw; height: 18vw;}
#web .item_cat li { width: 25%; text-align: left;} 

.phRbox span {display: block; letter-spacing: normal; padding-right: 0%; vertical-align: top; width: 90%; margin: 0 auto;}
.phRbox span:nth-child(2n) { padding-right: 0%;width: 90%; text-align: center;}

.phLbox span {display: block; letter-spacing: normal; padding-right: 0%; vertical-align: top; width: 90%; margin: 0 auto; text-align: center;}
.phLbox span:nth-child(2n) { padding-right: 0%;width: 90%; text-align: left;}

.phLlist {display: block; letter-spacing: -.5em; margin: 0; padding: 0;}
.phLlist li {display: block; letter-spacing:normal; width: 100%; padding: 0 0%; vertical-align: top;}
.phLlist li img { display: block; float: none; margin: 0 auto; margin-bottom: .5em; text-align: center;}
.phLlist li::after{ content: ""; height: 1; clear: both;}
.shadow-box {
    width: 90%;
    padding: 15px 15px 15px;}


.ankLink {text-align: center;}
.ankLink li {display: inline-block; width:49%; padding: 0 1%;}
.ankLink li a {font-size: .8125rem;}

.column.txt-mdl {padding: .75rem .35rem 0 .35rem}
/*
.btn_apply_sp {
    display: block;
    width: 20%;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 100;
    transition: all 100ms 0s ease;}

.btn_apply_sp img {display: block;}
.btn_apply_sp.active {
  transform: translateX(100%);
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);}
*/

/*
 * add.css 不足分
 */
 .btn_apply_sp {
    display: block;
    width: 100px; max-width: 100px;
    position: fixed;
    right: -15px;
    bottom: -15px;
    z-index: 100;
    transform-origin: 0 100%;
    transition: all 600ms 0s ease;}
.btn_apply_sp img {display: block;}
.btn_apply_sp.active:not(.square) {
    transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -ms-transform: rotate(120deg);}
.movbox span {
    display: block;
    width: 90%;
    padding: 30px 1% 10px;
    margin: 0 auto;
    text-align: center;}
.movbox span iframe {display: block;height: auto; min-height: 26vh;}


/* search 単独スクロール用 */
#search-page #header_sofmap {display: none;}
#search-page .head_wrp { position: fixed; top: 0; background-color: #fff; z-index: 1000; width: 100%;}

#search-page .download_belt {display: none;}
#search-page footer#footer_nav,
#search-page footer#logo_footer{display: none;}
#search-page #anime{display: none;}
#search-page .contents { margin-bottom: 0; padding-left: 0; padding-top: 0;}
#search-page .col3-box { padding-left: 0;}
#search-page .category-linebox { padding: 8px 2% 0 2%;}
#search-page #search-cat {padding-top: 120px;background-color: #f4f4f4;}
#search-page #search-cat.wrp {
    display: flex;
	height: 100vh;
    /*height: calc(100vh - 110px);*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;}
#search-page #search-cat #left-menu {
    height: 100%;
    overflow: auto;
    width: 100px;}
#search-page #search-cat .container {
    display: block;
    height: 100%;
    overflow: auto;
    width: calc(100% - 100px);
    -webkit-overflow-scrolling: touch;}
#category-home { padding: 10px 8px 0 8px;}
#search-page #search-cat.bc_on .breadcrumb {display: none;}

/* リストページ　スマホ用 */
#search-list #header_sofmap {display: none;}
#search-list .breadcrumb ul, .breadcrumb ol {margin: .5em auto 0; padding: 0;}
#search-list .breadcrumb li{ font-size: .625rem;}
#search-list .breadcrumb li + li::before {content: "";}
#search-list .breadcrumb li:last-child {font-weight: bold;}
#search-list .breadcrumb a { padding: 0 .25em;}
#search-list .breadcrumb:not(:last-child) {margin-bottom: 0;}
#search-list #search-cat {background-color: #fff;}
#search-list #search-cat .contents {padding-left: 0;}
#search-list .result-area {padding: .25rem 0;}
#search-list .result-inner {padding: 0 5vw;}
#search-list h3.stitle {padding-top: 0;}
#search-list span.result { font-size: .6875rem !important; font-weight: bold; display: flex; justify-content: flex-end; align-items: baseline; margin-bottom: 0;}
#search-list span.result em { color: #DF4525; font-size: 1rem !important; font-style: normal;}

#search-list .result_inner {width: 100%;}
#search-list ul.item-list-box li {display: block; background-color: #fff; margin-bottom: 2px; }
#search-list ul.item-list-box li { border-bottom: 1px #EAEAEA solid;}
#search-list ul.item-list-box li a {padding:.5em 5vw .5em 36.5vw; }
#search-list ul.item-list-box li img {border: none; max-width: 250px;/*left: 7.5vw;*/}
#search-list p.cat-name { font-size: .6875rem; margin-bottom: .25em;}
#search-list h4 { font-size: .875rem;}
#search-list p.result_maker { font-size: .6875rem;}


#header_nav .burger img {display: none;}
#header_nav .burger i,#header_nav .burger::before, #header_nav .burger::after {display: block;}
#header_nav .burger {height: 19px; width: 22px !important;}

.size-box {display: block;}
.size-box span {display: block; width: 100%;}
h6.title { font-size: 1rem !important;}


br.sp {display: block;}
.spOnly {display: block;}
.pcOnly {display: none;}
} /* end @media screen and (max-width: 660px) */


/* ログインページ用追加 201908 */
#web .whbox.w500 {max-width: 500px; padding-bottom: 15px;}
#web .btn_wh {margin-bottom: 20px;}
#web .btn_txt { display: flex;background-color: #FFF; border:2px #ccc solid; justify-content: flex-start; position: relative; font-size: 14px; height: 5em;
background-attachment: scroll; background-image: url(../../images/icons/arrow_green.png); background-position: 97% center; background-repeat: no-repeat; background-size: 8px; font-weight: normal; align-items: center;}
#web .btn_txt.s_size {}
#web .btn_txt span.icon_logo img{padding: 0 .5em; max-width: 90%; width:90%;}
#web .btn_txt span.icon_logo.raku-uru {width: 3.25em;}
#web .btn_txt span.icon_logo.logo {display: inline-block;width: 7.5em; text-align: center;}
#web .btn_txt span.icon_logo.logo img {display: block;width: auto; margin: 0 auto;  max-height: 1em;}
#web .btn_txt span.icon_logo.yalogin {width: 3.25em;}
#web .btn_txt span.icon_logo.apple {width: 3em;}

#web p {position: relative;}
#web p i {font-style: normal; font-weight: normal;}
#web p i.right {position: absolute; right: 1em; bottom: 0;}
.linktxt.icon_sr { display: block; background-attachment: scroll; background-image: url(../../images/icons/arrow_s.png); background-position: right center; background-repeat: no-repeat; background-size: .5em; padding-right: 1.2em;}
#web p.mark_b { display: flex; align-items:flex-start; justify-content: flex-start;}
#web p.mark_b span {display: block; margin:0 .4em ;max-width: 1em;max-height: 1em;}
#web p.mark_b span img { margin-bottom: -.2em;}
#web p.nomgb {margin-bottom: .3em;}
hr.mg1 {margin: 1rem 0;}

@media screen and (max-width: 768px) {.download_belt {max-height: 150px;}
.download_belt .buttonarea ul {justify-content: center;}
#footer_nav .list_banner li {text-align: center;}
}
@media screen and (max-width: 660px) {
#web .whbox.w500 {max-width: 100%; width: 100%;}
#web .btn_txt { padding-left: 26vw; font-size: 3.2vw;}
#web .btn_txt.s_size {    padding-left: 16vw;}
#web .btn_txt span.icon_logo { position: absolute; left: 3.5vw; }
#web .btn_txt span.icon_logo.raku-uru { width: 10vw;}
#web .btn_txt span.icon_logo.logo { left: 1.5vw ; width: 24vw; }
#web .btn_txt span.icon_logo.logo img { width: auto; max-height: .8em;}
#web .btn_txt span.icon_logo.yalogin { width: 10vw;}
.download_belt {max-height: 30vw;}
}
@media screen and (max-width: 440px) {}
@media screen and (max-width: 320px) {}

/* end ログインページ用追加 201908 */


@media screen and (max-width: 660px) {
	  .movbox { max-width:100%; width: 100% !important;}
	  .movbox iframe {width: 100% !important; height: auto !important;}}
@media screen and (max-width: 768px) {
.category-box.mh9 .s-category {
    min-height: 9.7em;}}

/* L size banner 201909 */
.list_campaign li.bnr_1col {width: 48.5%; display: block;margin: 0 3% 15px 0; }
.list_campaign li.bnr_1col:nth-child(2n) {margin-right: 0;}

/* L size banner 202010 */
@media screen and (max-width: 768px){
.list_campaign {/*justify-content: space-between;*/ }
.list_campaign li {width: 33.3%; padding: 0 1%; margin-right: 0;}

}

@media screen and (max-width: 660px){
.list_campaign li.bnr_1col {width: 100%;margin: 0 0 15px; }
.list_campaign {justify-content: space-between; }
.list_campaign li {width: 49%;}
}


/* 出張買取　追加 201910 */
#web .application .has-box.visit {    background-color: #f4d156;}
#web .application .visit .toggle_txt { background-image: none;}

/* 20191112 */
#web .btnbox {display: flex ;}
#web .btnbox span { display: inline-flex; width: 100%; align-items: center;}
#web .btnbox span span.icon { display: block; margin: auto 0;}
#web .btn {display: inline-flex;flex-wrap: nowrap; align-items: center;}


/* 2020.03.31 fb追加 /app/visit/ */
.underline {text-decoration: underline;}
.open_container h5.toggle_txt{background-color: #f3f3f3;
    border-top: 1px #e2e2e2 solid;
    padding: .5em .5em .5em 1em;
    display: block;
    padding-right: 1.8em;
    font-size: .9375rem;
    font-weight: normal;
    cursor: pointer;
    /*background-image: url(/rakuuru../../images/icons/arrow_down.svg);*/
    background-position: 96% center;
    background-repeat: no-repeat;
    background-size: 1.2rem;}
/*.open_container h5.toggle_txt.open {background-image: url( /rakuuru../../images/icons/arrow_up.svg);}*/
.hide_content.wide {padding: .5em .8em 1em;}
.open_container.mgb3 {margin-bottom: 3rem;}

span.inline-block {display: inline-block;}
.W480pcOnly {display: block}
.W480spOnly {display: none;}
.ast-box { padding-left: .5em;}
ul.circle2 li { margin-bottom: .5em;}
.mgT1em {margin-top: 1em;}
.mgT2em {margin-top: 2em;}
.mgT3em {margin-top: 3em;}
.mgB0 {margin-bottom: 0em;}
.mgT0 {margin-top: 0em;}
.select_VisitDay { display: inline-block; width: 20em;min-width: 10em;}
.required-radio::before { content: "*" ; color: #df4525; position: absolute; left: -.6em; top: -.1em; font-size: 1.625rem; font-weight: bold;}
.required-day::before { content: "*" ; color: #df4525; position: absolute; left: -.6em; top: -.1em; font-size: 1.625rem; font-weight: bold;}
.required-checkbox::before { content: "*" ; color: #df4525; position: absolute; left: -.6em; top: -.2em; font-size: 1.625rem; font-weight: bold;}
#web .mgb2 {margin-bottom: 2em ;}
#web .mgb3 {margin-bottom: 3em ;}
#web .mgb3 {margin-bottom: 4em ;}
#pointcard .attention.mgb3 {margin-bottom: 3em;}


#web .whbox.nosp .field {width: auto; }
@media screen and (max-width: 768px) {
#web .item_cat li { text-align: center;} }

/* 2020.06.19 fb追加 /pager/ */
#web ul.pager {max-width: 42%;margin: 0 auto 0; display: flex; justify-content: center;border-right: 0;}
#web ul.pager li {display: inline-flex; margin: 0; /*width: 2.5em; padding: 0 .2em;*/ height: 2rem !important;align-items: center;justify-content: center;}
/* #web ul.pager::after {content: ""; width: 1px; background-color: #c9c9c9;} */
#web ul.pager li a {font-size: .8125rem;}
#web ul.pager li img {max-height: .65em; width: auto; width: auto; max-width: .85em;}
#web ul.pager li.current {background-color: #f9d2c7;}
#web ul.pager li a,#web ul.pager li.current a { color: #666;}
#web ul.pager li.current a { font-weight: bold;}


/*　
 出張買取　買取例追加分　2020.6.25追加分
*/
.item_set {display: block; letter-spacing: -.5em; margin:.5rem auto 1rem auto; padding: 0 1%; text-align: left; margin-left: -1.1em;}
.item_set li {display: inline-block; letter-spacing: normal; width:16.7%; padding: 0 0; font-size: .625rem; text-align: center; vertical-align: top;position: relative;}
.item_set li { text-indent: 0em; padding-left: 0em; margin-left: 0em; }
ul.circle2 li .item_set li {text-indent: 0em;padding-left: 0em;margin-left: 0em;}
.item_set li div {font-size: .8125rem;}
ul.circle2 .item_set > li:before { content: none ;}

ul.circle2 li .item_set {display: flex; justify-content: flex-start;flex-wrap: wrap;}
ul.circle2 li .item_set li {display: inline-flex; align-items: flex-start; justify-content: flex-start;width: auto;}
ul.circle2 li .item_set li div {width: 110px; display: block; margin-bottom: .5em;}
ul.circle2 li .item_set li span {width:4em; padding-top: 25%;padding-left: 1em;padding-right: 1em;}

h4.sstitle.ico i {
    display: block;
    width: 1.7em;
    height: 1.7em;
    border-radius: 3em;
    background-color: #f9edd4;
    font-weight: bold;
    font-size: 1.5rem;
    font-style: normal;
    position: absolute;
    left: -.3em;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    vertical-align: middle;
    padding: .3rem;}
h4.sstitle.ico {padding: .2em .2em .2em 2.3em; margin-bottom: 1em; font-size: 1rem;}

@media screen and (max-width: 768px) {
.item_set li { width:30vw;}
ul.circle2 li .item_set li div {width: 15vw;font-size: 3vw;}
ul.circle2 li .item_set li span {width: 9vw;padding-left: 2.5vw;padding-right: 2.5vw;}
ul.circle2 li .item_set li span img{width: 5vw;}

#logo_footer .copy {font-size: 1.7vw;}
.download_belt .buttonarea p {
    font-size: .625rem;
    padding: 0 3em;
    width: auto;}
} 
/* end max-width: 768px */
.download_belt .buttonarea p::before, .download_belt .buttonarea p::after { background-color: #fff;}


/* 202009 header修正 */
#h-logo {align-self: stretch;
    margin-right: auto;
    width: 180px;
    display: flex;
    align-items: center;}
#h-logo img {
    margin-bottom: -.25em;}
@media screen and (max-width: 768px) {
#h-logo {width: 140px;}}
@media screen and (max-width: 660px) {
#h-logo {width: 30%; max-width: 180px;
    padding-left: 0px;
    justify-content: flex-start;}
} /* end max-width: 660px */


/* 202010 trade */
section.wrp {} 
#web .trade_list {/*max-width: 90%;*/}
#web .trade_list li:not(.headline) {background-image: none;}
#web .trade_list li {padding: .3em 0; font-size: .875rem;}
#web .trade_list li.headline { padding: .6em 0;}
#web .trade_list li span {width: 30%; padding: 0;}
#web .trade_list li span.btn_enq {width: 10%; text-align: left;}
#web .trade_list li span.btn_enq i { display: inline-block; width: 40px; vertical-align: text-top;}

#web ul.pager {width: auto; max-width: none; margin: 3em auto .7em;}
#web ul.pager.spOnly {display: none;} 
.btn_enq a {display: block;}
.box.nosp {padding: 1.25rem .8rem; /*max-width: 500px;*/ margin: 0 auto 1rem;}

#terms h4.title {font-size: .875rem; margin-top: 1em; margin-bottom: .65em;}
#terms h4.sstitle {font-size: .8125rem;}
#terms ol.numlist {font-size: .8125rem;}

@media screen and (max-width: 768px) {
#mypage-cont {max-width: 90vw;margin-left: auto; margin-right: auto;}
.contents {width: 100%; /*max-width: 90vw;*/ max-width: 100%; margin-left: auto; margin-right: auto;/*margin-top: 0; 20210118*/}
.contents.wrp_in {max-width: 90vw;margin-left: auto; margin-right: auto;}
.contents.pd0 {padding: 0 !important;}
.contents.pdT1 {padding-top: 1rem;}
.wrp_brd {max-width: 90vw; margin: 0 auto;}
#web .breadcrumb li {font-size: .675rem;}/*20210118*/
.title_content {max-width: 90vw;margin-left: auto; margin-right: auto;}
#header_nav #nav_for_SP nav {width: 40%;}
.graphWrap .assetTxt {
font-size: 1.2rem;
margin: 0 auto;
position: absolute !important;
left: 15%;
top: 40%;
width: 70%}

.graphWrap .assetTxt em {
display: block;
font-size: 1.3rem;
font-style: normal}

.graphWrap .assetTxt em strong {
color: #de4525;
font-size: 1.5rem}

#tradein {min-height: 50vh;}

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

 
@media screen and (max-width: 660px) {
#mypage-cont {max-width: 100%;}
#web .trade_list li { font-size:3.2vw;}
.trade_list li span.status i { font-size :2.8vw;}
.download_belt .buttonarea p::before, .download_belt .buttonarea p::after { background-color: #fff;}

section.wrp {max-height: auto; min-height: auto;} 
.box.nosp {padding: 0 0; max-width: 90vw;}
#web .trade_list {max-width: 100%;}
#web .trade_list li {padding: .5em 0 .5em 1vw; font-size: 3.2vw;}
#web .trade_list li span {width: 28%; padding: 0 1vw;}
#web .trade_list li span:nth-child(-n+2) {letter-spacing: -.01em;}
#web .trade_list li span.nospace {letter-spacing: normal;}
#web .trade_list li span.btn_enq {width: 16%; text-align: center;}
#web .trade_list li span.btn_enq i {width: 3em;}

#web ul.pager li {width: 7.68vw; height: 7.68vw !important;}
#web ul.pager li a {width: 7.68vw; height: 7.68vw; font-size: 3.46vw;}
#web ul.pager {margin: 2em auto .4em;}
#web ul.pager.spOnly {display: flex;}
#web ul.pager.pcOnly {display: none;}
#web p.pager_txt {font-size: 3.46vw;}

#web .scroll_brd ol.breadcrumb li {font-size: 2.6vw !important;line-height: 2;}
#header_nav #nav_for_SP nav {width: 80%;}
.box {border: 0; border-radius: 0;}
#mochimono h1 {width: 90%;}
#mochimono {padding: 0 0 15px;}
#mochimono ul li {width: 21.4vw; margin-bottom: .2em;}
#mochimono nav ul li img{width: 75%;}
#mochimono ul a {padding: 2.5vw 0;}
#mochimono ul span {font-size: 2.67vw;}
#mochimono ul span.price_history {letter-spacing: -.05em;}
#mochimono ul span.warranty_receipt {letter-spacing: -.093em;}
#contents h2{width: 90%;font-size: 0.8125rem;}
#contents.register h2{ width: 100%;}
#contents h2 a {font-size: 0.75rem;}
#contents .attention{width: 90%;font-size: 3.47vw;}
.mochimono_list a {padding: .75em calc(23px + 2vw) .65em 1em; background-size: 7px;}
.mochimono_list i {width: 39vw;}


 .button.sizeL {margin-top: 20px;}
 .button.reselet {margin-top: 10px;}
.point_list {width: 90%;}
.formset {width: 90%;}
.button.sizeL {width: 100%;font-size: 3.73vw;}


li {font-size: 3.4vw;}
.list_news li .dates {font-size: 3vw;}
.list_news li .cat {font-size: 2.6vw;}
.button.btn-more {font-size: 3vw;margin: 1em auto 0;}

#terms h4.title {font-size: 3.2vw;}
#terms h4.sstitle {font-size: 3vw;}
#terms ol.numlist {font-size: 3vw;}
#web .label {font-size: 3.2vw;}
#web .field {font-size: 3.2vw;}

.download_belt .buttonarea p {font-size: 2.4vw;}
.download_belt .buttonarea p strong {font-size: 4vw;}

  } /* end max-width: 660px */


@media screen and (max-width: 440px){
.mypage-list .menu_list li a:before {/*width: 8%;*/}
.mypage-list .menu_list li.regulation a:before {  /*width: 7%;*/padding-left: 3px;}
.mypage-list .menu_list li.faq a:before {  width: 6%;padding-left: 3px;}
.mypage-list .menu_list li.other a:before { padding-top: 0%; width: 6%; top: 45%;}}
/* end max-width: 440px */

@media screen and (max-width: 320px) {
#header_nav {padding-right: 3vw;}
#h-logo {width: 110px;}
#header_nav p{font-size: .5625rem !important;}
} /* end max-width: 320px */



/* 202011 header */
#search_area .search_text{ width: 700px;}
#search_area label {margin-left: -6em;}

.list_banner .btn_song img {max-width: 180px; margin: 0 auto;cursor: pointer;}

/* 202011 mypage pointcard */
#pointcard.register.nomgn h2 { width: 100%;}
#pointcard.register .card_list.new li {display: flex; align-items: center; justify-content: space-between;}
#pointcard.register .card_list.new span {flex-direction: column; padding: 0 .25em;}
#pointcard.register .card_list.new span > div {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: .35em 0;}
#pointcard.register .card_list.new .button { width: 8.5em;}
#pointcard .card_list.new .switch_wrapper.point {width: 8em; padding-left: 1.45em; margin-left: auto;}
#pointcard .card_list.new .switch_wrapper.point .switch {display: block;line-height: 1;}
#web #pointcard .card_list.new li .switch_wrapper.point { font-size: .8125rem;}
.card_renkei {border-bottom: 1px #ddd solid;}
#pointcard .card_list.registered.new.mgb5px {margin-bottom: 5px;}

/*** switch ***/
#pointcard .card_list.new .switch_wrapper.point .switch__input:checked ~ .switch__content:after {
	background-color: #96dc5f;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "する"; font-size: .8125rem;padding-left: 1.75em;}/* 4615 20230127 */
#pointcard .card_list.new .switch_wrapper.point .switch__label.txtout { width: 4.4em;}
#pointcard .card_list.new .switch_wrapper.point .txtout .switch__content {overflow: visible; line-height: 1.75; font-size: .8125rem;}
#pointcard .card_list.new .switch_wrapper.point .txtout .switch__content:after { left: -4em; white-space: nowrap;content: "しない";color: #b5b5b5; font-size: .8125rem;}
#pointcard .card_list.new .switch_wrapper.point .txtout .switch__input:checked ~ .switch__content:after {color: #96dc5f; }/* 4615 20230127 */

/* 4615 20230127 */
#pointcard .card_list.new .switch_wrapper.point .switch__circle {width: 1.95em; height: 1.95em;}
@media screen and (max-width: 660px){
#pointcard .card_list.new .switch_wrapper.point {transform: scale(.8,.8);}}

@media screen and (max-width: 660px){
#pointcard.register .card_list.new span {font-size: 3vw;}
#pointcard.register .card_list.new i {width: 22vw;}
#pointcard.register .card_list.new i {padding-left: 0; padding-top: 15vw; background-position: center center;}
#pointcard.register .card_list.new li.kojima i img { height: 2.6vw;}
#pointcard .card_list.new .switch_wrapper.point {padding-left: 1.5em;}
#pointcard.register .card_list .button,
#web #pointcard .card_list.new li .switch_wrapper.point,
#pointcard .card_list.new .switch_wrapper.point .txtout .switch__content {font-size: 3.2vw;}

}


/* 202011 2889 mochimono */
section.wrp { min-height: 800px;} /*PCでメニューが落ちない対応*/
@media screen and (max-width: 660px){section.wrp { min-height: 20vh !important;}}

/* 202011 2842 mypage */
#mypage-cont {min-height: 700px;}
#btnFillAddress {background-color: #96dc5f; color: #333;margin-top: 0em;border-radius: 3px;padding: 1.4em;}
#web #mypage-sec .btn .icon {width: 1.65em ; opacity: .8;}
#web .title_content {font-size: 1.25rem;}
.message_switch {display: flex; align-items: center; justify-content: space-between; padding: 5px 5%;}
.message_switch div {margin-right: 5%;font-size: .875rem;}
#web .message_switch p {font-size: .875rem;}
/* switch */
.message_switch .toggle-btn {height: 1.75em;    width: 3em;}
.message_switch .toggle-btn .round-btn {width: 1.5em !important;
    height: 1.5em !important;margin-top: -.75em !important;left: .25em !important;}
.message_switch .toggle-btn.active .round-btn {left: calc(100% - 1.75em) !important;}
.message_switch .toggle-btn .round-txt {    left: -2.5em !important;top: .15em !important;}
.message_switch .toggle-btn.active .round-txt { left: calc(100% + .25em) !important;}
#web ul.account-edit li .message_switch span {padding-right: 0 !important;}

#web .attention_link {width: 100%;}
.attention_link {background-position: 96.5% center;background-size: .55em;}
.menu_list li a {background-position: 97.5% center;background-size: .55em;}

ul.bank_list {max-width: 500px;}
ul.bank_list li a {display: flex; align-items: center; justify-content: center;}
ul.bank_list li a img.logo {position: absolute; left: 0;}

.sns_list_new li:first-child { border-top: 1px #dfdfdf solid;}
.sns_list_new li {display: flex; justify-content: space-between;align-items: center;
border-bottom-color: #dfdfdf;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 0; padding-right: 2.5%;}
.sns_list_new li > span {width: 33%; text-align: center;} 
.sns_list_new li > span img {max-height: 1.25em;}
.sns_list_new li > div {display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .35em 0;}
#mypage-sec .sns_list_new li p.nomgb {margin-bottom: 0; line-height: 1;}
#mypage-sec .btn {font-weight: normal;}
#mypage-sec .button.snslink {background-image: none;
    display: flex ; align-items: center; justify-content:center;
    margin-left: auto;
    margin-right: 0;
    line-height: 2.5;
    height: auto;
	width: 10em;
    font-size: .8125rem;}
#mypage-sec .button.snslink.remove {background-color: #e8614f; border-color: transparent;}
#mypage-sec .sns_list_new  span.icon {display:flex; margin-right: .5em; margin-left: -.5em;}
#mypage-sec .sns_list_new  span.icon img { width: 1.25em;}
/* terms */
#mypage-sec.terms h4.title {font-size: .9375rem; margin-top: 1em; margin-bottom: .65em;}
#mypage-sec.terms h4.sstitle,
#mypage-sec.terms h5,
#mypage-sec.terms table {font-size: .875rem;}
#mypage-sec.terms ol.numlist {font-size: .875rem;}
#mypage-sec.terms p {font-size: .875rem;}


@media screen and (max-width: 660px){
#mypage-cont {min-height: auto;}
.mypage-list {max-width: 90vw; margin: 0 auto 5vw;}

#mypage-sec #wallet{width: 90vw; margin: 0 auto;}
#mypage-sec.w90 {max-width: 90vw; margin: 0 auto;}
.wrp .container {padding: 0 0 3rem;}
.contents {/*max-width: 100%;*/margin: 0; padding-top: 0;/*20210118*/}
#search-cat .contents {max-width: 100%;margin: 0;}
.wrp_brd {/*margin-bottom: 1em;*/ max-width: 100%;}
.mypage_top {margin-top: 3vw; padding-bottom: 10vw;}
#mypage-cont {margin-top: 3vw; padding-bottom: 10vw;}
#web h3.stitle,
#web .title_content {width: 90vw;margin-left: auto; margin-right: auto; font-size: 4.5vw;}
#mochimono h1 {width: 90vw;}
#web .attention_link {width: 90vw;}
#web .btnbox {max-width: 90vw;}
#pointcard .attention.txt_left, #pointcard .attention.txt_left.onecol {max-width: 90vw;}
#pointcard .attention.txt_left p {font-size: 3.4vw !important;}

#mypage-sec .container-full .inner {padding: 0;}
.mgT1em {margin-top: 2.5vw;}
.mgT2em {margin-top: 5vw;}
.mgT3em {margin-top: 7.5vw;}

#mypage-sec .sns_list_new {margin: 0; padding: 0;}
.sns_list_new li > span img {max-height: 1.4em; max-width: 80%;}
.sns_list_new li > span img.kojima {max-width:45%;}
#mypage-sec .button.snslink {font-size: 3.2vw; width: 9em;}
#pointcard {max-width: 90vw; margin: 0 auto;}

/* terms */
#mypage-sec.terms h4.title {font-size: 3.2vw;}
#mypage-sec.terms h4.sstitle,
#mypage-sec.terms h5,
#mypage-sec.terms table {font-size: 3.2vw;}
#mypage-sec.terms ol.numlist {font-size: 3.2vw;}
#mypage-sec.terms p {font-size: 3.2vw;}

}
#questionnaire {padding: 30px 0;}
/* ガイド関連 20201210 */		
@media screen and (max-width: 660px){		
body.cnt_guide .contents { max-width: 90vw; margin-left: auto; margin-right: auto;}		
body.cnt_guide .contents .wrp_brd { width: 100vw; margin-left: -5vw; max-width: 100vw !important;}
/* privacy */		
body.cnt_guide h4.title {font-size: 3.2vw;}		
body.cnt_guide h4.sstitle,		
body.cnt_guide h5,		
body.cnt_guide table {font-size: 3.2vw;}		
body.cnt_guide ol.numlist {font-size: 3.2vw;}		
body.cnt_guide p {font-size: 3.2vw;}		
}	
/* mypage 追加　20201215　*/
.collect_list div {display: flex;border-bottom: 1px #eee solid; padding: .75em 0; justify-content:flex-start; align-items: center; flex-wrap: wrap;}
.collect_list div p:first-child {width: 30%; }
.collect_list div p:nth-child(3) {margin-left: auto;}
#web .collect p {font-size: .875rem;}
.progressbar.collect_ic li.step3:before{padding: .6em .7em;}
dl.trade_data.collect {margin-bottom: 2em;}
#web .result_list .item_col{border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; padding-bottom: 5px;}
#web .result_list h5.price {font-size: 1.5rem;}
#web .result_list h5.price span.txt { font-size: 1rem;}
#web .result_list h5.price span {font-size: .75em; padding-left: .25em;}
#web .result_list .price_col {padding-bottom: .35em;}
#web .result_list .price_col div.item_name { font-weight: normal; word-break: break-all;}
#web h5.price.result_txt {padding-right: 0;}
#web h5.price.campaign {font-size: 1.125rem; margin-bottom: 0 ;border-bottom: 0;}
#web h5.price.campaign span.txt { font-size: .75rem;}
#web h5.price.campaign span {font-size: .75em; padding-left: .25em;}

@media screen and (max-width: 660px){
.whbox.collect {padding: 5vw;}
dl.trade_data.collect {max-width: 90vw; margin: 0 auto 5vw;}
.collect_list div p:first-child {width: 100%;}
#web .collect_list p {font-size: 3.65vw;}

.progressbar li:before {width: 8vw; height: 8vw;}
.progressbar.collect_ic li:before{padding: 2vw;}
.progressbar.collect_ic li.step3:before{padding: 2.4vw;}
.progressbar.collect_ic li.step4:before {padding: 2vw;}

#web h5.price.result_txt {font-size: 6vw;}
#web h5.price.campaign {font-size: 4.5vw; }
#web h5.price.campaign span.txt,#web h5.price.campaign span {font-size: 3vw;}
#web .result_list .price_col div.item_name {font-size: 3.4vw;}
#web .result_list h5.price {padding-right: 0;}
.item_calculate.result_box {width: 100%;}
}	

@media screen and (max-width: 660px){
.imgbox.spOnly {margin:0 auto 13vw;position: relative;width: 80vw; text-align: center;}
.imgbox.spOnly img {margin: 0 auto; height: auto;}
#main_img {height: auto !important;max-width: 80vw;max-height: 80vw;}
.itemimg_list {border: 1px #ddd solid; overflow: hidden;}
.imgbox.spOnly .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: -6vw; }
.imgbox.spOnly .swiper-container-horizontal > .swiper-pagination-bullets span {
display: inline-block; }
.imgbox.spOnly .swiper-slide {}
.imgbox.spOnly .item-img {padding:10vw 10vw;}
.imgbox.spOnly .item-img img{margin: 0 auto;display: block;}
.btn_2box.spOnly .btn_modal {display: block !important;}


/* zoom item 20201014 */
#main.item #new_item.imgbox { width: 90vw !important; margin: -20vw auto 0; padding-top: 20vw;}
#item_slide {overflow: hidden;}
#new_item.imgbox .swiper-button-next {
    background-image: url("../../images/static/img/slide_btn_right.svg");
    right: -2.5vw;
    left: auto;}
#new_item.imgbox .swiper-button-prev {
    background-image: url("../../images/static/img/slide_btn_left.svg");
    left: -2.5vw;
    right: auto;}
#new_item.imgbox .swiper-button-prev::after ,#new_item.imgbox .swiper-button-next::after {content: "";}
#new_item.imgbox .swiper-button-prev, #new_item.imgbox .swiper-button-next {
    position: absolute;
    bottom: 0;
    margin: auto;
    top: /*-15vw*/0;
    width: 20px;
    height: 47px;
    z-index: 10;
    cursor: pointer;
    background-size: 20px auto;
    background-position: center;
    background-repeat: no-repeat;}
#new_item.imgbox .itemimg_slide {position: relative; border: 1px #e8e8e8 solid; }
#new_item.imgbox .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 1vw;}
#new_item.imgbox .btn_2box { margin: 2vw auto; border-top: 0;}
#new_item.imgbox .btn_2box span a {}
#new_item.imgbox .item-img { padding: 5vw;}
#new_item.imgbox .swiper-slide {height: 90vw; display: flex; align-items: center;}
}
/*add css Purchase when not logged in 20210331*/
@media screen and (max-width: 660px) {
body.top #web.contents {/*max-width: 100%;margin: 0;*/ padding-top: 0;}
}
@media screen and (max-width: 768px) {
body.top #web.contents {width: 100%; max-width: 90vw; /*max-width: 100%;*/ margin-left: auto; margin-right: auto;}
}
@media screen and (max-width: 420px){
#web .field {
    font-size: 4.8vw;
}
}
/* 20210604 */
@media screen and (max-width: 660px) {
    #web h3.stitle, #web .title_content {margin-bottom: 1.5vw;}}
/*3592 20210714*/
ul.ph2col {display: flex;margin-top: 20px; flex-wrap: wrap;justify-content: space-between; padding: initial;}
ul.ph2col li {display: inline-block; width: 48%; margin-bottom: 15px;}
ul.ph2col li > ul li {display: block;width: 100%; margin-bottom: 0;}
ul.ph2col li i {display: block; margin: 0 auto; width: 100%; text-align: center;}
ul.ph2col.nomgt {margin-top: 0;}
/* 3059 20210715*/
dl.step-list {display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; font-size: .9375rem; margin-bottom: 2em; margin-top: .35em;}
dl.step-list dt {width: 5em;font-weight: bold;padding-bottom: .2em;white-space: nowrap;}
dl.step-list dd { width: calc(100% - 5.5em);padding-bottom: .2em;}
.mgb2em {margin-bottom: 2em;}

dl.num-list {display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; font-size: .9375rem; margin-bottom: .25em; margin-top: .15em;}
dl.num-list dt {width: 2em;font-weight: bold;padding-bottom: .2em;white-space: nowrap;}
dl.num-list dd { width: calc(100% - 2.5em);padding-bottom: .2em;}

.cont-inner {margin:1.75rem auto 2.5rem;}
.img-txt {display: flex; justify-content: flex-start; flex-direction: row; align-items: center; margin-bottom: 20px;}
.img-txt span:first-child {width: 20%; max-width: 60px; margin-right: 20px;}

p.ico-img img {width: 1.2em; margin-right: .2em; display: inline-block; vertical-align: bottom;}

@media screen and (max-width: 660px) {
dl.step-list,
dl.num-list {font-size: 3.2vw;}
.cont-inner {margin:5vw auto 6vw;}
#web .cont-inner  h3.stitle {font-size: 3.47vw;}
ul.ph2col {display: block;}
ul.ph2col li {display: block; width: 100%;}
.cont-inner .imgC.w80 {width: 100%;}
}

/*3602 guide  20210722*/
ul.disc_s {display: block; padding-left: 0;}
ul.disc_s li {display: block;padding-left: 1em; margin-bottom: .35em;}
ul.disc_s li::before {content: "・";width: 1em; margin-left: -1em; display: inline-block;}

ul.ast-list {display: block;}
ul.ast-list li {display: block;text-indent: -1em; padding-left: 1em;}

ul.square {display: block; padding-left: 0;}
ul.square li {display: block;padding-left: 1em; margin-bottom: .35em;}
ul.square li::before {content: "■";width: 1em; margin-left: -1em; display: inline-block;}



@media screen and (min-width:480px) {
    /*　画面サイズが480pxからはここを読み込む　*/
.picsize{max-width: 100%;}
}

@media screen and (min-width:768px) and ( max-width:1920px) {
    /*　画面サイズが768pxから1920pxまではここを読み込む　*/
.picsize{max-width: 450px;}
}


/*3578 guide  20210723*/

.disc img{
  max-width: 200px;
}

/*3602  20210728*/
#web .ph1col{
  padding-left: 0;}

#web .ph1col li{ display: block; margin: 0 auto;width: 580px; max-width: 100%;}


.l-justified {
    padding-left: initial;
}

/*3578  20210802*/

.ph1col img{
    max-width: 80%;
  }
  
  dl{
    margin-bottom: 3%;
  }
  
  ul.ast-li{
    max-width: 90vw;
  }
  
  /*3578  20210810 */
  ul.sbtn-box {display: flex; flex-wrap: wrap; justify-content:flex-start; align-items: flex-start; margin-bottom: 30px; padding-left: 0;}
  .sbtn-box li {width: 49%;margin: 0 1% 10px 0;}
  .sbtn-box li.w100 {width: 100%; margin: 0 auto 10px auto;}
  .sbtn-box li.col1center {width: 60%; margin: 0 auto 10px auto;}
  .sbtn-box li a {display: flex; width: 97%; border: 1px #df4525 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(/themes/images/icons/arrow_red.svg); background-size: 6px auto; font-size: .9375rem; text-align: center; line-height: 1.3;}
  .sbtn-box li.col1center a {width: 100%;}
  .sbtn-box li a {color: #df4525; font-weight: bold;}
  .sbtn-box li a.ank { background-image: url(/themes/images/icons/arrow_red_down.svg); background-size: 12px auto;background-position: 97.5% center; }
  ul.linkAnk.s-size li a {background-position: left .35em;    background-size: .85em;}
  
  @media screen and (max-width: 660px) {
.sbtn-box li,.sbtn-box li.col1center {width: 100%;margin: 0 auto 10px auto;}
.sbtn-box li a {font-size:3.6vw;}}
/* trade 2021.8 */
#web .trade_list {max-width: 95%;}
.trade_list li {
    display: table;
    width: 100%;
    font-size: .78rem;
    position: relative;
    padding-right: 1.5em;
    border-bottom: 1px #ddd solid;}
.trade_list li:first-child {border-top: 1px solid #ddd;}
#web .trade_list li {display: flex; justify-content: space-between; padding: 1em;}
#web .trade_list dl {display: flex; flex-wrap: nowrap; margin: 0;}
#web .trade_list dt {font-size: .75rem; white-space: nowrap;}
#web .trade_list dd {font-size: .875rem; white-space: nowrap;}
#web .trade_list dd::before {content: "："; font-weight: normal; font-size: .75rem;}
#web .trade_list li .trade_num {width: 165px;}
#web .trade_list li .trade_num dd {font-weight: bold;}
#web .trade_list li span {width: auto; display: flex; align-items: center;}
#web .trade_list li span.centerCol {width: calc(100% - 165px - 120px); display: flex; flex-wrap: wrap;text-align: left;}
#web .trade_list li .trade_day {width: 100%}
#web .trade_list li p {width: 100%; font-size: .875rem; color: #999; margin: .3em 0 0 0;}

/* 来店予約 application　追加 202108 */
#web .application .has-box.shop {    background-color: #ff788b;}
#web .application .shop .toggle_txt { background-image: none;}
#main.sp_wrp {margin-top: 3vw;padding-bottom: 10vw; max-width: 90vw ; margin-left: auto; margin-right: auto;}
#web .application .text-content .header-text {color: #333;}

/* 3708 2021029 */
.trade_list li span.status i {justify-content: center; padding-right: 1.8em;}

@media screen and (min-width:768px) and ( max-width:940px) {
#web .trade_list {max-width: 100%;}

.trade_list li span.status i {font-size: .75rem;}
#web .trade_list li {padding: 1em; flex-wrap: wrap; position: relative;}
#web .trade_list li span.centerCol {width: 100%; padding: 0;}
#web .trade_list li span.status {position: absolute; top: 1em; right: .5em;}
#web .trade_list dl { width: 100%; align-items: center; margin-bottom: .75em;}
#web .trade_list dt {font-size: .75rem; letter-spacing: normal !important; line-height: 1;}
#web .trade_list dd {font-size: .875rem; line-height: 1;}
#web .trade_list li p {font-size: .875rem; margin: -.2em 0 0 3.8em;}


}

@media screen and (max-width: 660px) {
#web .trade_list {max-width: 100%;}

.trade_list li span.status i {font-size: 2.8vw;}
#web .trade_list li {padding: 1em .5em; flex-wrap: wrap; position: relative;}
#web .trade_list li span.centerCol {width: 100%; padding: 0;}
#web .trade_list li span.status {position: absolute; top: 1em; right: .5em;}
#web .trade_list dl { width: 100%; align-items: center; margin-bottom: .75em;}
#web .trade_list dt {width: 11.5vw; font-size: 2.8vw; letter-spacing: normal !important; line-height: 1;}
#web .trade_list dd {font-size: 3.2vw; line-height: 1;}
#web .trade_list li p {font-size: 3.2vw; margin: -.2em 0 0 0; display: flex;}
#web .trade_list li p::before {content: ""; display: block; font-size: 2.8vw; width: 12.8vw;}
}
  
/*3708*/
#web .error-box {display: block; margin: 2rem auto; width: 100%; border: 1px #d00 solid; padding:2em .75em; text-align: center; max-width: 90vw; background-color: #fff;}
#web .error-box p {color: #d00; font-size: .875rem; display: block; margin: 0 auto;}

/* 2021.09.14 */
.mypage-list .menu_list li.shop a:before {width: 100px;}
@media screen and (max-width: 660px) {
.mypage-list .menu_list li.shop a:before {width: 11.5%; left: 3.55%;}
}

/* 3707-2021.09.15 */
@media screen and (max-width: 768px) {
    #web.contents .inner { max-width: 90vw; margin: 0 auto;}
    #web.contents div.attention_link { max-width: 90vw; margin: 0 auto 3vw;}
    }
/* 3771 visit 20210925 */
.cont-box {display: block; margin-bottom: 2.5rem;}
.bnrTtl-box {display: block;  margin: 0 auto .5em;}
.inner.mgb { margin-bottom: 2em;}
.cont-box > .col3-box { display: flex; flex-direction: row;justify-content: space-between;}
.cont-box > .col3-box div {width: 30%; margin: 0 1.5%; padding:0;}
.box-red div {border: 2px #df4525 solid; border-radius: 6px;}
.box-red div > h3 { display: block; background-color: #df4525; color: #fff ;font-weight: bold; text-align: center; padding: 8px 0;}
.col3-box div span { display: block; padding: 3%; text-align: center;}
.col3-box div span img { display: block; margin:0px auto 10px auto;}
.col3-box.box-red div span img {width: 80%;max-width: 150px;}
.col3-box div.whbox {padding: .75em 1%;}
.col3-box div.whbox > h3 {text-align: center; font-weight: bold; font-size: 1.125em;}
.col3-box.wh div {box-shadow: 0px 0px 6px 3px #e5e5e5;border: 1px #dddada solid;}
#web .col3-box div.whbox p {margin-bottom: 0;}

.item-box {display: flex;flex-direction: column; border-width: 2px; border-color: #ddd ; border-radius: 6px; border-style: solid; padding: 15px 5px; margin: 2rem auto 3rem; text-align: center;}
.item-box.nomgb {margin-bottom: 1rem;}
.item-box.box-red {border-color: #df4525;}
.item-box.box-yellow {border-color: #f4d156;}
.item-box > h3.bdr-ttl {display: block;margin: 0 auto;width: 14em; background-color: #fff; margin-top: -2em; text-align: center; padding: .25em; font-weight: bold; position: relative; font-size: 1.25rem;}
.item-box > h3.bdr-ttl em {position: absolute; display: inline-block; background-color: #df4525; color: #fff; padding: .25em .5em; left: -5.5em; font-size: .9em; font-style: normal;}
#web .item-box > .item_cat {width: 100%;}
#web .item-box > .item_cat li {width: 17%;}

.item-box > .row-flex { display: flex; flex-direction: row;}
.item-box > .row-flex div { display: inline-flex; width: 50%; flex-direction: column; padding: 0 2%; text-align: left; justify-content: space-between;}
.item-box > .row-flex .item_cat { margin-bottom: auto;}
.item-box.box-yellow .row-flex div:last-child {border-left: 2px #f4d156 solid;}
.item-box.box-yellow .row-flex div h4 { background-color:#f4d156; padding: .35em .5em;font-size: .9em; font-weight: bold; border:2px #fff solid; text-align: center;}
#web .item-box.box-yellow .row-flex div h5 {font-size: .9em;}
#web .item-box > .row-flex div > .item_cat li {width:25%;line-height: 1.2;}

ul.circle2.mgbS li {margin-bottom: .25em;}

.attention-gray-box {display: block; border:2px #eee solid; padding:1.5em 2em .5em; border-radius: 6px;}
h6.attention-ttl {display: flex; font-size: 1.25em; align-items: center; margin-bottom: .35em;}
h6.attention-ttl:before {display: inline-block;width: 1.25em; height: 1.25em; content:""; background-image: url(/themes/images/icons/attention_bk.svg);background-repeat: no-repeat; background-size: 100% 100% ; margin-right: .25em;}

ul.disc-gray {display: block; padding-left: 2em;}
ul.disc-gray > li { text-indent: -.2em; padding-left: 0em; margin-left: -.5em; font-weight: bold;}
ul.disc-gray > li::before { display: inline-block; content: "●"; color: #888; font-size: .8em; margin-left: -.8em;padding-right: .2em; vertical-align: middle;}
ul.disc-gray li ul.dot > li { font-weight: normal; font-size: .9em;}
ul.disc-gray li ul.dot > li::before { display: inline-block; content: "・"; color: #333; font-size: 1em; width:1em; margin-left: -.8em;vertical-align: middle;}

ul.camp-link {display: block; margin: 0; padding: 0;}
ul.camp-link.mgt {margin-top: 1.5rem;}
ul.camp-link li {margin: 0 auto .25em; padding: 0; text-align: center; display: block;}
ul.camp-link li a { display: flex; align-items: center; text-decoration: underline; justify-content: center; width: auto;}
ul.camp-link li a::before { content: ""; width: .8em; height: .8em; background-attachment: scroll; background-image: url(/themes/images/icons/arrow_red.svg); background-position:left center; background-repeat: no-repeat; background-size: contain;}

/*2021.11.15 application*/
#web .btn-inner p.textwarning {font-weight: normal; margin-bottom: 0;}
p span.underline-red {border-bottom: 2px #df4525 solid; display: inline-block; padding-bottom: .15em;}
p span.underline-gray {border-bottom: 2px #ddd solid; display: inline-block; padding-bottom: .15em;}
.btn-grayline {max-width: 90%; margin: 0 auto;
    border: 2px #ccc solid;
    margin-bottom: 3em; border-radius: 8px;}
.btn-grayline > .btn-inner {padding: 1.25em 1em;}
.btn-grayline > .btn-inner .btn.attention{background-position: 100% center; background-size: 0.65em;}
.btn-grayline > .btn-inner span.txt {display: block;padding: 0 2em; max-width: 90%; white-space: normal;}
@media screen and (max-width: 768px) {.btn-grayline { margin-bottom: 5vw;}}
@media screen and (max-width: 768px) {
.bnrTtl-box {margin: 3vw -5vw;width: 100vw;}
.contents h1 {font-size: 3vw; margin-bottom: 1em;}
.col3-box {flex-direction: column;}
.col3-box div {width: 100%; margin: 0 auto 3vw;}
.box-red div > h3 {font-size: 4vw;}
.item-box > h3.bdr-ttl {font-size: 4vw;}
#web .item-box > .item_cat li {width: 30%;}
#web .item-box > .item_cat li span.red,
#web .item_cat li span.red {font-size: 2.9vw;}
.item-box > .row-flex {flex-direction: column;}
.item-box > .row-flex div {width: 100%;}
.item-box.box-yellow .row-flex div:last-child {border-left: none; padding-top: 2vw; margin-top: 2vw; border-top:2px #eee solid;}
.col3-box div.whbox > h3 {font-size: 4vw;}
#web .col3-box div.whbox {margin-bottom: 5vw;}
.attention-gray-box {padding:3vw 5vw; }
h6.attention-ttl {font-size: 4vw; align-items: flex-start;}
ul.disc-gray {padding-left: 1em;}
}
@media screen and (max-width: 660px) {
#web .col3-box div.whbox p.txtS {font-size: 3.2vw !important;}
}

/*2021.11.16*/
.notice-linered {display: block; margin:.5em auto 1.5em auto; border: 1px #df4525 solid; padding: 2%; font-size: .875em;}
@media screen and (max-width: 660px) {.notice-linered {font-size: 3vw;}}

/* 2021.10 タブレット対応 */
.top #search-cat {max-width: 1000px; min-width:auto;}
.top #search-cat .contents {min-width: auto;}
@media screen and (max-width: 1023px) {
.top #search-cat {max-width: 100%;}
}

.list_campaign li:not(.bnr_1col) {width: 23%;}
@media screen and (max-width: 768px) {
.top .list_campaign li:not(.bnr_1col) {width: 33.33%;}
.top .list_campaign li img {width: 100%;}
}
@media screen and (max-width: 660px) {
 .top .list_campaign li:not(.bnr_1col) {width: 49%;}
}

/*#nav_for_SP*/
@media screen and (max-width: 1200px) {#header_nav #nav_for_SP nav {width: 30%;}}
@media screen and (min-width: 661px) and (max-width: 1023px) {#header_nav #nav_for_SP nav {width: 40%;}}
@media screen and (max-width: 660px) {#header_nav #nav_for_SP nav {width: 80%;}}


/* 3956 2021.11.15 terms */
#terms.terms-box {max-height: 50vh;height: 20em; overflow-y: scroll;  border: 1px #dddada solid;border-radius: 8px;margin: 2em auto 0 auto; width: 100%;}
#terms.terms-box p {font-size: .875rem;}
#terms.terms-box h5 {font-size: .875rem; margin-bottom: .25em;}
#terms.terms-box > .terms-cont {padding:.8em 1.5em;}
#terms.terms-box h2.title_content,#terms.terms-box h3.stitle { font-size: 1rem; max-width: 100%;}
#terms.terms-box h2.title_content span {display: none;}
.terms_check {margin: 1em 0; text-align: left;}
.terms_check input {margin-right: .25em;}
#terms.terms-box ol.numlist {list-style-type: decimal;padding-left: 1.5em;}
@media screen and (max-width: 660px) {
#terms.terms-box h2.title_content,#terms.terms-box h3.stitle { font-size: 4vw; max-width: 100%;}
#terms.terms-box p,
#terms.terms-box h5,
#terms.terms-box table th,
#terms.terms-box table td,
#terms.terms-box li {font-size: 3.2vw;}}
p.pdl1 {padding-left: 1em;}

/* 3969 2021.12 店舗買取商品明確化 */
#web .breadcrumb ol {z-index: 2;}
.title_content.ic_meaning {position: sticky; top: 79px; background: #fff; padding-top: 2em; margin-top: -2em; z-index: 1;}
.dl_ic_meaning {
  position: absolute;
  right: 11%;
  bottom: 0;
  width: 160px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-size: .9375rem;
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: .3em;}

.dl_ic_meaning dt {width: 100%; text-align: center; font-size: .75rem;margin-bottom: .4em;}
.dl_ic_meaning dd {width: 48%; height: auto; color: #fff; text-align: center; font-size: .8125rem; padding: 0.3em 0 0.15em; border-radius: 4px;}
.dl_ic_meaning dd.delivery {background: #fa6926;}
.dl_ic_meaning dd.shop {background: #30b5ef;}


.category-menu {border-radius: 8px;}
.l-category {font-size: 1.25rem;}
.m-category {font-size: 1.25rem;}
.l-category i {width: 60px; left: .4em;}
.m-category i {width: 50px;}
.open_container .inner {border-radius: 0 0 10px 10px;}

.category-menu h3.toggle_txt {position: relative; display: flex; background-position: right 4% center; background-size: 1em;}
.ic_kaitori_list {position: absolute; top: 26%; right:11%; display: flex; padding-left: 0; width: 160px;}
.ic_kaitori_list li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    border-left-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    text-align: center;}
.ic_kaitori_list li:last-child {
    border-right-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;}
.ic_kaitori_list li.partial img {opacity: .4;}


.ic_kaitori_list li img {height: 35px;}

@media screen and (max-width: 768px){
.category-menu {max-width: 90vw; margin: 0 auto 0.6rem; background-size: 1em;}
#web .category-menu h3.toggle_txt { display: flex; align-items: center; min-height: 4em; padding: 0 2em 0 80px;}
#web .category-menu h3.toggle_txt a {margin-bottom: 0;}
.ic_kaitori_list {top: 32%;}
.ic_kaitori_list li {width: 70px;}
.ic_kaitori_list li img {height: 30px;}
#web .category-menu .l-category i {height: auto !important; top: 0.5em;}
.category-menu h3.l-category a {width: 100%;margin-bottom: .5em; line-height: 1.6;}
.category-box.is-2box {width: 100%;}
#web .category-menu .l-category .pcOnly {display: inline;}
.dl_ic_meaning {right: 12%;}
}

@media screen and (max-width: 767px){
#web .category-menu h3.toggle_txt { display: flex; align-items: center; height: 4.5em; padding: .25em 2em 0 80px;}    
#web .category-menu .l-category i {top: .3em;}
.ic_kaitori_list {position: absolute; top:  auto; right: 12%; bottom: .6em; width: 95%; justify-content: flex-end; margin-bottom: 0;}  
.ic_kaitori_list li {width: 50px; border: 0; }
.ic_kaitori_list li:last-child {border: 0;}
.ic_kaitori_list li {width: 40px;}
.ic_kaitori_list li img {height: 30px;}
.category-box {padding: 1% 2% 0 2%;}
.col3-box div.category-box {margin-bottom: 0;}
#web .category-menu .l-category .pcOnly {display: inline;}
#web .category-menu h3.toggle_txt {padding: .25em 2em .25em .5em;}
#web .category-menu h3.toggle_txt a {display: flex; align-items: center;}
#web .category-menu .l-category i {position: static; padding-top: .5em;}
.ic_kaitori_list {top: auto; bottom: auto; width: 80px; justify-content: flex-start;}
.dl_ic_meaning {right: 6%;}

}    

@media screen and (max-width: 660px){
.l-category i{width: 13.3vw;}
.m-category i {width: 10.3vw;}
#web .category-menu .l-category .pcOnly {display: none;}
#web .category-menu .l-category i {top: .2em;}

.dl_ic_meaning { width: 35vw; right: 1%;}
.dl_ic_meaning dt {display: none;}
.dl_ic_meaning dd {font-size: 2.13vw; padding: 0.3em 0 0.2em;}

#web .category-menu h3.toggle_txt { display: block; height: 6em; padding: 1em 2em 0 16vw; background-position: right 5% center;}
.category-menu h3.l-category {min-height: 6em;flex-wrap: wrap; font-size: 4vw;}
.ic_kaitori_list {position: absolute; top:  auto; right: 12%; bottom: .8em; width: 95%; justify-content: flex-end; margin-bottom: 0;}
.ic_kaitori_list li {width: 8vw; border: 0; }
.ic_kaitori_list li:last-child {border: 0;}
.ic_kaitori_list li img {height: 6vw;width: 6vw;}
.category-box.mh9 .s-category {min-height: auto !important;}
#web .category-menu h4.m-category { font-size: 3.6vw;padding-left: 2vw;}
#web .s-category{padding-left: 15vw;}
#web .category-menu h3.l-category { font-size: 3.6vw;}
#web .category-menu h3.toggle_txt {padding: .25em 2em .25em .5em; height: 5em; display: flex; align-items: center;}
#web .category-menu h3.toggle_txt a {display: flex; align-items: center; max-width: 75%;}
#web .category-menu .l-category i {position: static; padding-top: .5em;}
.ic_kaitori_list {top: auto; bottom: auto; justify-content: flex-start; right: 10vw;}
.ic_kaitori_list {width: 16vw;}
.title_content.ic_meaning {padding-top: 1em; margin-top: -1em;}
}


/* 2969 2021.12 SP版絞り込み丸ボタンのスピード変更 */
@media screen and (max-width: 660px){
.btn_apply_sp {transition: all 500ms 0s ease;}
}

/* 4113 2022.3 買取に出す前に 出張買取アイコン追加 */
.dl_ic_meaning {width: 190px; padding: 0 .5em .3em;}
.dl_ic_meaning dt {font-size: .6875rem;}
.dl_ic_meaning dd {width: auto;font-size: .625rem; padding: 0.25em 0.5em 0.25em;}
.dl_ic_meaning dd.delivery {background: #fa6926;}
.dl_ic_meaning dd.visit {background: #7ec658;}
.dl_ic_meaning dd span {
    font-size: inherit;
    position: static;
    right: auto;
    top: auto;
    display: inline;}
.ic_kaitori_list {width: 190px;}
.ic_kaitori_list li {width: 33.33%;}

@media screen and (max-width: 767px){
.dl_ic_meaning {width: auto; right: 10.5vw;} 
.dl_ic_meaning dt {display: none;}
.dl_ic_meaning dd {margin-left: 1vw;}
.dl_ic_meaning dd span {display: block; line-height: 1.3;}
.ic_kaitori_list {width: 120px;} 
}

@media screen and (max-width: 660px){
.dl_ic_meaning {right: 7vw;}
.dl_ic_meaning dd span {font-size: 2.67vw;}
.ic_kaitori_list {width: auto;}
.ic_kaitori_list li {margin-left: 1vw;}
}

@media screen and (max-width: 414px){
.dl_ic_meaning {width: auto; right: 5vw;} 
}

/* 4323 ラクウル ステーションバナー追加 */
.bnr-box {display: block; margin: 2em auto;}
.bnr-box.mw880 { max-width: 880px;}


/* --------------------------------------- *
           4270 TOP改修 2022.6
 *---------------------------------------- */

 /* toppage common
* --------------------------------------- */
.top-page em {font-style: normal;}
.top-page h2,
.top-page h3 {font-weight: bold;}
.top-page .title_content {text-align: left;}
.top-page p {margin-bottom: 0;}
.top-page ul,ol,dl {padding: 0; margin: 0;}
.top-page .flexbox {display: flex; justify-content: space-between; flex-wrap: wrap;}

.top-page a.link_blue {font-weight: normal;}
.top-page a.link_blue:link {color: #066eb3;}
.top-page a.link_blue:visited {color: #066eb3;}
.top-page a.link_blue:hover {color: #066eb3;opacity: 0.8;}
.top-page a.link_blue:active {color: #066eb3;opacity: 0.8;}
.top-page a.shadow:hover {box-shadow: 0 1px 15px 0 rgb(0 0 0 / 20%) !important; transform: translateY(1px);}

 /* swiper 
* --------------------------------------- */
.top-page ul.swiper-wrapper {padding-left: 0;}
.top-page ul.swiper-wrapper img {max-width: none; width: 100%;}
.mv_swiper {
position: relative;
width: 100%;
max-width: 880px;
margin: 0 auto;
padding-bottom: 25px;}

.mv_swiper_wrp {overflow: hidden;}
.mv_swiper_wrp::before,.mv_swiper_wrp::after {
content: '';
position: absolute;
background-color: rgba(0, 0, 0, 0.2);
display: block;
top: 0;
left: 0;
width: 100%;
height: 360px;
z-index: 2;}

.mv_swiper_wrp::before {left: 0; margin-left: calc(-50% - 440px - 15px);}
.mv_swiper_wrp::after { left: auto; right: 0; margin-right: calc(-50% - 440px - 15px);}


.mv_swiper .swiper-slide a {
display: block; }
.mv_swiper_wrp {
position: relative;
width: 100%;
margin: 15px auto 0; }
.mv_swiper_wrp .swiper-button-next,
.mv_swiper_wrp .swiper-button-prev {
width: 20px;
height: 40px;
top: 50%;
transform: translateY(-50%);}
.mv_swiper_wrp .swiper-button-next::after,
.mv_swiper_wrp .swiper-button-prev::after {
content: "";
position: absolute;
width: 22px;
height: 57px;
top: 50%;
transform: translateY(-50%);
background: url(/themes/images/web/arrow_sliderR.svg) no-repeat right;
z-index: 3;}
.mv_swiper_wrp .swiper-button-prev {
transform: scale(-1, 1) translateY(-50%);
left: calc(50% - 440px - 15px - 50px);}
.mv_swiper_wrp .swiper-button-next {
right: calc(50% - 440px - 15px - 50px);}


.mv_swiper_wrp .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
background: #ccc;
opacity: 1;
border-radius: 50%;
cursor: pointer;
display: inline-block;
width: 8px;
height: 8px;
margin: 0 5px;}
.mv_swiper_wrp .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #d44316;}
.mv_swiper_wrp .swiper-horizontal > .swiper-pagination-bullets,
.mv_swiper_wrp .swiper-pagination-bullets.swiper-pagination-horizontal,
.mv_swiper_wrp .swiper-pagination-custom,
.mv_swiper_wrp .swiper-pagination-fraction {
position: absolute;
bottom: 0;
z-index: 1;}

.bnr_swiper_area { width: 100%; display: flex; justify-content: space-between; margin-bottom: 40px;}
.bnr_swiper {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;}
.bnr_swiper .swiper-slide a {
display: block;
text-align: left; }
.bnr_swiper_wrp {
position: relative;
width: 48.5%;}
.bnr_swiper_wrp .swiper-button-next,
.bnr_swiper_wrp .swiper-button-prev {
width: 14px;
height: 50px;
top: 50%;
transform: translateY(-50%);
right: -7px;
margin-top: 0;
color: #0075c1; }
.bnr_swiper_wrp .swiper-button-next::after,
.bnr_swiper_wrp .swiper-button-prev::after {
content: "";
position: absolute;
width: 14px;
height: 50px;
top: 50%;
transform: translateY(-50%);
background: url(/themes/images/web/top/arrow_sliderminiR.svg) no-repeat right;}
.bnr_swiper_wrp .swiper-button-prev {
left: -7px;
transform: scale(-1, 1) translateY(-50%);}
.bnr_swiper_wrp .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
background: #ccc;
opacity: 1;
border-radius: 50%;
cursor: pointer;
display: inline-block;
width: 8px;
height: 8px;
margin: 0 5px;}
.bnr_swiper_wrp .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #d44316;}
.bnr_swiper_wrp .swiper-horizontal > .swiper-pagination-bullets,
.bnr_swiper_wrp .swiper-pagination-bullets.swiper-pagination-horizontal,
.bnr_swiper_wrp .swiper-pagination-custom,
.bnr_swiper_wrp .swiper-pagination-fraction {
position: absolute;
bottom: -23px;
z-index: 1;}



 /* head style
* --------------------------------------- */

 /*　頭にアイコンのある見出し　*/
.head_ic {position: relative; display: inline-block;}
.head_ic::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -1.5em;
    width: 1em;
    height: 1em;
    background-size: contain;
    background-repeat: no-repeat;}
.top-page .sec_service .head_ic::before {
  width: 3em;
  height: 1.8em;
  left: -2.5em;   
  background-image: url(/themes/images/icons/rakuda.svg);
}

.top-page .sec_beginner .head_ic::before {
  width: 2em;
  height: 1.2em;
  left: 0;  
  background-image: url(/themes/images/web/ic_youtube.svg);
}

.top-page .sec_selling .head_ic::before {
  width: 1.2em;
  height: 1.2em;
  left: -28px;     
  background-image: url(/themes/images/web/top/ic_delivery_head_gray.svg);
}

.top-page .sec_category .head_ic::before {
  background-image: url(/themes/images/web/ic_lupe.svg);
}

.top-page a.campaign .head_ic::before {
  width: 1em;
  height: 1em;
  left: -1em;     
  background-image: url(/themes/images/web/arrowhead_r_blue.svg);
}

.top-page a.news.head_ic::before {
width: .9em;
height: .9em;
left: 0;
  background-image: url(/themes/images/web/arrowhead_r_blue.svg);
}

.top-page .sec_otherlinks .guide.head_ic::before {
  width: 1.4em;
  height: 1.4em;
  left: -1.5em;    
  background-image: url(/themes/images/web/ic_first.svg);
}

.top-page .sec_otherlinks .QA.head_ic::before {
  width: 2em;
  height: 1.9em;
  left: -2.8em;
  background-image: url(/themes/images/web/top/ic_qa.svg);
}

.top-page .sec_otherlinks .pointcard.head_ic::before {
  width: 2em;
  height: 1.4em;
  left: -3em;    
  background-image: url(/themes/images/web/top/ic_pointcard.svg);
}

.top-page .sec_otherlinks .usedsofmap.head_ic::before {
  width: 1.6em;
  height: 1.6em;
  left: -2.5em; 
  background-image: url(/themes/images/web/top/ic_usedsofmap.svg);
}

　/*　スラッシュ吹き出しスタイルの見出し　*/
.head_slash {position: relative;}
.head_slash::before, .head_slash::after {
    content: '';
    position: absolute;
    top: 60%;
    display: inline-block;
    width: 1.85em;
    height: 1px;
    background-color: #df4525;}
.head_slash::before {left: -1.8em; transform: rotate(55deg);}
.head_slash::after {right: -1.8em;transform: rotate(-55deg);}   

 /* section service
* --------------------------------------- */

.top-page .sec_service {position: relative; width: 100%; height: 320px; text-align: center; margin-top: 50px;}
.top-page .sec_service::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1380px;
  min-height: 330px;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  right: -40px;
  z-index: -1;
  background-image: url(/themes/images/web/top/service_bg_pc.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}

.top-page .sec_service h2 {position: relative; display: inline-block; font-size: 1.375rem;letter-spacing: .1em;}
.top-page .sec_service h2 em {font-size: 1.625rem;}
.top-page .sec_service ul {width: 716px; display: flex; justify-content: space-between; padding: 25px 0 0; margin: 0 auto;}
.top-page .sec_service ul li {position: relative; width: 210px; height: 210px; text-align: center; border-radius: 50%; background: #fff; box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);}
.top-page .sec_service ul li p {font-size: .9375rem; font-weight: bold; margin-top: 30px; line-height: 1.4;}
.top-page .sec_service ul li p em {font-size: 1.125rem; display: inline-block;}
.top-page .sec_service ul li img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%;}


 /* section beginner
* --------------------------------------- */

.top-page .sec_beginner {width: 100%;/* background: #f6f6f6;*/}
.top-page .sec_beginner .inner {width: 1000px; margin: 0 auto; padding: 40px 0 50px;}
.top-page .sec_beginner .movie_box_wrp {width: 58%;}
.top-page .sec_beginner .movie_box{
position: relative;
width:100%;
padding-bottom: 56.25%;
height:0px;
}
.top-page .sec_beginner .movie_box iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #ccc;
}
.top-page .sec_beginner .bnr_box {width: 36%;display: flex;flex-direction: column;justify-content: space-between;}
.top-page .sec_beginner h3 {
  position: relative;
  display: inline-block;
  font-size: 1.25rem;
  padding-left: 2.4em;
  margin-bottom: 0.6em;
  letter-spacing: .08em;}
.top-page .sec_beginner .bnr_box a { display: block; width: 100%; background: #fff; box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);}
.top-page .sec_beginner .bnr_guide {height: 110px;}
.top-page .sec_beginner .bnr_guide div {position: relative; display: flex; align-items: center; height: 100%; background: #fff; padding-left: 25px;}
.top-page .sec_beginner .bnr_guide img.ic_first {width: 1.68em;}
.top-page .sec_beginner .bnr_guide img.bnr_guide_deco {position: absolute; bottom: 8px; right: -18px; width: 139px;}
.top-page .sec_beginner .bnr_guide p {font-size: 1.125rem; font-weight: bold; line-height: 1.7; letter-spacing: .1em; margin-left: 1.1em;}

/* 5012 - 2024/01/29 */
/* .top-page .sec_beginner .bnr_station {display: flex; justify-content: center; align-items: center;} */
/* .top-page .sec_beginner .bnr_station img {display: block; margin: 0 auto; width: auto; height: auto;} */
.top-page .sec_beginner .bnr_station {display: flex; justify-content: center; align-items: center; height: 180px;}
.top-page .sec_beginner .bnr_station img {display: block; margin: 0 auto; width: auto; height: 100%;}

 /* section choices
* --------------------------------------- */

.top-page .sec_choices {text-align: center; padding: 40px 0 0 0;}
.top-page .sec_choices h3 { position: relative; display: inline-block; font-size: 1.125rem; position: relative;}
.top-page .sec_choices h3 span {font-weight: bold; padding-bottom: 0.3em; border-bottom: 2px solid #ffc522;}
.top-page .sec_choices ul{display:flex;justify-content:space-between;width:980px;margin:0 auto;}
.top-page .sec_choices li{position: relative; width:200px;}
.top-page .sec_choices li img {width: 95%;}
.top-page .sec_choices li p {font-size: 1.125rem;margin-top: -0.8em;}
.top-page .sec_choices li p span {font-weight: bold; padding-bottom: 2px;/* border-bottom: 2px solid #ffc522;*/}


 /* section selling
* --------------------------------------- */

.top-page .sec_selling  {position: relative; margin: 0 calc(50% - 50vw); width: 100vw;padding-bottom: 51vh; margin-top: 80px; text-align: center;}
.top-page .sec_selling::before{
    content: "";
    position: absolute;
    top: -100px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(233, 85, 4, .1);
    opacity: .5;    
    transform: skewY(4deg) translateY(90px);
    z-index: -1;}
.top-page .sec_selling::after{
    content: "";
    position: absolute;
    top: -100px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(233, 85, 4, .1);
    opacity: .5;
    transform: skewY(-4deg) translateY(90px);
    z-index: -1;}

.top-page .sec_selling h2 { position: relative; display: inline-block; font-size: 1.25rem;letter-spacing: .05em; padding-left: 0.5em;}
/*.top-page .sec_selling ul {width: 1000px; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 30px auto 50px;}*/
.top-page .sec_selling ul {width: 1000px; display: grid; grid-template-columns: repeat(3,1fr); gap: 2%; margin: 30px auto 50px;}


.top-page .sec_selling li {background: #fff;}
.top-page .sec_selling li a {display: block; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); height: 100%;}
.top-page .sec_selling dl {width: 100%; height: 100%; background: #fff; padding: 1.5em 0 1.3em;}
.top-page .sec_selling dt { position: relative; font-size: 1.125rem; font-weight: bold;}
.top-page .sec_selling dt::before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;}
.top-page .sec_selling dt.home::before {background-color: #f36440;}
.top-page .sec_selling dt.shop::before {background-color: #30b5ef;}
.top-page .sec_selling dt.visit::before {background-color: #7ec658;}

.top-page .sec_selling dt::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .7em;
    transition : all .1s;
    width: .8em;
    height: .8em;
  background-image: url(/themes/images/web/arrow_right_ccc.svg);
  background-repeat: no-repeat;
  background-size: contain;}
.top-page .sec_selling a.shadow:hover dt::after {right: .5em;}

.top-page .sec_selling dd figure {width: 89%; margin: 25px auto 10px;}
.top-page .sec_selling dd p { font-size: .875rem; letter-spacing: .05em; text-align: left; margin: 0 1.5em;letter-spacing: -.01em;}
.top-page .sec_selling dd p span {font-size: .8125rem;}

 /* section category
* --------------------------------------- */
.top-page .sec_category { width: 100%; text-align: center; background-color: #f2f2f2; border-top: 4px solid #fff; padding: 30px 0 60px 0;}
.top-page .sec_category h2 {position: relative; font-size: 1.25rem;}
.top-page .sec_category h2 span {font-size: 1rem;}
.top-page ul.cat_link {
  width: 1000px;
  padding: 0;  
  display: grid;
  grid-template-columns:repeat(4,1fr);
  gap: 10px;
  margin: 25px auto 0;}
.top-page ul.cat_link li {position: relative; width: 100%; margin: 0; padding: 15px .5em;}
.top-page ul.cat_link li a::after {position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0;}
.top-page ul.cat_link.item-5 {grid-template-columns:repeat(5,1fr);gap: 8px;}
.top-page ul.cat_link.item-6 {grid-template-columns:repeat(6,1fr);gap: 7px;}
.top-page ul.cat_link.item-7 {grid-template-columns:repeat(7,1fr);gap: 6px;}
.top-page ul.cat_link.item-7 li { padding: 1em .5em;}
.top-page ul.cat_link.item-7 li a {font-size: .8125rem;letter-spacing: -0.01em;}
.top-page ul.cat_link li a .in-block {display: inline-block;}
.top-page ul.cat_link li figure {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 15px;
  width: 60%;}
.top-page ul.cat_link li figure:before {
    content: "";
    display: block;
    padding-top: 100%;}

.top-page ul.cat_link li figure img {width: 100%; margin: 0 auto;}
.top-page ul.cat_link li figure img.w90 {width: 90%;}
.top-page ul.cat_link li figure img.w80 {width: 80%;}
.top-page ul.cat_link li figure img.w70 {width: 70%;}

 /* section campaign
* --------------------------------------- */

.top-page .sec_campaign {width: 100%; background: #fff;padding-top: 2em; margin: -51vh auto 0;}
.top-page .sec_campaign .inner {width: 1000px; margin: 0 auto;}
.top-page .sec_campaign {text-align: center;}
.top-page .sec_campaign h3 { position: relative; font-size: 1.125rem; display: inline-block;}
.top-page .sec_campaign h3 span {font-size: 1.5rem;}
.top-page .sec_campaign ul.list_campaign {text-align: left; margin: 15px 0 5px;}
.top-page .sec_campaign ul.list_campaign li {position: relative; margin-bottom: 15px;}
.top-page .sec_campaign ul.list_campaign li a {display: block;}
.top-page .sec_campaign ul.list_campaign li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

.top-page .sec_campaign ul.list_campaign li img {width: 100%;}    

.top-page a.campaign {display: block;font-size: .9375rem; text-align: center; padding: .85em 0; border: 1px solid #ddd;}
.top-page a.campaign .head_ic {position: relative;}
.top-page .sec_news a.news.head_ic {position: relative; display: inline-block; padding-left: 1em;}

.sec_otherlinks  {width: 1000px; margin: 60px auto;}
.sec_otherlinks .otherlinks {display: flex; justify-content: space-between; flex-wrap: wrap;}
.sec_otherlinks .otherlinks a {
  display: flex;
  justify-content: center;
  align-items: center;  
  width: 230px;
  height: 80px;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  font-size: 1rem;
  font-weight: bold;}

.sec_otherlinks .otherlinks a p {text-align: center;}
.sec_otherlinks .otherlinks a p.guide{font-size: 1rem; margin-left: 1em;}
.sec_otherlinks .otherlinks a p.QA {font-size: 1rem; margin-left: 1.7em;}
.sec_otherlinks .otherlinks a p.pointcard {font-size: .9375rem; margin: .2em 0 0 2.5em; line-height: 1.5;}
.sec_otherlinks .otherlinks a p.usedsofmap {font-size: .9375rem; margin: .2em 0 0 1.5em; line-height: 1.5;}

/* 4388 */
#container section#wallet { padding-top: 0;margin-top: -5px;}
a.question_link,a.question_link:link,a.question_link:visited {display: flex;
    align-items: center; justify-content: flex-end;
    color: #066eb3;}
a.question_link img {margin-left: 0.3em;}
@media screen and (max-width: 768px) {
#container section#wallet {margin-top: 0;}
}

/* 4519 */
.product_list li i.appeal,
.infobox i.appeal,
ul.item-list-box li a i.appeal {
        background-color: #ffd255;
        color: #dd0000; font-weight: bold;
        display: inline-flex; flex-direction: row-reverse; align-items: center;
        font-size: 0.75rem;
        font-style: normal;
        line-height: 2;
        margin-right: 1em;
        padding: 0 0.25em 0 1em;
        position: relative; }
.infobox i.appeal {margin-bottom: .35em;}
.product_list li i.appeal::after,
.infobox i.appeal::after,
ul.item-list-box li a i.appeal::after {
          border-right: 0.75rem solid transparent;
          border-top: 1.5rem solid #ffd255;
          border-left: 0 solid transparent;
          content: "";
          height: 0;
          width: 0;
          position: absolute;
          left: 100%;
          top: 0; }
.product_list li i.appeal::before,
.infobox i.appeal::before,
ul.item-list-box li a i.appeal::before {content: ""; background-image: url(/themes/images/web/ic_up.svg); width: 3.5em; height: 1.25em; background-attachment: scroll; background-repeat: no-repeat; background-position: center;padding-left: .35em;}
.content .product_list.product figure figcaption span.price > span {display: inline-flex; align-items: center; justify-content: flex-end; font-size: 1.125em;}
.product_list li span.mega-txt { color: #dd0000; font-weight: bold; text-align: left;}
.product_list li span.mega-txt::after,
#main.item .infotable p.price > span.mega-txt::after {content: "";background-image: url(/themes/images/web/arrow_mega-txt.svg); width: 2.5em; height: 1em; background-attachment: scroll; background-repeat: no-repeat; background-position: center;padding-left: .35em; }

.content .product_list.product figure {margin: 0 0 0 0;}
.content .product_list.product figure figcaption .prodname {font-size: .875rem;}
#tradein .content figure figcaption { position: static !important; left: inherit; top: inherit; padding-left: 20px; }

#main.item .infotable p.price > span.mega-txt {display: flex; margin-bottom: -1em;align-items: center; justify-content: flex-start; }
#main.item .infotable p.price {margin-bottom: -.35em !important;}

ul.item-list-box li a {position: relative;}
ul.item-list-box li a > span.appeal_box {position: absolute; left: 0; top: -2em;}
@media screen and (max-width: 660px) {
.infobox i.appeal {margin-top: .5em;}
#main.item .infotable p.price > span.mega-txt {display: block; font-size: 3vw;}
.content .product_list.product figure figcaption span.price > span {justify-content: flex-start; text-align: left;font-size: 3vw;}
.product_list li span.mega-txt::after,
#main.item .infotable p.price > span.mega-txt::after {display: none;}
#main.item span.yen, #purchase_area .price span.yen {left: 0;}
ul.item-list-box li a > span.appeal_box {position: relative; top: 0;}
}



 /* for tablet 
* --------------------------------------- */

@media screen and (max-width: 1000px) {

.mv_swiper {max-width: none;}
.mv_swiper_wrp::before, .mv_swiper_wrp::after {
 height: 32.6vw;
 margin-left: calc(-50vw - 39.86vw - 5px);}
.mv_swiper_wrp::before {margin-left: calc(-50vw - 39.86vw - 5px);}
.mv_swiper_wrp::after {margin-right: calc(-50vw - 39.86vw - 5px);}
.mv_swiper_wrp .swiper-button-prev {transform: scale(-1, 1) translateY(-50%);left: calc(50vw - 39.86vw - 5px - 6.5vw);}
.mv_swiper_wrp .swiper-button-next {right: calc(50vw - 39.86vw - 5px - 6.5vw);}
.mv_swiper_wrp .swiper-button-next::after, .mv_swiper_wrp .swiper-button-prev::after {width: 3.3vw;height: 8.55vw;}

.top-page .sec_choices ul,
.top-page .sec_selling ul,
.top-page .sec_campaign .inner,
.top-page .contents {width: 90vw;}


.top-page .sec_beginner .inner {width: 80vw;}

.sec_otherlinks {width: 80vw}

.sec_beginner {width: 80vw;}
.top-page .sec_beginner .movie_box_wrp{width: 100%;}
.top-page .sec_beginner .movie_box{width: 100%;}
.top-page .sec_beginner .bnr_box {width:100%; flex-direction: row;}
.top-page .sec_beginner .bnr_box > a {width: 48%; height: 135px;}

.top-page .list_news li .dates {padding-left: 0;}
.top-page .list_news li a {display: block;}

.top-page ul.cat_link {width: 90vw;}
.top-page ul.cat_link.item-5,
.top-page ul.cat_link.item-6,
.top-page ul.cat_link.item-7 {grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));}

@media screen and (min-width: 661px) and (max-width: 1000px) {
    
/* 5012 - 2024/01/29 */
/* .top-page .sec_beginner .bnr_box {margin-top: 3vw;} */
.top-page .sec_beginner .bnr_box {height: 130px; margin-top: 3vw;}
.top-page .sec_beginner .bnr_box > div {width: 38.5vw;}
.top-page .sec_beginner .bnr_box a {height: 100%;}
.top-page .sec_beginner .bnr_guide {height: 100px;}
.top-page .sec_beginner .bnr_station {height: 135px;}

/* 5012 - 2024/01/29 */
/* .top-page .sec_beginner .bnr_station img { display: block; height: 100%; margin: 0 auto;} */
.top-page .sec_beginner .bnr_station img { display: block; height: 90%; margin: 0 auto;}


.top-page .sec_service ul {
    position: absolute;
    bottom: 5vw;
    width: 70vw;
    max-width: 700px;
    margin: 0 0 0 10vw;}
.top-page .sec_service::after {content: none;}
.top-page .sec_service {
    background-image: url(/themes/images/web/top/service_bg_pc.jpg);
    background-size: auto 90%;
    background-position: right -10vw bottom 0;
    background-repeat: no-repeat;
    background-color: #fff;
    margin-top: 5vw;}
.top-page .sec_service ul li {width: min(21vw,200px); height: min(21vw,200px);}
} /*end for tablet and (min-width: 661px) and (max-width: 1000px) */

@media screen and (max-width: 900px) {
.top-page .sec_service {background-size: auto 80%;background-position: right -10vw bottom 0;  }
}/*end for tablet and (min-width: 661px) and (max-width: 1000px) */

@media screen and (max-width: 768px) {
.top-page .sec_service {background-position: right -15vw bottom 0; }    
.top-page .list_campaign li {width: 33.3%;}
}/*end max-width: 768px */


@media screen and (max-width: 740px) {
.top-page .sec_service {background-position: right -15vw bottom 0;}
.top-page .sec_service ul li {display: flex; justify-content: center; align-items: center;}
.top-page .sec_service ul li img {display: none;}
.top-page .sec_service ul li p {margin-top: .1em;}

.spNone {display: none;}
.block {display: block;}
}/*end max-width: 740px */

.top-page .sec_service ul li {width: min(21vw,180px); height: min(21vw,180px);}
.top-page .sec_service ul li img {width: 80%; top: auto; bottom: 0;}
.top-page .list_campaign li:nth-child(4n) {margin-right: 0;}
} /*end for tablet max-width: 1000px */


@media screen and (min-width: 661px) and (max-width: 1000px) {
.top-page .sec_beginner .bnr_guide img.bnr_guide_deco {display: none;}
.top-page .sec_beginner .bnr_box a {display: flex;justify-content: center;}
.top-page .sec_beginner .bnr_guide div {padding-left: 0; text-align: center; margin-left: -1em;}
.top-page .sec_otherlinks .otherlinks a {width: 48%; margin-bottom: 1.4em;}
} /*end and (min-width: 661px) and (max-width: 1000px) */


 /* for SP
* --------------------------------------- */

@media screen and (max-width: 660px) {

.mv_swiper_wrp {margin: 2.5vw auto 0;}
.top-page .sec_beginner .inner {width: 90vw;}
.top-page .sec_beginner .bnr_box {flex-direction: column;}
.top-page .sec_beginner .bnr_box > a {width: 100%;}

.top-page .sec_service h2 em {display: block;}
.top-page .sec_service ul li p {margin: 0;}


.top-page .sec_service ul li img {display: none;}
.top-page .flexbox {display: block;}

.top-page .sec_beginner .inner {padding: 7vw 0 7vw;}
.top-page .sec_beginner .movie_box_wrp,
.top-page .sec_beginner .bnr_box {width: 90vw;}

.top-page .sec_beginner .bnr_box > a {margin-bottom: 5vw;}
.top-page .sec_beginner .bnr_box { width: 80vw; height: 66vw; margin: 8vw auto 0;}
.top-page .sec_beginner .bnr_guide {height: 25vw;}

/* 5012 - 2024/01/29 */
/* .top-page .sec_beginner .bnr_station {height: auto;} */
.top-page .sec_beginner .bnr_station {height: 35vw;}

.top-page .sec_beginner .bnr_guide img.bnr_guide_deco {
    bottom: auto;
    top: -4vw;
    right: -3vw;
    width: 28vw;}

.top-page .sec_choices ul {width: 85vw; flex-wrap: wrap;}
.top-page .sec_choices ul li {width: 40vw; margin-bottom: 2vw;}
.top-page .sec_selling ul {display: block; width: 80vw;}
.top-page .sec_selling li {width: 100%;margin-bottom: 7vw;}

.top-page .sec_category {padding: 6vw 0 10vw;}
.top-page ul.cat_link {margin: 3vw auto 0;}

.top-page ul.cat_link {display: grid;}

.top-page ul.cat_link,
.top-page ul.cat_link.item-5,
.top-page ul.cat_link.item-6,
.top-page ul.cat_link.item-7 {grid-template-columns: repeat(3,1fr);}

.bnr_swiper_area {width: 80vw; display: block; margin: 0 auto;}
.bnr_swiper_wrp {width: 100%;}
.sec_otherlinks .otherlinks a {width: 100%;}
.top-page .sec_campaign ul.list_campaign li {width: 49%;}

.top-page .contents {margin: 0 auto 10vw;}

.top-page .sec_service::after {content: none;}
.top-page .sec_service {
    height: 60vw;
    background-image: url(/themes/images/web/top/service_bg_sp.jpg);
    background-size: auto 110%;
    background-position: right -20vw bottom -3vw;
    background-repeat: no-repeat;
    background-color: #fff;
    margin-top: 5vw;}

.top-page .sec_service h2 {font-size: 4.27vw; margin-left: 4vw}
.top-page .sec_service .head_ic::before {
  top: -.3em;
  left: -9vw;
  transform: none;
  width: 8vw;
  height: 8vw;
} 

.top-page .sec_service ul {
    margin: 0;
    left: 5vw;
    transform: none;
    bottom: 5vw;
    width: 80vw;
}
.top-page .sec_service ul li {width: min(25vw,180px); height: min(25vw,180px);}

.top-page .sec_choices {padding: 7vw 0 0 0;}
.top-page .sec_choices ul {margin: 2vw auto;}
.top-page .sec_selling {margin-top: 15vw;}
.top-page .sec_selling ul {margin: 5vw auto;}
.top-page .sec_campaign { margin: -51vh auto 0;}
.bnr_swiper {margin-bottom: 10vw;}
.sec_otherlinks {margin: 10vw auto;}
.sec_otherlinks .otherlinks a {height: 18vw; margin-bottom: 5vw;}


  /*font-size*/
.top-page .sec_service h2 em{font-size: 6vw; margin-top: .1em;}
.top-page .sec_campaign h3 span {font-size: 5vw;}
.top-page .sec_service ul li p {font-size: 2.9vw;}
.top-page .sec_service ul li p em {font-size: 3.47vw;margin: 0.1em 0;}
.top-page .sec_beginner h3 {font-size: 4.8vw;}
.top-page .sec_category h2,
.top-page .sec_selling h2 {font-size: 5.33vw;margin-left: 1em;}
.top-page .sec_beginner .bnr_guide p{font-size: 4vw; line-height: 1.6;}
.top-page .sec_choices h3,
.top-page .sec_selling dt {font-size: 4.8vw;}
.top-page .sec_choices li p{font-size: 3.73vw; line-height: 1.7;}
.top-page .sec_campaign h3 {font-size: 4.27vw;}
.top-page ul.cat_link.item-7 li a {font-size: 3.2vw;}
.top-page .sec_selling dd p {font-size: 3.47vw;}
.top-page .sec_selling dd p span {font-size: 3.2vw;}
.top-page a.campaign {font-size: 3.73vw;}
.top-page .sec_otherlinks .otherlinks a p {font-size: 3.2vw !important;}
.top-page .list_campaign li span {font-size: 3.47vw;}
.top-page .title_content {font-size: 4.27vw;}
.top-page .title_content span {font-size: 3.73vw;}


} /*end for SP max-width: 660px */


/* 4616 bnr_contents-itempage */
#main.item .infobox {display: flex; flex-direction: column; width: 100%;}
#main.item .attention_area.nomgb { margin-bottom: 5px;}
.bnr_contents-itempage {display: block;margin: 1em auto; background-attachment: scroll; background-color: #fff; width: 100%;max-width: 510px; height: 125px; max-height: 20vw;box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);}

  .bnr_contents-itempage a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;background-position: center; background-size:125%; }
  .bnr_contents-itempage.clothes a {background-image: url(https://www.sofmap.com/ec/contents/raku-uru/clothes/header.png);}
  .bnr_contents-itempage.brand a {background-image: url(https://www.sofmap.com/kaitori/topics/brand/header.png);}
  .bnr_contents-itempage.outdoor a {background-image: url(/themes/images/contents/outdoor/header.png);}
  .bnr_contents-itempage.golf a {background-image: url(https://www.sofmap.com/kaitori/topics/golf/header.png);}
  .bnr_contents-itempage.liquor a {background-image: url(/themes/images/contents/bnr_bg/bg_liquor.jpg);}
  .bnr_contents-itempage.music a {background-image: url(/themes/images/contents/bnr_bg/bg_music.jpg);}
  .bnr_contents-itempage.antique a {background-image: url(/themes/images/contents/bnr_bg/bg_antique.jpg);}
  .bnr_contents-itempage.electric a {background-image: url(/themes/images/contents/bnr_bg/bg_electric.jpg);}
  .bnr_contents-itempage.fishing a {background-image: url(/themes/images/contents/fishing/main.jpg);}
  .bnr_contents-itempage.disc a {background-image: url(/themes/images/contents/disc/header.png);}
  .bnr_contents-itempage.bookoff a {background-image: url(https://www.sofmap.com/kaitori/topics/bookoff/header.png);}
  .bnr_contents-itempage.retrogame a {background-image: url(https://www.sofmap.com/ec/contents/raku-uru/themes/images/contents/retrogame/bg.png);}
  .bnr_contents-itempage.car a {background-image: url(https://www.sofmap.com/ec/contents/raku-uru/car/header.png);}
  
.bnr_contents-itempage a > span {display: flex; width: 60%; height: 70% ; padding: 5px; background-color: rgba(255,255,255,.85); flex-direction: column; align-items: center; justify-content: center;}
.bnr_contents-itempage span h5 { font-size: 1em;text-align: center; border: 1px #999 solid; display: inline-flex;width: 100%; height: 100%; flex-direction: column;align-items: center; justify-content: center;} 
  .bnr_contents-itempage span h5 em {font-size: 1.25em;font-weight: bold;}
@media screen and (max-width: 660px) {
.bnr_contents-itempage a > span { height: 85% ;}
.bnr_contents-itempage span h5 { font-size: .75em;}
}


/* 3676 20221124 */
.item-list { display: block; width: 100%; /*margin-bottom: 3em;*/}
.graybox { background: #f2f2f2; border-top: 1px #dddddd solid; padding: 15px 5%;}
.item_col-list {display: flex; flex-direction: column; width: 100%; background-color: #fff; box-shadow: 0px 0px 2px 2px rgba(0,0,0,.05); margin-bottom: 5px;}
.item_col-list.disabled {background-color: #f7f7f7; }
.item_col-list.disabled h5.price {color: #888;}

.information_col {display: flex; flex-direction: row-reverse; flex-wrap: wrap; align-items: center;justify-content: space-between; width: 94%; margin:0 auto .5em auto; padding-top: .25em; border-top: 2px #f4f4f4 solid;}
#web .information_col > p.toggle_txt { margin-bottom: 0;}
#web .information_col > h5.price {padding-right: 0;}
#web .information_col > h5.price span {padding-right: 0;margin-left: auto;font-size: .5em; padding-left: .2em;}
#web .information_col > h5.price span.price-num {font-style: normal; font-size: .75em;}
.information_col > .toggle_txt.txtS {    background-size: 1em;    background-position: 92% 55%;}
.price_col div > .switch {    transform: scale(.8,.8);}
.price_col div {display: block;}
#web .price_col.colflex { display: flex;flex-direction: row; justify-content:flex-start ; align-items:flex-start;padding: .65em 1em .25em; min-height: 2.5em;}
#web .price_col.colflex > .num {width: 2em;padding: 0;text-align: left;font-weight: normal;}
#web .price_col.colflex > .r-col { margin-left: auto; width: 100px;}
#web .price_col.colflex > .item_name {padding: 0 2em 0 0;word-break: break-all; font-weight: normal; text-align: left;}
.information_col .hide_content {width: 100%;}
.information_col .resultbox {padding: 0 .35em; }

.txtout .switch__input:checked ~ .switch__content:after,
.txtout .switch__content:after {font-size: 1rem;}
.txtout .switch__content:after {left: -80%;}
.r-col .txtout .switch__content:after {color: #666;}
.switch__content:before {background-color: #ccc;}
p.result-info { display: block; padding-left: 2.5em; text-indent: -2.5em;}

#web .item_calculate.new-box h5.price { padding-right: 8px; padding-left: 8px;}
#web .item_calculate.new-box h5.price strong.price-num {font-size: .9375em;}
#web .item_calculate.new-box h5.price strong > span {font-size: .75em; padding-left: .2em;}

#web .astbox.line-s { border-width: 2px; max-width: 380px; margin-bottom: 1.25em;}
.astbox .checkLsize {font-weight: normal; font-size: .875em;}
#web .astbox.line-s label.checkbox {display: flex; align-items: center; justify-content: center;}
#web .astbox.line-s label.checkbox input {margin-right: .5em;}

p.return {color: #666; font-weight: bold;}
#web #mypage-sec .btn.confirm .icon{ width: 1.35em; display: flex; align-items: center;margin-left: -1em;}
#web #mypage-sec .btn.undo .icon{ width: 1.5em; display: flex; align-items: center;margin-left: -.8em;margin-right: .2em;}
#web #mypage-sec .btn.confirm .icon img {opacity: .8;}
#web #mypage-sec .btn.undo .icon img {opacity: .8;}
#mypage-sec .btnbox.s-size .btn {font-size: .9375em;}

.trade_list li span.status i {font-weight: normal;}

@media screen and (max-width: 660px) {
.graybox {width: 100vw; margin-left: -5vw; margin-right: -5vw;}
#web .price_col.colflex > .num,
#web .price_col.colflex > .item_name {font-size: 3.4vw;}
#web .price_col.colflex > .item_name {width: 100%;}

/* 5012 - 2024/01/29 */
/* #web .price_col.colflex > .r-col {width: 20vw;} */
#web .price_col.colflex > .r-col {width: 22.5vw;}

.price_col div > .switch {    transform: scale(.65,.65);}
#web .information_col > h5.price {font-size: 6vw;}
#web .item_calculate.new-box {width: 94%;padding: 5vw 0;}
.astbox .checkLsize {font-size: 3.4vw;}
#web .astbox.line-s {width: 95%;}
}

/* 4618 20230315 */
.whbox.in_process { border: 8px #fcece9 solid;}
#mypage-cont #container .contents .whbox.pcStyle.in_process { padding-top: calc(2rem - 8px); padding-bottom: calc(2rem - 8px); padding-left: calc(1.5rem - 8px);padding-right: calc(1.5rem - 8px);}
.attention_process { width: 100%; background-color: #fcece9; display: flex; justify-content: center; align-items: center; padding: .65em 1em;}
.attention_process > span {font-weight: bold; font-size: .8125em; color: #dd0000;}
.reserve_detail_wrp .label.in_process { background-color:#fcece9;border: 1px #dd0000 solid; color: #dd0000;}

.identity-select {}
 /* identity ekyc */
  .modal_box.identity-select {
    display: block;
    text-align: center;
    min-width: auto;
    max-width: 500px;
    width: 500px;
    padding: 40px; }
    .modal_box.identity-select .ic_ekyc {
      display: block;
      margin: 0 auto;
      width: 55px;
      margin-bottom: 8px; }
    .modal_box.identity-select .btn_box {
      width: 100%;
      background: #f2f2f2;
      padding: 1.2em 1.5em 1.5em;
      margin: 1em 0; }
      .modal_box.identity-select .btn_box p {
        font-size: 0.875rem;}
.modal_box.identity-select .btn_box p >span {display: block; color: #666666; font-size: .75em; font-weight: normal;}
      .modal_box.identity-select .btn_box > a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        background: #fff;
        line-height: 1;
        height: 4em;
        border-radius: 0.3125rem;
        margin-top: .4em;
		background-attachment: scroll;
    background-image: url(/themes/images/contents/raiten_lp/arw_gray_R.svg);
    background-position: 97.5% center;
    background-repeat: no-repeat;
    background-size: 8px;
    padding-right: 1.25em;}
        .modal_box.identity-select .btn_box a p {
          font-size: 0.9375rem;
          font-weight: bold; margin-right: auto; margin-left: -1em; margin-bottom: 0;}
.modal_box.identity-select .btn_box a .ic {
width: 2em; height: 2em; display: flex; align-items: center; justify-content: center;
          margin-right:auto; margin-left: 1em; }
.modal_box.identity-select .btn_box a .ic > img {}
.align-left {text-align: left;}
.modal_box.identity-select ul.ast.txtXS {margin-bottom: 0;}
.modal_box.identity-select ul.disc_s.txtXS {margin-top: 1em;}
.modal_box.identity-select ul.ast.txtXS li {font-size: .675rem ; margin-bottom: 0;}
.modal_box.identity-select ul.disc_s.txtXS li {font-size: .75rem;}
a.link_blue:link,a.link_blue:active,a.link_blue:hover,a.link_blue:visited {color: #066eb3;}
@media screen and (max-width: 660px) {
#mypage-cont #container .contents .whbox.spStyle.in_process {border: 4px #fcece9 solid;}
#mypage-cont #container .contents .whbox.spStyle.in_process { padding-top: calc(1.5em - 4px); padding-bottom: calc(1.5em - 4px); padding-left: calc(5vw - 4px);padding-right: calc(5vw - 4px);}
.whbox.in_process .btns_wrp { display: flex; flex-direction: column;}
.whbox.in_process .btns_wrp a { width: 100%; order: 1;}
.whbox.in_process .btns_wrp a.cancel {order: 2;}
  .modal_box.identity-select {    width: 90vw;
    max-width: 90vw;
    min-width: inherit;
    padding: 5vw 3vw;}
.modal_inrwrp {max-height: 65vh; width: 100%;
    overflow: auto;padding: 0 5vw;}
.modal_box.identity-select .btn_box {padding: 4vw 3vw;}
.modal_box.identity-select .btn_box p {font-size: 3.2vw;}
.modal_box.identity-select .btn_box a p {font-size: 3.6vw;}
}
.bnr-box{display: block; margin: 1em auto;}
.bnr-box.nomgt {margin: 0 auto .5em;}
.bnr-box.bg-white {background-color: #fff; text-align: center; padding-bottom: .5em;}
.bnr-box a {width: 100%; display: block; padding: 2px; background-color: #fff; border: 1px #ddd solid;transition : all 0.5s ease 0s; margin: 0 auto;}
.bnr-box img {width: 100%;display: block;}
.bnr-box.w-70 { max-width: 70%;}
.bnr-box a.w-70 {max-width: 70%;}
.bnr-box.w-55 { max-width: 55%;}
.bnr-box.w-40 { max-width: 40%;}
.ekyc-bg > a .ekyc-info-box.nomgb {margin-bottom: 0;}

@media screen and (max-width: 660px) {
.bnr-box.bg-white {padding: 3vw;}
.bnr-box.w-70,.bnr-box.w-55,.bnr-box.w-40,.bnr-box a.w-70 { max-width: 100%;}
#web h3.stitle.ssize { font-size: 4vw; margin-bottom: 4vw;}
}

/* 5012 20231201 */
span.price-num.line-cancel {text-decoration: line-through;}

/* 5012 20240129 */
/* span.price-num.line-cancel::after {content: '→ 0'; display: inline-block; padding:0 .5em; font-weight: bold;} */
span.price-num.line-cancel::after {content: '→ 0'; display: inline-block; padding:0 0 0 .5em; font-weight: bold;}

#web .astbox.line-s.nomgb {margin-bottom: 0;}
.mgt1 {margin-top: 1.25em;}
.campaign_name_view {padding-left: 8px;padding-right: 8px;}
.campaign_name_view p {display: flex;}
.campaign_name_view p >span { color:#333; white-space: nowrap;}
.item_calculate.new-box {width: 88%;}
.campaign_ttl {display: flex; justify-content: space-between;}
h5.campaign_price {display: flex; justify-content: space-between;padding-left: 8px; padding-right: 8px;}
.item_calculate h5.price {display: flex; justify-content: space-between; padding-left: 8px; padding-right: 8px; align-items: flex-end; padding-bottom: 5px;}
.item_calculate h5.price span.txt { position: relative; left: 0; bottom: 0.15em; margin-right: auto;}

#web .price_col.colflex > .item_name {max-width:calc(100% - 2em - 100px);}