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

body {
    font-family: '游ゴシック','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ','Arial','ＭＳ ゴシック',sans-serif;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 961px) {
    #saleHead{
        width:100%;
        margin:0 auto;
        padding:20px 0 10px;
        text-align:center;
        border-bottom:2px solid #ccc;
        box-shadow:1px 1px 4px 4px rgba(0, 0, 0, 0.2);
    }

    #main_visual{
        text-align:center;
        margin: 5% auto;
    }

    #title hr{
        width: 740px;
        margin: 45px auto 0;
        background-color:#a79f70;
        border: none;
        height: 0.13em;
    }

    #main_text{
        text-align: left;
        width: 702px;
        font-size: 18px;
        font-weight: 550;
        margin: 40px auto 120px;
    }

    #reccomend{
        font-size: 30px;
        background-color:#a79f70;
        padding: 35px 0;
        color:#fff;  
        margin: 0;
        text-align:center;
        font-family: "Roboto Medium",sans-serif;
        letter-spacing: 1.5px;
    }

    .brand_wrap{
        margin: 80px auto;
    }

    .brand_visual{
        text-align:center;
        width: 95%;
        margin: 0 auto ;
    }

    .brand_text{
        text-align:left;
        width: 710px;
        margin: 2% auto;
    }

    .item_name{
        font-size: 22px;
        font-weight: 550;
        text-decoration:underline;
        margin: 40px auto 25px;
        letter-spacing:0.05px;
    }
	
	.item_name a{
		color:#333;
	}
	
	.item_name a:visited{
		color:#333;
	}

    .sabu_title{
        font-size: 22px;
        font-weight: 550;
        padding: 0 0 0 3%;
        background: linear-gradient(transparent 50%, #c8c19a 50%);
        display: inline;
        letter-spacing:0.05px;
        padding-right: 8px;
    }

    .subu_text{
        font-size: 16px;
        margin: 35px auto;
        font-weight: 500;
        line-height: 2em;
        letter-spacing:0.05px;
    }

    #more_item{
        text-align:center;
        font-size: 30px;
        background-color:#a79f70;
        padding: 30px 0;
        color:#fff; 
        margin: 110px 0 30px;
    }

    #item{
        margin: 70px auto;
        width: 910px;
    }

    #item_list{
        list-style: none;
        overflow: hidden;
        text-align:center;
        padding: 0;
    }

    #item_list li{
        float: left;
        width: 45%;
    }
    
    #item_list li:hover{
        opacity: 0.6;
        color: #fff !important;
    }
    
    #item_list li:nth-child(odd){
        margin: 0 2% 0 3%;
    }

    #item_list li:nth-child(even){
        margin: 0 0 0 2%;
    }
        
    #item_list li a{
        text-decoration: none ;
    }

    #item_list li img{
        width: 100%;
        margin: 3% 0;
    }

    #item_list li p{
        color: #000000;
        width: 100%;
        text-align:center;
        font-size: 95%;
        letter-spacing:-1px;
        min-height: 45px;
    }
	
	.sp_footer{
		display:none;
	}
	
	#footerFrame{
		height: 440px;
		width: 100%;
		margin: 0px auto;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		padding-top: 1px;
	}
    
}

