@charset "UTF-8";

/*
:root {
*light beige*
--super-light: #FEFCFA;
*beige*
--light-color: #fef4e5;
*navy*
--dark-color: #2c4176;
*orange-light*
--accent-color-light: #fba592; [super light #ffded6]
*orange*
--accent-color: #fa705b;
*orange-dark*
--orange-color-dark: #f9452e;
*gray*
--gray-color: #C4BEBE;
*Line*
--line-color: #00B900;
*gnav menu*
--gnav-color: #fff;
}
*/


/*モバイル用*/
@media only screen and (max-width: 798px) {
    .sp {
        display: block;
    }

    .pc {
        display: none;
    }

    .col {
        width: 100%;
    }

    header {
        position: fixed;
        /*メニュー固定*/
        width: 100%;
        z-index: 999;
    }

    main {
        padding-top: 80px;
    }

    .navwrap {
        height: 60px;
    }

    .navigation {
        background: var(--light-color);
    }

    .inquiry {
        margin:5px;
    }

    .logo img {
        height: 60px;
    }

    .inquiry img {
        width: 130px;
        margin-left: 30px;
    }
	.inquiry-BoxB{
		padding-top: 15px;
		padding-bottom: 15px;
	}

    /*
.navwrap .navwrap-box {
width: calc(50% - 10px);
margin: 5px;
}
*/
    .nav-mobile {
        display: block;
    }

    nav {
        width: 100%;
        /* padding: 70px 0 15px;*/
    }

    .nav-list {
        position: absolute;
        z-index: 999;
        width: 100%;
    }

    nav ul {
        display: none;
        border-bottom: solid 1px #e0e0e0 !important;
    }

    nav ul li {
        float: none;
        display: inline;
    }

    nav ul li a,
    nav ul li a:visited {
        display: block;
        padding: 15px;
        line-height: 20px;
        background: #FFF;
        /**/
        color: var(--accent-color-dark);
        text-decoration: none;
    }

    nav ul li a:hover,
    nav ul li a:visited:hover {
        background: linen;
    }

    nav ul li ul li a {
        padding-left: 30px;
        background: snow !important;
    }

    .nav-line {
        background-color: #00B900 !important;
        color: #FFF !important;
    }

    .nav-line a:hover {
        opacity: 0.8;
        background-color: #00B900 !important;
    }
    .nav-sns img{
        vertical-align: middle;
        width: 35px;
    }

    .nav-dropdown {
        position: static;
    }

    .heroImg {
        -webkit-background-size: 200%;
        -moz-background-size: 200%;
        background-size: 200%;
        background-position: center 0;
        height: 600px;
    }

    .flowimg {
        width: 90px;
    }

    .w70sp {
        width: 70%;
    }

    .w80sp {
        width: 80%;
    }

    .w90sp {
        width: 90%;
    }

    .closet-box {
        width: 90%;
    }

    .closet-box-2-1,
    .closet-box-2-2 {
        display: inline-block;
    }

    .closet-box-2-1 {
        width: 40%;
    }

    .closet-box-2-1 img {
        text-align: center;
    }

    .closet-box-2-2 {
        width: 40%;
        vertical-align: top;
        text-align: left;
        padding-top: 10px;
    }

    .brandList .brandItemType-large,.brandList2 .brandItemType-large{
        width: 40%!important;
        /*max-width: 230px;*/
    }
	/*「無料査定はこちらから」*/
	.inquiryS-title{
		width: 100%;
	}
	
		/*強化ブランドページ*/
		.kyouka-box1{
			height: 480px!important;
		}
		.kyouka-box1-inner{
			padding: 150px 30px 0!important;
		}
	
		.kyouka-box1 h1 {
			margin: 0 0 28px;
			padding: 12px 0px;
			border-bottom: 1px solid gray;
			text-shadow: 0 0 2px gray;
			font-size: 25px!important;
			text-align: center;
			letter-spacing: 0.4em;
			line-height: 1.3em;
			width: 100%!important;
		}
    /*フクルとは*/
    .box2,
		.box2-21-wrap,
	  .box3{
        width: 90%;
    }

}

/*タブレット・デスクトップ用*/
@media screen and (min-width: 799px) {
    .gnav {
        border-top: solid 1px #e0e0e0;
        border-bottom: solid 1px #e0e0e0;
    }

    .nav-list {
        display: block !important;
    }

    .col {
        float: left;
        padding: 0px 7px 14px;
        /*上　左右　下*/
    }

    nav ul li a,
    nav ul li a:visited {
        display: block;
        padding: 0 15px;
        line-height: 40px;
        background: var(--gnav-color);
        color: #222;
        text-decoration: none;
    }

    nav ul li a:hover,
    nav ul li a:visited:hover {
        /*    background: #2581DC;*/
        background: var(--dark-color);
        color: #ffffff;
    }
    
    .nav-sns img{
        vertical-align: middle;
        width: 29px;
    }
    nav ul li.nav-sns a{
        padding:0 8px;
    }
    nav ul li.nav-sns a:hover{
        background: #FFF;
    }

    .balloon4:before {
        content: "";
        position: absolute;
        right: -38px;
        width: 13px;
        height: 12px;
        bottom: 0;
        background: var(--light-color);
        border-radius: 50%;
    }

    .balloon4:after {
        content: "";
        position: absolute;
        right: -24px;
        width: 20px;
        height: 18px;
        bottom: 3px;
        background: var(--light-color);
        border-radius: 50%;
    }

    .closet-box {
        width: 300px;
    }

    .brandList .brandItemType-large,.brandList2 .brandItemType-large{
        width: 20%;
        margin: 10px;
    }
    .inquiryS-title {
        margin-bottom: 10px;
        margin-top: 20px;
        width: 70%;
    }
    
    /*faq*/
    .faq-wrap{
        margin-left: 150px;
    }
	  /*メリット*/
		.box2{
			 width: 45%;
		}
		.box2-2-wrap{
			 width: 60%;
		}
		.box2-1-wrap{
			 width: 28%;
		}
	
    /*フクルとは*/
    .box3{
        width: 28%;
    } 
		/*お客様の声*/
		.voice-half{
		max-width: 380px;
		min-height: 280px;
}
}