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


/*
	====================================
		xperia-sp index.css
	====================================
*/

/*bnr_area*/
.bnr_area{
    text-align: left;
}

.bnr_single {
    display: inline-block;
    margin-left: 1em;
    padding: 0;
}

@media screen and (max-width: 640px){
    .bnr_area{
    text-align: center;
    }
    .bnr_single {
    display: block;
    margin-left: 0;
    }
    .bnr_single img{
    max-width: 300px;    
    }
}


/*model*/
ul.model{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style-type: none;
    margin-left: 1em!important;
}

ul.model li{
    border: 1px solid #ccc;
    box-sizing: border-box;
    /* width: 350px;*/
    padding: 1em;
    margin: 1em 1em 1em 0!important;
}

ul.model li p.f-style{
    font-weight: bold;
    font-size: 1.2rem;
    margin: 0!important;
}

ul.model li p.line-r{
    text-align: right;
    margin: 0!important;
}


@media screen and (max-width: 640px) {
    ul.model{
    display: block;
    margin-left: 5px!important;    
    }
 
    ul.model li{
    width: 100%;
    }    
    
    ul.model li img{
    max-width: 100%; 
    display: block;
    margin: 0 auto;    
    }
    
    #contents .box_info_area p {
	margin: 0 10px 1.25em 5px;
    }        
    #contents .box_info_area ul.txtlink {
	margin: 0 1em 0.5em 0;
    }
}

/* 20220802 */
@media screen and (max-width: 640px) {
	ul.model > li > img{
		height: auto;
	}
}


@media screen and (min-width: 641px) {
	ul.model li{
		width:calc((100% - 3em)/3);
	}
	
	ul.model li p.f-style {
		height: 4.5em;
	}
	
	ul.model > li > img{
		height: 150px;
		width: auto;
	}
}