@media only screen and (min-width: 641px) and (max-width: 960px) {
    	#saleHead{
		width:100%;
		margin:0 auto;
		padding:10px 0 0 0;
		text-align:center;
		border-bottom:1px solid #ccc;
		box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.2);
	}
    
    #main_visual{
        text-align:center;
        margin: 5% auto;
    }
    
    #title img{
        width: 65%;    
    }    

    #title hr{
        width: 90%;
        margin: 40px auto 0;
        background-color:#a79f70;
        border: none;
        height: 0.13em;
    }

    #main_text{
        text-align: left;
        width: 85%;
        font-size: 18px;
        font-weight: 550;
        margin: 5% auto 9%;
    }

    #main_text br{
            display: none;
    }

    #reccomend{
        font-size: 30px;
        background-color:#a79f70;
        padding: 25px 0;
        color:#fff;  
        margin: 0;
        text-align:center;
        font-family: "Roboto Medium",sans-serif;
        letter-spacing: 1.5px;
    }

    .brand_wrap{
        margin: 6% 0;
    }

    .brand_visual img{
        width: 100%;
    }
    
    .brand_text{
        margin: 0 3%;
    }
    

    .item_name{
        font-size: 22px;
        font-weight: 550;
        text-decoration:underline;
        margin: 40px auto 50px;
        letter-spacing:0.05px;
    }
	
	.item_name a{
		color:#333;
	}
	
	.item_name a:visited{
		color:#333;
	}

    .sabu_title{
        font-size: 22px;
        font-weight: 550;
        background: linear-gradient(transparent 50%, #c8c19a 50%);
        display: inline;
        letter-spacing:0.05px;
        padding-right: 8px;
    }

    .subu_text{
        font-size: 16px;
        margin: 3% auto 15%;
        font-weight: 500;
        line-height: 1.6em;
        letter-spacing:0.05px;
    }

    #more_item{
        text-align:center;
        font-size: 22.5px;
        background-color:#a79f70;
        padding: 23px 0;
        color:#fff; 
        margin: 10% 0 10%;
    }

    #item{
        margin: 10% auto;
        width: 95%;
    }

    #item_list{
        list-style: none;
        overflow: hidden;
        text-align:center;
        padding: 0;
    }
    
    #item_list li{
        float: left;
        width: 45%;
        min-height: 355px;
        margin: 0 auto 5%;
    }
    
    #item_list li:nth-child(odd){
        margin: 0 2% 0% 3%;
        min-height: 355px;
    }

    #item_list li:nth-child(even){
        margin: 0 0 5% 2%;
        min-height: 355px;
    }

    #item_list li a{
        text-decoration: none ;
    }

    #item_list li img{
        width: 100%;
        margin: 0;
    }

    #item_list li p{
        color: #000000;
        width: 100%;
        text-align:center;
        font-size: 15px;
        letter-spacing:-1px;
        margin: 4% auto 0;
        min-height: 15px;
    }
    
    .pc_footer{
		display:none;
	}
    
    #footerFrame{
		height: 211px;
		width: 100%;
		margin: 0px auto;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		padding-top: 1px;
	}
}

@media screen and (max-width: 640px) {
    	#saleHead{
		width:100%;
		margin:0 auto;
		padding:10px 0 5px;
		text-align:center;
		border-bottom:1px solid #ccc;
		box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.2);
	}
    
    #saleHead img{
        width: 50%;
    }

    #main_visual{
        text-align:center;
        margin: 5% auto;
    }

    #title img{
        width: 75%;    
        }    

    #title hr{
        width: 90%;
        margin: 40px auto 0;
        background-color:#a79f70;
        border: none;
        height: 0.13em;
    }

    #main_text{
        text-align: left;
        width: 90%;
        font-size: 12px;
        font-weight: 550;
        margin: 27px auto 40px;
    }

    #main_text br{
            display: none;
    }

    #reccomend{
        font-size: 35px;
        background-color:#a79f70;
        padding: 30px 0;
        color:#fff;  
        margin: 0;
        text-align:center;
        font-family: "Roboto Medium",sans-serif;
        letter-spacing: 1.5px;
    }

    .brand_wrap{
        margin: 8% 0;
    }

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

    .brand_visual img{
        width: 100%;
    }

    .brand_text{
        text-align:left;
        width: 95%;
        margin: 0 3%;
    }

    .item_name{
        font-size: 13px;
        font-weight: 550;
        margin: 20px auto 25px;
        letter-spacing:0.05px;
    }
	
	.item_name a{
		color:#333;
	}
	
	.item_name a:visited{
		color:#333;
	}

    .sabu_title{
        font-size: 16px;
        font-weight: 550;
        background: linear-gradient(transparent 50%, #c8c19a 50%);
        display: inline;
        letter-spacing:0.05px;
        padding-right: 5px;
    }

    .subu_text{
        font-size: 14px;
        margin: 5% auto;
        font-weight: 500;
        line-height: 1.6em;
        letter-spacing:0.05px;
    }

    #more_item{
        text-align:center;
        font-size: 15px;
        background-color:#a79f70;
        padding: 15px 0;
        color:#fff; 
        margin: 15% 0 10%;
    }

    #item{
        margin: 10% auto;
        width: 95%;
    }

    #item_list{
        list-style: none;
        overflow: hidden;
        text-align:center;
        padding: 0;
    }
    
    #item_list li{
        float: left;
        width: 45%;
        min-height: 220px;
        margin: 0 auto 2%;
    }

    #item_list li:nth-child(odd){
        margin: 0 2% 2% 3%;
        min-height: 220px;
    }

    #item_list li:nth-child(even){
        margin: 0 0 2% 2%;
        min-height: 220px;
    }
    
        
    #item_list li a{
        text-decoration: none ;
    }

    #item_list li img{
        width: 100%;
        margin: 0;
    }

    #item_list p{
        color: #000000;
        width: 100%;
        text-align:left;
        font-size: 12px;
        letter-spacing:-1px;
        margin: 3% auto 0;
        min-height: 45px;
    }

	.pc_footer{
		display:none;
	}
	
	footer{
		height:170px;
	}
	
	footer #footerFrame {
		height: 211px;
		width: 100%;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		overflow: hidden;
	}
}