/*/////////////////////////////////////////////
// スマホ用レイアウト
//////////////////////////////////////////////*/
@media screen and (max-width: 900px) {
/* 900pxまでの幅の場合に適応される */



html{
height: -webkit-fill-available;
}
body{
font-size: 14px;
line-height:1.6;
min-height: 100vh;
min-height: -webkit-fill-available;
}

a,
a:visited {
text-decoration: none;
transition: unset;
}
a {
-webkit-tap-highlight-color:rgba(0,0,0,0);
cursor:pointer;
}
*:focus {
outline: none;
}

/*共通設定*/
.pc-none{
display: block !important;
}
.sp-none{
display: none !important;
}

.row{
width:100%;
margin:0 auto;
text-align:center;
}
.in_row{
width:100%;
margin:0 auto;
text-align:center;
}

/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
div.head_in{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
padding:10px 0 10px;
}
div.head_logo_area{
width: 150px;;
margin:0 auto;
}
div.head_logo_area img{
width:100%;
}

.globalMenuSp{
/*display:none;*/
}
/*　ハンバーガーボタン　*/
.hamburger {
display : block;
position: fixed;
z-index :99;
right : 13px;
top   : 13px;
width : 42px;
height: 42px;
cursor: pointer;
text-align: center;
}
.hamburger span {
display : block;
position: absolute;
width   : 30px;
height  : 2px ;
left    : 6px;
background : #b59357;
-webkit-transition: 0.3s ease-in-out;
-moz-transition   : 0.3s ease-in-out;
transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
top: 10px;
}
.hamburger span:nth-child(2) {
top: 20px;
}
.hamburger span:nth-child(3) {
top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
top : 16px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform   : rotate(-45deg);
transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
top: 16px;
-webkit-transform: rotate(45deg);
-moz-transform   : rotate(45deg);
transform        : rotate(45deg);
}

nav.globalMenuSp {
position: fixed;
z-index :88;
top  : 0;
left : 0;
color: #000;
background: #eaeaea;
height:100%;
text-align: center;
transform: translateX(100%);
transition: all 0.6s;
width: 100%;
padding: 60px 0 0 0;
box-sizing: border-box;
}

nav.globalMenuSp ul {
display:flex;
justify-content:flex-start;
align-items:center;
flex-direction:column;
margin: 0 auto;
padding: 0;
width:100%;
box-sizing: border-box;
}

nav.globalMenuSp ul li {
text-align:left;
list-style-type: none;
padding-left:25px;
box-sizing:border-box;
display: block;
width: 90%;
margin: 0 auto;
border-bottom: 1px solid #fff;
position:relative;
}
nav.globalMenuSp ul li:before{
position: absolute;
top: 25px;
left: 10px;
transform: translateY(-50%);
width: 0px;
height: 0px;
border: 0.3em solid transparent;
border-left: 0.3em solid #062853;
content: "";
}


nav.globalMenuSp ul li:last-child {
padding-bottom: 0;
border-bottom: none;
}
nav.globalMenuSp ul li:hover{
background :#ddd;
}

nav.globalMenuSp ul li a {
display: block;
color: #000;
padding: 1em 0;
text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
transform: translateX(0%);
}





/*--------------------------------------------------------
key visual
--------------------------------------------------------*/
div.top_kv{
margin: 0px auto 0;
background-image:url(../images/kv_bg_sp.jpg);
background-size: cover;
background-position: center center;
}
.top_kv_in{
width: 90%;
padding:5% 0;
margin: 0 auto;
}
.top_kv_in h1 img{
width: 100%;
display: block;
margin: 10% 0 0 0;
}
.top_kv_in h2 img{
width: 80%;
display: block;
margin: 5% auto 0 auto;
}

.t_banner{
overflow: hidden;
padding:20px 15px 10px;
}
.t_banner img{
width: 100%;
margin: 0 0 0 0;
}


/*--------------------------------
cta
---------------------------------*/
div.cta{
padding:20px 0px 0;
box-sizing:border-box;
}
div.cta_in{
display:flex;
justify-content:space-between;
align-items:center;
padding:0px 15px;
box-sizing: border-box;
}
div.cta_btn{width: 100%;margin: 0 auto;}
div.cta_btn img{width: 100%;}

div.cta a{
transition: all 0.7s ease;
display:inline-block;
}
div.cta a:hover{
opacity:0.7;
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
div.footer{
margin-top:30px;
padding-bottom: 85px;
}
.footer_in{
padding:25px 15px;
box-sizing: border-box;
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}
ul.foot_navi{
width:50%;
box-sizing:border-box;
padding:0 0 0 10px;
}
ul.foot_navi li{
text-align:left;
padding:0 0 5px 15px;
box-sizing:border-box;
position:relative;
}
div.foot_logo{
width:35%;
margin:0 auto;
padding:0px 0 0 0;
}
div.foot_logo img{
width:100%;
}

ul.foot_navi a{
font-size:11px;
}
div.copy{
margin-top: 0px;
/*border-top: 1px solid #000;*/
padding: 13px 0 13px;
}
.copy h5{
font-size: 10px;
font-weight: normal;
}

/*page top*/
#page_top{
display: none;
}

div.sp_foot{
position: fixed;
width: 100%;
bottom: 0px;
font-size: 0;
opacity: 0.9;
z-index: 80;

}
ul.footer_menu {
position: relative;
display: flex;
justify-content: center;
align-items: center;
list-style: none;
box-sizing: border-box;
padding: 15px;
margin:0;
width:100%;
background: #fff;
}
ul.footer_menu li {
width: 100%;
padding:0px 0 0px;
box-sizing: border-box;
margin:0 auto;
text-align: center;
}

.sp_foot_btn{
display:block;
width:100%;
padding:15px;
font-size:14px;
color:#fff !important;
margin: auto;
background-color: #b59357;
border-radius: 2px;
}
.sp_foot_btn:hover{
opacity:1;
}


/*--------------------------------------------------------
コンテンツ
--------------------------------------------------------*/
div.title_area{
margin: 20px 15px 10px 15px;
padding:0px 0 10px;
border-bottom:2px solid #ccc;
}
div.title_area h2{
font-size:20px;
font-weight: 600;
letter-spacing:2px;
color:#333;
}


/*--------------------------------
買取強化中
--------------------------------*/

@media screen and (max-width:500px){
    .enhanced{
        padding:0 15px 0;
    }
    .enhanced_list{
        grid-template-columns:1fr;
        max-width:100%;
        margin:0 auto;
    }
    .enhanced_text{
        height:30%;
        display:flex;
        flex-direction:column;
        justify-content:flex-end;
        text-align:center;
        padding-bottom:6%;
    }

    .enhanced_name{
        margin:0 0 20px;
        color:#fff;
        font-size:clamp(14px,1.8vw,18px);
        font-weight:700;
        line-height:2.5;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        border-bottom: 1px solid #a38338;
    }
    .enhanced_price{
        color:#fcdc88;
        font-size:clamp(18px,2.2vw,28px);
        font-weight:900;
        line-height:1;
        font-family:
            "Yu Mincho",
            "Hiragino Mincho ProN",
            "HGS明朝E",
            serif;
    }
}


/*sv*/
ul.sv_list{
width:100%;
padding:0 15px 0;
box-sizing:border-box;
margin-top:20px;
display:flex;
justify-content:space-between;
align-items:stretch;
flex-wrap:wrap;
gap:10px 0;
}
ul.sv_list li{
width:49%;
background:#eaeaea;
padding:0;
box-sizing:border-box;
position:relative;
}


/*about*/
div.about{
padding:20px 0 10px;
}
div.about_wrap{
display:flex;
justify-content:space-between;
align-items:center;
flex-direction:column;
padding:15px 0 0px;
box-sizing:border-box;
}
div.about_l,div.about_r{
width:100%;
padding:0 15px 0;
box-sizing:border-box;
}
div.about_r p{
text-align:left;
font-size:14px;
line-height:1.7;
padding-left:0px;
padding:15px 0 0 0;
}


/*flow*/
div.flow{
padding:20px 0 0;
}
div.flow_wrap{
padding:15px 15px 0;
box-sizing:border-box;
}
ul.flow_list{
flex-direction:column;
}
ul.flow_list li{
padding:0;
width:100%;
margin-bottom:20px;
}
ul.flow_list li img{
width:100%;
}
ul.flow_list li h4{
font-size:14px;

}
ul.flow_list li h3{
font-size:18px;
padding-bottom:0px;
}
ul.flow_list li p{
font-size:14px;
text-align:left;
width:100%;
padding:15px;
box-sizing:border-box;
}
div.sankaku{
bottom:-70px;
top:auto;
left:0;
right:0;
transform: translateY(0%);
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
margin:auto;
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #002776;
}
ul.flow_list li:last-child div.sankaku{
display:none;
}


/*faq*/
div.faq{
padding:10px 0 0;
}
div.faq_wrap{
padding: 0;
}
dl.faq_list{
margin: 15px auto 0px;
width:90%;
}
dl.faq_list dt{
font-size:14px;
padding:10px 30px 10px 10px;
margin:5px 20 0px 0px;
}
dl.faq_list dt::before{
font-size:24px;
padding: 0 10px 0;
margin-right: 10px;
}
dl.faq_list dd{
margin:0px auto;
padding:10px;
font-size:14px;
line-height: 1.7;
}
dl.faq_list dd::before{
font-size:24px;
padding: 0 10px 0;
margin-right: 10px;
}
/*accodion*/
dl.faq_list dt:after {
top:15px;
right: 15px!important;
bottom:0;
margin:12px 0 0 0;
}
dl.faq_list dt.ac:after {
top:25px;
right: 15px!important;
}







/*//////////////////////////////////
//下層ページ
//////////////////////////////////*/
div.kv_low{
}
div.low_title{
padding:30px 0 0px;
}
div.low_title h1{
font-size: 20px;
}
div.low_title h1:before {
height: 3px;
}
div.low_contents{
padding: 20px 0 10px;  
}

.tokute_wrap{
padding: 10px 0 0px;
}
table.toku_tb{
width: 90%;
}

table.toku_tb th{
display: block;
width: 100%;
padding: 10px;
color: #fff;
text-align: left;
background: #062853;
border-bottom: none;
border-top: none;
border:none;
}
table.toku_tb td{
display: block;
border:none;
width: 100%;
padding: 10px;
}


dl.privacy_faq dt{
font-size:14px;
padding:8px 0 8px 0;
}
dl.privacy_faq dd{
font-size:12px;
padding:5px 0 20px 0;
}


.cat_page_buy{
margin: 30px 0 0 0;
padding:40px 15px;
background:#f7f4ec;
}
.cat_page_sale{
margin: 30px 0 0 0;
padding:40px 15px;
background:#eeeeee;
}

.cat_list{
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}




}
/*end 900 */